SHOW:
|
|
- or go back to the newest paste.
1 | /* EUPHEMIA--haunted milk | |
2 | BY LUCIDA | |
3 | #CDD7B6 */ | |
4 | ||
5 | /* HEADER */ | |
6 | ||
7 | #header {position: fixed; background: transparent url() no-repeat;z-index:2;margin-top:470px;} | |
8 | ||
9 | #canvas {background-color:#fff;} | |
10 | ||
11 | body {background-color:#fff; } | |
12 | ||
13 | /* GENERAL LINKS */ | |
14 | a, a:link, a:visited { | |
15 | -webkit-transition: all .8s ease-out; | |
16 | -moz-transition: all .8s ease-out; | |
17 | -o-transition: all .8s ease-out; | |
18 | transition: all .8s ease-out; | |
19 | color:#CDD7B6; text-decoration:none;} | |
20 | ||
21 | a:hover, .ljuser a:hover {color:#fff;padding:0px;background-color:#CDD7B6;font-weight:bold;} | |
22 | ||
23 | .ljuser a {color:#CDD7B6;} | |
24 | ||
25 | h2#pagetitle, h2#subtitle { display: none; } | |
26 | ||
27 | /* IMPORTANT */ | |
28 | ||
29 | #inner {position: absolute; | |
30 | background-color: transparent; | |
31 | width:650px; | |
32 | overflow: hidden; | |
33 | margin-left: 100px; | |
34 | margin-top: 100px; | |
35 | padding:4px; | |
36 | text-align:justify; | |
37 | color: #777777; | |
38 | font-family: helvetica; | |
39 | font-size: 12px; | |
40 | line-height: 12px; | |
41 | text-decoration: none;} | |
42 | ||
43 | /* ENTRIES */ | |
44 | ||
45 | #primary {z-index:3; | |
46 | border: 0px solid #292929; | |
47 | background-color: #fff; | |
48 | overflow: visible; | |
49 | width:600px; | |
50 | height: auto; | |
51 | margin-bottom:0; | |
52 | margin-left: 420px; | |
53 | margin-top:0px; | |
54 | color: #111; | |
55 | font-family: verdana, helvetica, "courier new", "times new roman", georgia; | |
56 | font-size: 11px; | |
57 | line-height: 12px; | |
58 | position:absolute;} | |
59 | ||
60 | blockquote {padding-top:3px;padding-left:12px;padding-right:5px; margin:10px 20px 10px 30px; border-left:10px solid #CDD7B6;border-right:10px solid #CDD7B6;background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/UoqIj_zps3da3b583.png) repeat;border-radius:10px;line-height:1.4;font-size:7pt;} | |
61 | ||
62 | textarea {background-color:#efefef;color:#000;border-style:1px dotted #eee;} | |
63 | ||
64 | /* do not enable because this will fuck up everything */ | |
65 | h1#title { | |
66 | font-size: 18px; | |
67 | line-height: 42px; | |
68 | font-family:courier new; | |
69 | font-weight: 400; | |
70 | text-transform: uppercase; | |
71 | letter-spacing: 1px; | |
72 | color: #fff; | |
73 | padding-bottom:8px; | |
74 | width:200px; | |
75 | display:none;} | |
76 | ||
77 | h3.entry-title a { font-size: 18px; | |
78 | font-family: courier new; | |
79 | text-transform: uppercase; | |
80 | color: #fff; } | |
81 | ||
82 | h2 { font-size: 18px; | |
83 | font-family: courier new; | |
84 | font-weight: bold; | |
85 | text-transform: lowercase; | |
86 | color: #fff; | |
87 | line-height:17px; } | |
88 | ||
89 | h4.comment-title a {font-size:12px; | |
90 | font-family:courier new; | |
91 | font-weight: bold; | |
92 | text-transform:uppercase; | |
93 | color:#fff;} | |
94 | ||
95 | .entry-content {margin-left:10px;margin-right:20px;margin-top:10px;font-family:verdana;line-height:1.25;color:#000;min-height:100px;} | |
96 | ||
97 | div#primary .userpic img { float:right; | |
98 | border: 8px double #CDD7B6; | |
99 | background-color:#fff; | |
100 | margin-top:0px;margin-right:-105px; | |
101 | padding:0px; | |
102 | width:60px; | |
103 | height:60px; } | |
104 | ||
105 | span.poster.entry-poster {margin-top:78px;margin-right:-105px;text-align:center;float:right;width:76px;background-color:transparent;color:#CDD7B6;font-family:verdana;font-size:1em;} | |
106 | ||
107 | - | span.poster.entry-poster a {color:#CDD7B6;text-transform:lowercase;} |
107 | + | span.poster.entry-poster a, span.poster.entry-poster a:hover {color:#CDD7B6;text-transform:lowercase;} |
108 | ||
109 | span.poster.entry-poster img {display:none;} | |
110 | ||
111 | .tag ul { | |
112 | display: inline; | |
113 | color: #fff; | |
114 | font-family: courier new; | |
115 | font-size:11px; | |
116 | margin-left: .5px; | |
117 | padding-left: 0; | |
118 | line-height:22px; | |
119 | } | |
120 | ||
121 | .tag ul li {display: inline; padding: .25em;} | |
122 | ||
123 | .tag ul li a {color: #fff; background-color:#CDD7B6;padding:2px;font-weight:bold;} | |
124 | ||
125 | .tag ul li a:hover {color: #000; background-color:#eee; | |
126 | padding: 2px;font-weight:bold;} | |
127 | ||
128 | /* same for month view */ | |
129 | ||
130 | ul.entry-management-links { | |
131 | text-transform:uppercase; | |
132 | margin-left: 0; | |
133 | padding-left: 0; | |
134 | text-align:center;} | |
135 | ||
136 | ul.entry-management-links li { | |
137 | display: inline; | |
138 | padding: 0 .25em;} | |
139 | ||
140 | ul.comment-management-links {display: inline; | |
141 | padding-left: 0; | |
142 | margin-left: 0; | |
143 | text-transform: uppercase;} | |
144 | ||
145 | ul.comment-management-links li { display: inline; | |
146 | padding: 0 .25em;} | |
147 | ||
148 | ul.comment-interaction-links {display: inline; | |
149 | padding-left: 0; | |
150 | margin-left: 0; | |
151 | text-transform: lowercase;} | |
152 | ||
153 | ul.entry-interaction-links.text-links, ul.entry-interaction-links {display: inline; | |
154 | padding-left: 0; padding-bottom:10px; | |
155 | text-transform: uppercase; | |
156 | text-align:center; | |
157 | margin-left:0px; | |
158 | } | |
159 | ||
160 | ul.comment-interaction-links li, ul.entry-interaction-links li { display: inline; | |
161 | padding: 0 .25em;} | |
162 | ||
163 | ul.userlite-interaction-links.icon-links { | |
164 | display:none; | |
165 | margin-left: 0; | |
166 | padding-left: 0; | |
167 | } | |
168 | ||
169 | ul.userlite-interaction-links.icon-links li { | |
170 | display: inline; | |
171 | padding: 0 .20em; | |
172 | } | |
173 | ||
174 | ul.userlite-interaction-links.text-links { | |
175 | display:none; | |
176 | text-align: left; | |
177 | } | |
178 | ||
179 | /* SIDEBAR THINGS */ | |
180 | ||
181 | div#secondary {background-color:#CDD7B6; | |
182 | color: #fff; | |
183 | text-decoration:none; | |
184 | font-family: arial; | |
185 | font-size: 9px; | |
186 | line-height:10px; | |
187 | margin-left: 100px; | |
188 | position:fixed; | |
189 | width: 200px; | |
190 | height: 800px; | |
191 | padding: 8px; | |
192 | top:0px; | |
193 | left:0px; | |
194 | bottom:200px; | |
195 | overflow: visible; | |
196 | float:left; | |
197 | } | |
198 | ||
199 | div#secondary .userpic img { border: 14px double #fff; | |
200 | margin-left:45px; | |
201 | background-color:#CDD7B6; | |
202 | width:80px; | |
203 | height:80px; | |
204 | z-index:4; | |
205 | margin-top: 20px; | |
206 | opacity:0.9; | |
207 | filter:alpha(opacity=40); | |
208 | } | |
209 | ||
210 | h2.module-header {display:none} | |
211 | ||
212 | ul.module-list { margin-left:0; margin-right:5px;padding:5px; margin-top:50px; color: #111;} | |
213 | ||
214 | .module-list-item, .module-list-item a {display: block; | |
215 | width:20px; | |
216 | font-family: georgia; | |
217 | font-size: 1.7em; | |
218 | letter-spacing: -2px; | |
219 | font-weight: bold; | |
220 | color: #fff; | |
221 | text-transform:lowercase; | |
222 | line-height:16pt;} | |
223 | ||
224 | .module-list-item a:hover {display: block; | |
225 | width:20px; | |
226 | font-family: georgia; | |
227 | font-style: italic; | |
228 | font-size: 1.7em; | |
229 | letter-spacing: 1px; | |
230 | font-weight: bold; | |
231 | color: #CDD7B6; | |
232 | text-transform:lowercase; | |
233 | line-height:16pt;} | |
234 | ||
235 | li.module-list-item a.current.recent, li.module-list-item a.recent {color:#fff;} | |
236 | li.module-list-item a.archive {color:#fff;} | |
237 | li.module-list-item a.read {color:#fff;} | |
238 | li.module-list-item a.memories {color:#fff;} | |
239 | li.module-list-item a.tags {color:#fff;} | |
240 | li.module-list-item a.userinfo {color:#fff;} | |
241 | ||
242 | ||
243 | li.module-list-item a.current.recent:hover, li.module-list-item a.recent:hover, li.module-list-item a.archive:hover, li.module-list-item a.read:hover, li.module-list-item a.memories:hover, li.module-list-item a.tags:hover, li.module-list-item a.userinfo:hover {color:#CDD7B6;} | |
244 | ||
245 | div.module-typelist.module {background-color:transparent;margin-top:-300px;list-style-type:none;display:inline;} | |
246 | ||
247 | div.module-typelist.module a {line-height:1; width:200px; font-size:1em;} | |
248 | ||
249 | .manage-link {display:none;} | |
250 | ||
251 | .header { background-color:#CDD7B6; | |
252 | top:0px; | |
253 | padding-top:2px;padding-bottom:2px; | |
254 | color:#fff; | |
255 | text-align:center;} | |
256 | ||
257 | .footer {padding:20px; | |
258 | background-color:#fff; } | |
259 | ||
260 | #footer { background-color:#fff;} | |
261 | ||
262 | div.inner li.page-back {list-style-type: none; | |
263 | background-color:transparent; margin-left:0px; margin-top:0px;height:10px;font-family:courier new;font-size:12pt; | |
264 | } | |
265 | ||
266 | li.page-forward {list-style-type: none; margin-top:-8px; margin-right:35px; text-align:right;font-family:courier new;font-size:12pt; | |
267 | } | |
268 | ||
269 | .navigation.bottomnav {width:600px; margin-left:0px; background-color:#fff;border-top:3px #fff solid; padding: 2px 0px 2px 0px;} | |
270 | ||
271 | .navigation.bottomnav a {color:#CDD7B6;text-transform:lowercase;} | |
272 | ||
273 | .navigation.bottomnav a:hover {color:#fff;background-color:#CDD7B6;padding:2px;font-weight:bold;} | |
274 | ||
275 | .navigation.topnav {display:none;} | |
276 | ||
277 | .page-top {width:650px; margin-left:0;display:none;} | |
278 | ||
279 | /* fix whatever is happening with the bottom */ | |
280 | ||
281 | .page-back a, .page-forward a {color:#111; margin-left:0px;font-size:1em;padding-top:5px;} | |
282 | ||
283 | .page-back a:hover, .page-forward a:hover { color:eee;} | |
284 | ||
285 | li.page-separator {display:none;} | |
286 | ||
287 | .comment-content { margin-left:10px;margin-right:10px;margin-top:10px;color:#000;} | |
288 | ||
289 | div.edittime {margin-top:15px;} | |
290 | ||
291 | .comment-from-text {margin-left:0px;} | |
292 | ||
293 | #comments {margin-left:10px;} | |
294 | ||
295 | #comments.userpic {float:left;} | |
296 | ||
297 | .comment-pages.toppages {text-align: center;} | |
298 | .comment-pages.bottompages {text-align: center; padding:10px;} | |
299 | ||
300 | .bottomcomment ul.entry-management-links.text-links {display:none;} | |
301 | ||
302 | span.datetime, .datetime a, .datetime a:hover {color:#fff;text-align:center;text-transform:uppercase;letter-spacing:5px;} | |
303 | ||
304 | span.date, span.time {} | |
305 | ||
306 | /* TINY ICONS */ | |
307 | ||
308 | ||
309 | img[src*="user.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; | |
310 | background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/anchor_zpsd7a2d3f6.png) no-repeat; padding: 16px 0 0 16px !important; } | |
311 | img[src*="community.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; | |
312 | background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/palette_zps13e61e2c.png) no-repeat; padding: 16px 0 0 16px !important; } | |
313 | ||
314 | ||
315 | img[src*="locked.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; | |
316 | background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/lock_zpsd8ff6372.png) no-repeat; padding: 16px 0 0 16px !important; } | |
317 | img[src*="private.png"] {width: 0 !important; vertical-align: middle !important; margin: 0 auto; height: 0 !important; | |
318 | background: transparent url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/tiny%20icons/key_zps8cbc026c.png) no-repeat; padding: 16px 0 0 16px !important; } | |
319 | ||
320 | /*ARCHIVE PAGES*/ | |
321 | div#archive-year {width:100%;} | |
322 | div#archive-year ul {text-align:center;} | |
323 | div#archive-year ul li {display:inline;} | |
324 | ||
325 | div.month .header {background-color:#fff;} | |
326 | ||
327 | .month caption{display:none} | |
328 | ||
329 | .month { padding: 20px; background-color: #fff; } | |
330 | ||
331 | .month h3 {font-family:courier new;font-size: 12pt; text-transform: uppercase; letter-spacing: 5pt; color: #000; } | |
332 | ||
333 | table.month {padding:5px; } | |
334 | ||
335 | .month th { text-align: center; margin:5px; background-color:#CDD7B6; color:#fff;text-transform:lowercase;} | |
336 | ||
337 | .month td.day-has-entries p { padding: 0 0 0 5px;display:inline; } | |
338 | .month table {width: 500px; margin-left:auto;margin-right:auto; } | |
339 | ||
340 | td.day { padding: 10px; text-align: center; } | |
341 | ||
342 | /* NAVIGATION STRIP */ | |
343 | ||
344 | #lj_controlstrip {top: 0px; | |
345 | left: 0px; | |
346 | width: 100%; | |
347 | height: 45px; | |
348 | margin: 0px; | |
349 | padding: 0px; | |
350 | position: absolute; | |
351 | z-index:5; | |
352 | border:0; | |
353 | background:url(http://i1322.photobucket.com/albums/u561/bush-hats/web%20design/patterns/daimond_eyes_zpsbce3bff2.png) repeat;} | |
354 | ||
355 | #lj_controlstrip_statustext {color:#000;} | |
356 | ||
357 | #lj_controlstrip td {color:#000;} | |
358 | ||
359 | #lj_controlstrip a {color:#53777A;text-transform:lowercase;font-weight:normal;text-decoration:none;} | |
360 | ||
361 | #lj_controlstrip a:hover {text-transform:lowercase;font-weight:normal;color:#53777A;text-decoration:none;} | |
362 | ||
363 | td#lj_controlstrip_actionlinks, td#lj_controlstrip_user {border:0} | |
364 | ||
365 | div.metadata.bottom-metadata, div.metadata.bottom-metadata ul {display:none;} | |
366 | ||
367 | div.navigation.bottomnav.empty {background-color:transparent;} | |
368 | ||
369 | /* ETC */ | |
370 | img{max-width:550px;} |