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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
|
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a { outline:none; }
@font-face {
font-family: 'TitilliumText22LXBold';
src: url('http://static.tumblr.com/lakznp6/e0flbfi7z/titilliumtext22l006-webfont.eot');
src: local('☺'), url('http://static.tumblr.com/lakznp6/Gizlbfiah/titilliumtext22l006-webfont.woff') format('woff'), url('http://static.tumblr.com/lakznp6/pvjlbfi9p/titilliumtext22l006-webfont.ttf') format('truetype'), url('http://static.tumblr.com/lakznp6/QE6lbfi8y/titilliumtext22l006-webfont.svg#webfontI2J8pdTu') format('svg');
font-weight: bold;
font-style: normal;
}
.hide { display:none !important; }
.icon { display: inline-block; width: 29px; height: 29px; background-image: url(Carbon_files/sidebar_icon_sprite.png); background-repeat: no-repeat; }
.icon.twitter { background-position: 0 0; }
.icon.facebook { background-position: 0 -29px; }
.icon.flickr { background-position: 0 -58px; }
.icon.email { background-position: 0 -87px; }
.icon.vimeo { background-position: 0 -116px; }
.icon.page { background-position: 0 -145px; }
.icon.ask { background-position: 0 -174px; }
.icon.submit { background-position: 0 -203px; }
html { background:#7f878f url(Carbon_files/bg_texture.png); height:100%; font-size:13px; min-width:960px; }
body { height:100%; font-family:helvetica,arial,sans-serif; min-width:960px; }
#container { width:1060px; min-width:1060px; height:100%; }
#sidebar { position: relative; float:left; width:354px; height:100%; position:fixed; top: 0; left: 0; background:url(Carbon_files/bg_sidebar.png) repeat-y; }
#sidebar-glow { position: absolute; z-index: 1; width: 279px; height: 274px; background: url(Carbon_files/sidebar_top.png) no-repeat 0 0;}
#header { position: relative; z-index: 2; width: 279px; padding: 12px 0 15px; }
#portrait { position: relative; display: block; padding: 5px; width: 72px; height: 73px; margin: 0 auto;}
#portrait img, #portrait a { display: block; width: 72px; height: 72px;}
#portrait .frame { position: absolute; display: block; top: 0; left: 0; width: 82px; height: 83px; background: url(Carbon_files/portrait_frame.png) no-repeat 0 0; }
#title { padding: 0 20px 5px; }
#title .top { width: 239px; height: 14px; background: url(Carbon_files/title_top.png) no-repeat 0 0; }
#title .bottom { width: 239px; height: 13px; background: url(Carbon_files/title_bottom.png) no-repeat 0 0; }
#title .content { background:url(Carbon_files/title_slice.png) repeat-y 0 0; padding: 10px 0 7px; }
#title .tagline { display: block; text-align: center; color: #12253c; text-shadow: 0 1px 0 #7390b2; }
#title h1 { padding: 0.1em 0 0; font: normal 28px/32px TitilliumText22LXBold, Helvetica, Arial, sans-serif; font-weight: bold; color: #fff; text-transform: uppercase; text-align: center; text-shadow: 0 -1px 0 #000; }
#title h1 a { display:block; text-decoration:none; color: #fff; }
#header p.info { font-size:12px; line-height:1.5em; width:220px; text-align:center; padding:0 30px; margin: 0; color:#a9c3e4; text-shadow:#112a49 0 -1px 0; -webkit-text-stroke:.5px transparent; }
#header p.info a { color:#fff; text-decoration: none;}
#header p.info a:hover { color:#a9c3e4; text-decoration: underline; }
#mylinks { position: relative; z-index: 2; width:227px; margin:0 25px; margin-bottom:1.7em; }
#mylinks ul { background:#111e2c; border:3px solid #445f82; border-radius: 10px; -webkit-border-radius:10px; -moz-border-radius:10px; -webkit-box-shadow: 0 0 0 #28476F; }
#mylinks ul li { display: block; border-top: 1px solid #1C2E43; border-bottom: 1px solid #000; }
#mylinks ul li:hover { background-color: #0b1621; }
#mylinks ul li a { display:block; height: 29px; padding:10px; text-decoration:none; font-size:11px; line-height:1.2em; color:#7697c1; font-style:italic; -webkit-text-stroke:0.5px transparent; }
#mylinks ul li a .icon { float: left; margin: 0 10px 0 0; }
#mylinks ul li a strong { font-size:13px; line-height: 15px; color:#fff; text-shadow:#000 0 -1px 0; font-weight:bold; }
#mylinks ul li.nolabel a strong { line-height: 29px; }
#mylinks ul li:first-child a { border-top-left-radius:8px; border-top-right-radius:8px; -webkit-border-top-left-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; }
#mylinks ul li:first-child { border-top: none; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; }
#mylinks ul li:last-child a { border-bottom-left-radius:8px; border-bottom-right-radius:8px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; background:none; }
#mylinks ul li:last-child { border-bottom: none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; }
#content { margin-left:354px; padding:50px 0 50px 0; float:left; }
/* Search and RSS */
#helper { margin:0 0 15px 25px; float:left; width:685px; padding-bottom:25px; background:url(Carbon_files/divider.png) repeat-x 0 bottom; }
#helper form { float:left; border:0; width:284px; height:33px; display:block; font-weight:bold; background:url(Carbon_files/bg_search_focus.png) no-repeat 0 0; }
#helper form input { background:url(Carbon_files/bg_search.png) no-repeat 0 0; border:0; margin:0; padding:0 10px 0 30px; line-height:33px; width:244px; height:33px; display:block; font-weight:bold; color:#aaa; font-size:13px; font-family:helvetica,arial,sans-serif; }
#helper form input:focus { outline:0; color:#555; background:none; }
#helper span.rss { margin-top:5px; float:right; display:block; width:150px; text-align:left; }
#helper span.rss a { background:url(Carbon_files/icon_rss.png) no-repeat 3px 50%; display:block; padding:4px 0 4px 35px; font-size:10px; font-weight:bold; text-decoration:none; color:#2b3034; white-space:nowrap; text-shadow:#939aa2 0 1px 0; }
#helper span.rss a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
/* Tag Page */
#tag_header { margin-left:25px; }
#tag_header h2 { font-size:15px; color:#434a50; text-shadow:#9aa2ab 0 1px 0; background:url(Carbon_files/divider.png) repeat-x 0 bottom; padding-bottom:18px; }
#tag_header h2 strong { font-weight:bold; color:#32383e; }
/* Sections */
.section { width:685px; margin-left:25px; float:left; margin-bottom:20px; padding-bottom:20px; background:url(Carbon_files/divider.png) repeat-x 0 bottom; }
.section .meta { width:150px; float:right; color:#2b3034; padding-top:20px; }
.section .meta a { text-decoration:none; color:#2b3034; white-space:nowrap; }
.section .meta a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
.section .meta li { font-size:10px; margin-bottom:.7em; line-height:1.5em; background:url(Carbon_files/icon_link.png) no-repeat 0 0; padding-left:35px; text-shadow:#939aa2 0 1px 0; }
.section .meta .date { font-weight:bold; }
.section .meta li.fav { background-image:url(Carbon_files/icon_fav.png); }
.section .meta li.tags { background-image:url(Carbon_files/icon_tag.png); }
.section .meta li.comments { background-image:url(Carbon_files/icon_comment.png); background-position: 4px 1px; }
.section .meta li.source { background-image:url(Carbon_files/icon_source.png); background-position: 4px 1px;}
.section .post { float:left; padding-top:20px; width:510px; min-height:50px; position:relative; margin-left:-89px; padding-left:89px; }
.section .post .post_type { position:absolute; top:0; left:0; }
.section .post .post_type a { text-indent:-5000px; margin-top:10px; width:63px; height:50px; display:block; background:url(Carbon_files/postmarker.png) no-repeat 0 0; }
.section .post.audio .post_type a { background-image:url(Carbon_files/postmarker_audio.png); }
.section .post.video .post_type a { background-image:url(Carbon_files/postmarker_video.png); }
.section .post.link .post_type a { background-image:url(Carbon_files/postmarker_url.png); }
.section .post.quote .post_type a { background-image:url(Carbon_files/postmarker_quote.png); }
.section .post.text .post_type a { background-image:url(Carbon_files/postmarker_text.png); }
.section .post.image .post_type a { background-image:url(Carbon_files/postmarker_img.png); }
.section .post.chat .post_type a { background-image:url(Carbon_files/postmarker_chat.png); }
.section .post .caption { background:url(Carbon_files/bg_caption.png); border:1px solid #676f78; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#202327; padding:7px 10px; float:left; min-width:35px; font-size:11px; text-shadow:#888e96 0 1px 0; position:relative; margin-bottom:20px; clear:both; }
.section .post .caption:before { content:url(Carbon_files/caption_top.png); position:absolute; top:-13px; left:15px; }
.section .post .caption p { margin-bottom:.7em; }
.section .post .caption p:last-child { margin-bottom: 0; }
.section .post a { color:#ddd; text-shadow:#5b656e 0 -1px 0; text-decoration:none; }
.section .post a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
.section .post .repost { font-size:12px; text-align:right; font-style:italic; color:#121415; clear:both; text-shadow:#a6adb4 0 1px 0; }
.post h1 { color:#ddd; font-weight:bold; font-size:21px; line-height:1em; margin-bottom:1em; }
.post h1 a { color:#ddd; text-shadow:#5b656e 0 -1px 0; text-decoration:none; }
.post h1 a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
/* Text */
.section .post.text { color:#121415; text-shadow:#a6adb4 0 1px 0; font-size:14px; line-height:1.5em; }
.section .meta.text { margin-top:45px; }
.section .post.text p { line-height:1.5em; margin-bottom:1.5em; }
.section .post.text h2 { font-size:15px; font-weight:bold; color:#000; line-height:1.5em; margin-bottom:1.5em; }
.section .post.text strong { font-weight:bold; }
.section .post.text em { font-style:italic; }
.section .post.text hr { border:none; background:none; height:2px; background:url(Carbon_files/divider.png); line-height:.1em; margin:0 0 1.5em 0; padding:0; }
.section .post.text ul,ol { margin:0 0 1.5em 1.5em; }
.section .post.text li { list-style-position:inside; font-size:13px; line-height:1.5em; }
.section .post.text ul li { list-style-type:disc; }
.section .post.text ol li { list-style-type:decimal; }
.section .post.text blockquote { border-left:2px solid #121415; padding:0 0 0 1em; margin-left:1.5em; margin-bottom:1.5em; }
.section .post.text blockquote p { font-size:13px; line-height:1.5em; color:#222; font-style:italic; }
/* Quote */
.section .post.quote blockquote { font-size:18px; line-height:1.3em; background:url(Carbon_files/bg_caption.png); border:1px solid #676f78; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#202327; padding:10px; float:left; text-shadow:#888e96 0 1px 0; position:relative; margin-bottom:20px; }
.section .post.quote blockquote:after { content:url(Carbon_files/caption_bot.png); position:absolute; bottom:-13px; left:15px; line-height:0em; }
.section .post.quote blockquote p { margin-bottom:1em; }
.section .post.quote em.source { font-size:12px; font-weight:bold; clear:both; color:#2b3034; text-shadow:#888e96 0 1px 0; display:block; margin-bottom:1.5em; }
/* Image */
.section .post.image .photo { border-bottom:1px solid #5a5f65; margin-bottom:1.5em; padding:5px; background:#fff; position:relative; }
.section .post.image .photo a { display:block; text-decoration:none; }
.section .post.image .photo a:hover { border:none; }
.section .post.image .photo img { display:block; background:#000; }
.section .post.image .photo:after { content:url(Carbon_files/photo_corner.png); position:absolute; display:block; z-index:1; top:-5px; right:-5px; }
/* Video */
.post.video .clip { padding: 4px; background:#000; border:1px solid #979ea5; margin-bottom:1.5em; }
.post.video .clip object, .post.video .clip embed, .post.video .clip iframe { display:block; }
/* Audio */
.post.audio .clip { padding:8px; overflow: hidden; background:#000; margin-bottom:1.5em; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
.post.audio .albumart { float:left; margin: 0 24px 0 0; }
.post.audio .albumart img { display: block; }
.post.audio .player { position: relative; left: -10px; }
.post.audio .clip embed, .post.audio .clip object { display:block; }
.post.audio .info { color: #fff; margin: 40px 0 0; }
.post.audio .info p { margin: 0.8em 0; font-size: 16px; }
.post.audio .info .track { font-weight: bold; }
/* Chat */
.section .post.chat ul { }
.section .post.chat ul li { color:#121415; text-shadow:#a6adb4 0 1px 0; font-size:14px; line-height:1.5em; margin-bottom:.5em; padding:4px 10px; }
.section .post.chat ul li.odd { background:url(Carbon_files/bg_caption.png); border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#222527; text-shadow:#939ba4 0 1px 0; }
.section .post.chat ul li span.label { font-weight:bold; color:#000; }
/* Link */
.section .post.link .source { margin-bottom:1.5em; display:block; font-size:15px; float:left; border-radius: 4px; -webkit-border-radius:4px; -moz-border-radius:4px; padding:6px 10px; background:#374049; }
.section .post.link .source a { color:#ddd; text-shadow:#29323a 0 -1px 0; text-decoration:none; border-bottom:1px solid #525c66; display:block; float:left; }
.section .post.link .source a:hover { color:#fff; text-shadow:#29323a 0 1px 0; border-bottom-color:#69737c; }
/* Pagination */
#pagination { clear:both; text-align:center; margin-left:25px; color:#363d44; float:left; width:685px; text-shadow:#a6adb4 0 1px 0; margin-bottom:25px; }
#pagination.top { background:url(Carbon_files/divider.png) repeat-x 0 bottom; padding-bottom:20px; }
#pagination .new { float:left; }
#pagination .old { float:right; }
#pagination .current { padding-top:10px; margin:0 150px; }
#pagination li a { text-decoration:none; color:#ddd; font-weight:bold; text-shadow:#333 0 -1px 0; height:36px; line-height: 36px; width:85px; padding: 0 8px 0 0; display:block; background:url(Carbon_files/button_nav_right.png) no-repeat 0 0; }
#pagination li.new a { background-image:url(Carbon_files/button_nav_left.png); padding: 0 0 0 8px;}
#pagination li a:hover { color:#fff; }
#pagination li a:active { background-position:0 -36px; }
/* Notes */
#notes { clear:both; margin-left:25px; padding:20px 25px 10px 25px; background:#8f979f; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; margin-top:-40px; position:relative; }
#notes h4 { font-size:13px; font-weight:bold; color:#2c3336; text-shadow:#a6adb4 0 1px 0; margin-bottom:15px; }
ol.notes li { padding:9px 0; clear:both; border-top:1px solid #808992; }
ol.notes li blockquote { font-size:10px; margin-left:40px; border-left:2px solid #b0b6bc; padding-left:5px; margin-top:5px; }
ol.notes li blockquote a { text-shadow:none; color:#5c646c; font-weight:normal; }
ol.notes li blockquote a:hover { color:#fff; }
ol.notes li a { color:#222; text-decoration:none; text-shadow:none; font-weight:bold; text-shadow:#a6adb4 0 1px 0; }
ol.notes li a:hover { color:#fff; text-shadow:#707a83 0 1px 0; }
ol.notes li a img { display:block; float:left; padding:1px; margin-top:-4px; background:#000; border:1px solid #aaa; }
ol.notes li span.action { margin-left:30px; display:block; font-size:12px; color:#3c4448; text-shadow:#a6adb4 0 1px 0; }
#footer { clear:both; position:fixed; bottom:10px; left:0; width:280px; text-align:center; }
#footer p { font-size:11px; color:#08192b; text-shadow:#2e5a8a 0 1px 0; }
#footer a { color:#08192b; text-decoration: none; }
#footer a:hover { color:#fff; text-shadow:#29323a 0 1px 0; }
/* Comments */
#comments { color:#2b3034; text-shadow:#939aa2 0 1px 0; }
#comments a { text-decoration:none; color:#2b3034; }
#comments a:hover { color:#fff; text-shadow:#616973 0 1px 0; }
|
