1. 程式人生 > >自定博客園頁面css

自定博客園頁面css

spa 16px mar ima ott 頁面 bottom back color

css代碼

.postTitle {
border-left: 3px solid #21759b;
margin-bottom: 10px;
font-size: 40px;
float: right;
width: 100%;
clear: both;
}

.c_b_p_desc {
font-size: 21px;
line-height: 1.7;
}

.postDesc {
font-size: 16px;
background: url(images/posted_time.png) no-repeat 0 1px;
color: burlywood;


float: left;
width: 100%;
clear: both;
text-align: left;
padding-left: 20px;
padding-right: 5px;
margin-top: 4px;
line-height: 1.5;
}

#home {
margin: 0 auto;
width:60%;
min-width: 950px;
background-color: #fff;
padding: 30px;
margin-top: 50px;
margin-bottom: 30px;


box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}

#blogTitle h1 a {
color: #515151;
font-size:50px;
}

#navList {
min-height: 30px;
float: left;
font-size:18px;
}

#navigator {
font-size: 18px;
border-bottom: 3px solid #EDEDFF;
border-top: 1px solid #ededed;
height: 50px;
clear: both;


margin-top: 40px;
}

#navList{
font-size:18px;
}

#navList a{
padding-top:15%;
}

#navList a:hover{
color:#4c9ed9;
}

.catListTitle {
font-weight: bold;
line-height: 1.2;
font-size: 2.35em;
margin-top: 37px;
margin-bottom: 10px;
text-align: left;
background-color: #f7f7f7;
padding: 10px 0 10px 14px;
border-left: 10px solid burlywood;
}

#mainContent {
min-height: 200px;
padding: 11px 11px 13px 0px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
float: right;
margin-left: -15em;
width: 91%;
}

#sideBar {
margin-top: -20px;
width: 250px;
min-height: 200px;
padding: 0px 0 0px 5px;
float: left;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}

技術分享

自定博客園頁面css