scrapy/sites/scrapy.org/static/style/style.css

155 lines
3.4 KiB
CSS

/* Scrapy.org style sheet *******************************/
/* main elements */
html, body {
margin:0;
padding:0;
height: 100%;
}
body {
background: url('../images/main-bg.jpg') repeat-x left top;
font-family: "Lucida Sans", Verdana, Helvetica, sans-serif;
font-size:small;
color:#333;
background-color:#FFF;
}
a { color:#6e0909; text-decoration:none; border-bottom:1px solid #d78888;}
a:hover { color:#f99800; border-bottom:1px solid #f7b7b7; }
a img {
border: none;
}
h1, h2 { color:#331f0a; font-weight:normal;}
h1 {
font-size: 200%;
margin: 0 0 .6em 0;
}
h2 {
font-size: 150%;
margin: .6em 0;
}
dt { margin-left: 12px; font-style: italic; }
dd { margin-left: 30px; }
blockquote { padding:0px 15px; color:#5b1111; font-size:125%; margin:0;}
p { line-height:1.5em; }
.clear {
clear:both;
height: 0;
}
#wrapper {
position: relative;
min-height: 100%;
}
#header {
padding-top: 42px;
margin: 0 20px;
}
#body {
padding-bottom: 35px;
}
#content-wrapper {
width: 100%;
float: left;
margin-right: -300px;
}
#content {
margin: 0 320px 0 20px;
}
#sidebar {
width: 300px;
float: right;
}
#footer {
position: absolute;
bottom: 0;
width: 100%;
height: 35px;
border-top: 1px solid #b5331a;
background: url('../images/footer-bg.jpg') repeat-x left top #5b2a16;
}
#header h1 {
float: left;
margin: 0;
}
#header h1 a {
border: none;
}
#navigation {
float: right;
margin: 0;
padding: 0;
list-style-type: none;
}
#navigation li { float:left; padding:0 10px; font-size:120%; border-right:1px solid #e57919; }
#navigation li.last { border-right:none; }
#navigation li a { text-decoration:none; border-bottom:1px solid #ffca9b; color:#e57919;}
#navigation li a:hover { color:#c35012; border-bottom:1px solid #ef994c}
.breadcrumb a {
border-bottom: none;
}
#footer a:hover {
color: #ffe114;
}
#footer p {
margin: 10px 20px;
line-height: 15px;
font-size: .85em;
color: #fff;
}
#footer p a {
color: #fff;
}
#badge {
float: right;
}
#badge a {
border-bottom: none;
}
.box { margin-bottom:15px; background:url('../images/box-borders-bottom.gif') no-repeat left bottom #4d271c; padding-bottom:5px; }
.box.download {background-color:#5b1111; }
.box.download p { color:#d18c59; }
.box.download a.download { color:#d18c59; background:url('../images/icon-arrow.gif') no-repeat 2px 2px; padding-left:15px; border-bottom:1px solid #a0595d }
.box.download a:hover.download { color:#FFF;}
.box h3 { padding:10px 10px 0; font-weight:normal; font-size:160%; margin:0.3em 0pt; color:#ffebd2; background:url('../images/box-borders-top.png') no-repeat left top ;}
.box p { padding:0 10px; font-size:90%; line-height:1.2em}
.box .post { color:#FFF; margin:0pt 13px 5px;
padding:0pt 0px 5px; border-bottom:4px solid #462217;}
.box .post.last { border-bottom:none; }
.box .post p.abstract { padding:0; margin:0; font-size:0.8em; height:1%; line-height:1.3em}
.box .post p.author { color:#ffbc97; padding:0 0 0 15px; margin:5px 0px; font-size:0.8em; background:url('../images/icon-author.gif') no-repeat 2px 3px;}
.box .post p.author a { color:#FFF; border-bottom:none }
.box .post h4 { display:inline;font-size:1em; font-weight:bold; }
.box .post h4 a {color:#ffe114; border-bottom:1px solid #957020; font-size:0.9em}
.box .post a.more { font-size:0.8em; color:#ffe114; border-bottom:none;}
.box .post a:hover.more { color:#FFF;}