版面樣式表修改@Style.css at Anfernee’s 狂想曲

樣式表@Style.css
使用K2佈景主題修改\

文章抬頭

#primary h3, #primary h4, .single #primary .k2-asides h3 {
/* font-size: 2.4em; 原抬頭樣式 */
/* font-weight: normal; 原抬頭樣式 */
/* letter-spacing: -1px; */
font-size: 1.8em; /* 自訂抬頭樣式 */
font-weight: bold; /* 自訂抬頭樣式 */
letter-spacing: .05em; /* 自訂抬頭樣式 */
}

搜尋分類抬頭

h2 { /* H2 is what kind of page you are on. Eg. ‘Monthly Archive’. */
text-align: center;
/* font-size: 2.4em; 原搜尋分類抬頭樣式*/
font-weight: bold;
letter-spacing: -1px;
font-size: 1.2em; /* 新增自訂搜尋分類抬頭樣式 */
}

標題字型樣式

h1, h2, h3, h4 {
/* font-family: ‘Trebuchet MS’, Verdana, Sans-Serif; 原字型樣式*/
font-family: Verdana, Sans-Serif; /* 自訂字型樣式 */
}

Sidebar抬頭

.secondary h2 {
/* font-size: 1.5em !important; 原抬頭樣式 */
/* font-weight: normal !important; 原抬頭樣式 */
padding: 0 !important;
display: inline;
font-size: 1.2em !important; /* 新增自訂抬頭樣式 */
font-weight: bold !important; /* 新增自訂抬頭樣式 */
font-family: ‘Lucida Grande’, Verdana, Sans-Serif; /* 新增自訂抬頭樣式 */
}

〈blockquote〉標籤樣式

blockquote {
/* margin: 20px 0; 原始設定樣式 */
/* padding: 0 20px 0 50px; 原始設定樣式 */
/* /* color: #333; 原始設定樣式 */
/* background: #fff url(’images/quote.png’) no-repeat 10px 0; 原始設定樣式 */
/* border: none; 原始設定樣式 */
margin: 15px 30px 0 10px;
padding-left: 20px;
color: #333;
border-left: 5px solid #ddd;
}

內文圖片樣式

/* #primary .entry-content img {
margin: 0 5px;
padding: 4px;
border: 1px solid #ccc;
max-width: 100%;
}*/

內文＜div＞標籤樣式

.entry-content p,
.entry-content ul,
.entry-content ol,
/*.entry-content div,*/
.entry-content blockquote {
margin: 13px 0;
}

自訂新增樣式
Sidebar月曆樣式

#wp-calendar {
margin: 0 0 1.2em 0;
width: 190px;
/* border: 1px solid #E8E7D0; */
/* background: #FAFAF0; */
line-height: 1.2em;
text-align: center;
voice-family: “\”}\”";
voice-family: inherit;
width: 188px;
}
html>body #wp-calendar {
width: 188px;
}
#wp-calendar caption {
margin: 1.2em 0 0 0;
padding: 0.4em 0;
/* background: #9BBB38; */
color: #666;
font-weight: bold;
}
#wp-calendar td {
border: 0;
border-collapse: collapse;
background: #FFF;
}

#wp-calendar td a {
display: block;
width: 100%;
}
#wp-calendar td.pad {
background: transparent;
}
#wp-calendar td#next, #wp-calendar td#prev {
padding: 0.1em 2px;
background: transparent;
}
#wp-calendar td#next a, #wp-calendar td#prev a {
display: inline;
}
#wp-calendar td#next {
text-align: right;
}
#wp-calendar td#prev {
text-align: left;
}

input欄位樣式

input,textarea {
background:#FFFFFF;
border:1px solid #999999;
color:#55555;
}

頁尾資訊樣式

#footer {
/* margin-top: 20px; 原樣式 */
/* text-align: center; 原樣式 */
clear: both;
margin: 5px auto;
overflow: auto;
width: 760px;
color: #999;
text-align: left;
}

分類子層次縮排

#cate li a {
padding-left:18px;
}
#cate ul li a {
padding-left:36px;
}
#cate li {
background: url(’images/tab_top.gif’) top left no-repeat;
}
#cate ul li {
background: url(’images/tab_isleaf.gif’) top left no-repeat;
}

圖片陰影效果

.shadow1,.shadow2,.shadow3 {display:inline-table;}
.shadow1 {
float:left;
background:url(http://shian.shengtz.com/Portfolio/shadow/shadow.gif) right bottom no-repeat;
}
.shadow2 {
background:url(http://shian.shengtz.com/Portfolio/shadow/corner_bl.gif) left bottom no-repeat;
}
.shadow3 {
padding:0 4px 4px 0;
background:url(http://shian.shengtz.com/Portfolio/shadow/corner_tr.gif) right top no-repeat;
}
a img.border {
background:white;
padding: 5px;
border: 1px solid #ccc !important;
}

作品集樣式

.portfolio {
margin-top: 20px;
position: relative;
float:left;
}

本文轉錄自http://shian.shengtz.com/blog/2006/10/19/modify-stylecss/

Anfernee’s 狂想曲

版面樣式表修改@Style.css

2745 Responses to “版面樣式表修改@Style.css”