-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmain.css
More file actions
117 lines (100 loc) · 5.21 KB
/
main.css
File metadata and controls
117 lines (100 loc) · 5.21 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
/* Name: Smashing HTML5 Date: July 2009 Description: Sample layout for HTML5 and CSS3 goodness. Version: 1.0 Author: Enrique Ramírez Autor URI: http://enrique-ramirez.com */ /* Imports */ @import url("reset.css"); @import url("global-forms.css");
/***** Global *****/
/* Body */
body
{
background: #F5F4EF;
color: #000305;
font-size: 87.5%; /* Base font size: 14px */
font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
line-height: 1.429;
margin: 0;
padding: 0;
text-align: left;
}
/* Headings */
h2 {font-size: 1.571em} /* 22px */
h3 {font-size: 1.429em} /* 20px */
h4 {font-size: 1.286em} /* 18px */
h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */
h2, h3, h4, h5, h6 { font-weight: 400; line-height: 1.1; margin-bottom: .8em; } /* Anchors */
a {outline: 0;}
a img {border: 0px; text-decoration: none;}
a:link, a:visited { color: #0080FF; padding: 0 1px; text-decoration: underline; }
a:hover, a:active { background-color: #0080FF; color: #fff; text-decoration: none; text-shadow: 1px 1px 1px #333; }
/* Paragraphs */
p {margin-bottom: 1.143em;}
* p:last-child {margin-bottom: 0;}
strong, b {font-weight: bold;}
em, i {font-style: italic;}
::-moz-selection {background: #F6CF74; color: #fff;}
::selection {background: #F6CF74; color: #fff;}
/* Lists */
ul { list-style: outside disc; margin: 1em 0 1.5em 1.5em; }
ol { list-style: outside decimal; margin: 1em 0 1.5em 1.5em; }
dl {margin: 0 0 1.5em 0;}
dt {font-weight: bold;}
dd {margin-left: 1.5em;}
/* Quotes */
blockquote {font-style: italic;}
cite {} /* need to implement */
q {}
/* Tables */
table {margin: .5em auto 1.5em auto; width: 98%;}
/* Thead */
thead th {padding: .5em .4em; text-align: left;}
thead td {}
/* Tbody */
tbody td {padding: .5em .4em;}
tbody th {}
tbody .alt td {}
tbody .alt th {}
/* Tfoot */
tfoot th {}
tfoot td {}
/***** Layout *****/
.body {clear: both; margin: 0 auto; width: 800px;}
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}
/***** Header *****/
#banner { margin: 0 auto; padding: 2.5em 0 0 0; }
/* Banner */
#banner h1 {font-size: 3.571em; line-height: .6;} /*Main title*/
#banner h1 a:link, #banner h1 a:visited { color: #000305; display: block; font-weight: bold; margin: 0 0 .6em .2em; text-decoration: none; width: 427px; }
#banner h1 a:hover, #banner h1 a:active { background: none; color: #0080FF; text-shadow: none; }
/* Featured *****************/
#featured { background: #fff; margin-bottom: 2em; overflow: hidden; padding: 20px; width: 760px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
#featured figure { border: 2px solid #eee; float: right; margin: 0.786em 2em 0 5em; width: 248px; }
#featured figure img {display: block; float: right;}
#featured h2 {color: #0080FF; font-size: 1.714em; margin-bottom: 0.333em;}
#featured h3 {font-size: 1.429em; margin-bottom: .5em;}
#featured h3 a:link, #featured h3 a:visited {color: #000305; text-decoration: none;}
#featured h3 a:hover, #featured h3 a:active {color: #fff;}
/* Body *****************/
#content { background: #fff; margin-bottom: 2em; overflow: hidden; padding: 20px 20px; width: 760px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
/* Main Nav */
#banner nav { background: #000305; font-size: 1.143em; height: 40px; line-height: 30px; margin: 0 auto 2em auto; padding: 0; text-align: center; width: 800px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#banner nav ul {list-style: none; margin: 0 auto; width: 800px;}
#banner nav li {float: left; display: inline; margin: 0;}
#banner nav a:link, #banner nav a:visited { color: #fff; display: inline-block; height: 30px; padding: 5px 1.5em; text-decoration: none; }
#banner nav a:hover, #banner nav a:active, #banner nav .active a:link, #banner nav .active a:visited { background: #0080FF; color: #fff; text-shadow: none !important; }
#banner nav li:first-child a { border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
/* Footer *****************/
#contentinfo {padding-bottom: 2em; text-align: right;}
/* Blog */
.hentry { border-bottom: 1px solid #eee; padding: 1.5em 0; }
li:last-child .hentry, #content > .hentry {border: 0; margin: 0;}
#content > .hentry {padding: 1em 0;}
.entry-title {font-size: 1.429em; margin-bottom: 0;}
.entry-title a:link, .entry-title a:visited {text-decoration: none;}
.hentry .post-info * {font-style: normal;}
/* Content */
.hentry footer {margin-bottom: 2em;}
.hentry footer address {display: inline;} #posts-list footer address {display: block;}
/* Blog Index */
#posts-list {list-style: none; margin: 0;}
#posts-list .hentry {padding-left: 200px; position: relative;}
#posts-list footer { left: 10px; position: absolute; top: 1.5em; width: 190px; }
#posts-list .hentry:hover { background: #BDBDBD; color: #fff; } /* */
#posts-list .hentry:hover a:link, #posts-list .hentry:hover a:visited { color: #0080FF; text-shadow: 1px 1px 1px #333; }