stylesheet(Auszug)
Code
/****************
*** Sidebars ***
****************/
#rightbar {
position: absolute;
right: 0px;
width: 250px;
background: #EAEDF2;
}
#rb_t, #lb_t { background: url(images/sidebarT.jpg) repeat-x top; }
#rb_r, #lb_r { background: url(images/sidebarR.jpg) repeat-y right; }
#rb_b, #lb_b { background: url(images/sidebarB.jpg) repeat-x bottom; }
#rb_l, #lb_l { background: url(images/sidebarL.jpg) repeat-y left; }
#rbtl, #lbtl { background: url(images/sidebarTL.jpg) no-repeat top left; }
#rbtr, #lbtr { background: url(images/sidebarTR.jpg) no-repeat top right; }
#rbbr, #lbbr { background: url(images/sidebarBR.jpg) no-repeat bottom right; }
#rbbl, #lbbl { background: url(images/sidebarBL.jpg) no-repeat bottom left; }
#rb_c, #lb_c { padding: 20px 15px 20px 15px; }
#rightbar ul, #leftbar ul {
margin: 0px;
padding: 0px;
}
#rightbar ul li, #leftbar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom: 15px;
}
li.sidebar-spacer {
right: 0px;
border-top: 1px solid #acb0b5;
background-color: #eaeff3;
width: 240px;
height: 1px;
margin-left: -10px;
margin-top: 10px;
margin-bottom: 10px;
font: 1px/1px monospace;
}
#rightbar ul li h2, #leftbar ul li h2 { /* Sidebar Headings */
margin: 5px 0px 0px 0px;
font-size: 1.25em;
font-weight: normal;
color: #333333;
letter-spacing: 1px;
}
#rightbar ul li ul, #leftbar ul li ul {
margin-top: 5px;
margin-left: 15px;
}
#rightbar ul li ul li, #leftbar ul li ul li {
margin-top: 3px;
margin-bottom: 0px;
}
/******************************
*** Columns and Containers ***
******************************/
#page_container {
position: relative;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
font-size: 1.2em;
}
#postcol {
background: #f7f7f7;
}
#pc_t { background: url(images/postcolT.jpg) repeat-x top; }
#pc_r { background: url(images/postcolR.jpg) repeat-y right; }
#pc_b { background: url(images/postcolB.jpg) repeat-x bottom; }
#pc_l { background: url(images/postcolL.jpg) repeat-y left; }
#pctl { background: url(images/postcolTL.jpg) no-repeat top left; }
#pctr { background: url(images/postcolTR.jpg) no-repeat top right; }
#pcbr { background: url(images/postcolBR.jpg) no-repeat bottom right; }
#pcbl { background: url(images/postcolBL.jpg) no-repeat bottom left; }
#pc_c { padding: 15px; }
.postbox {
margin: 15px 0px 15px 0px;
padding: 0px;
background: white;
}
.postbox .right { background: url(images/postboxR.jpg) repeat-y right; }
.postbox .bottom { background: url(images/postboxB.jpg) repeat-x bottom; }
.postbox .left { background: url(images/postboxL.jpg) repeat-y left; }
.postbox .br { background: url(images/postboxBR.jpg) no-repeat bottom right; }
.postbox .bl { background: url(images/postboxBL.jpg) no-repeat bottom left;}
.post_title { background: #EBF4F3; }
.post_title .top { background: url(images/post_titleT.jpg) repeat-x top; }
.post_title .right { background: url(images/post_titleR.jpg) repeat-y right; }
.post_title .left { background: url(images/post_titleL.jpg) repeat-y left; }
.post_title .tl { background: url(images/post_titleTL.jpg) no-repeat top left; }
.post_title .tr { background: url(images/post_titleTR.jpg) no-repeat top right; }
.postbox .content {
margin: 0px 15px 0px 15px;
padding: 0px;
}
.navigation { margin: 15px 0px 15px 0px; }
Alles anzeigen