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