SHOW:
|
|
- or go back to the newest paste.
1 | <link href='http://fonts.googleapis.com/css?family=Nunito' rel='stylesheet' type='text/css'> | |
2 | ||
3 | <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow' rel='stylesheet' type='text/css'> | |
4 | ||
5 | <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic' rel='stylesheet' type='text/css'> | |
6 | ||
7 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> | |
8 | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> | |
9 | ||
10 | <head><title>{Title}</title> | |
11 | ||
12 | ||
13 | <link rel="shortcut icon" href="{Favicon}"> | |
14 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
15 | {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} | |
16 | ||
17 | ||
18 | <!--META NAMES--> | |
19 | ||
20 | <meta name="color:body" content="#666666"/> | |
21 | <meta name="color:links" content="#6f6e6e"/> | |
22 | <meta name="color:sblinks" content="#a8a8a8"> | |
23 | <meta name="color:hover" content="#fafafa"/> | |
24 | <meta name="color:info" content="#a8a8a8"> | |
25 | <meta name="color:desc" content="#aaaaaa"> | |
26 | <meta name="color:name" content="#aaaaaa"> | |
27 | ||
28 | <meta name="color:bg" content="#ffffff"> | |
29 | <meta name="color:scrollbar" content="#AAAAAA"> | |
30 | <meta name="color:scrollbarbg" content="#ffffff"> | |
31 | ||
32 | <meta name="image:sb" content=""/> | |
33 | ||
34 | <meta name="text:link A" content=""/> | |
35 | <meta name="text:link A url" content="/"> | |
36 | <meta name="text:link B" content=""/> | |
37 | <meta name="text:link B url" content="/"> | |
38 | <meta name="text:link C" content=""/> | |
39 | <meta name="text:link C url" content="/"> | |
40 | <meta name="text:link D" content=""/> | |
41 | <meta name="text:link D url" content="/"> | |
42 | <meta name="text:name" content="+"/> | |
43 | <meta name="text:urlaboutme" content="/"> | |
44 | ||
45 | ||
46 | - | <!--YOU MAY USE THIS AS YOUR BASE AS LONG AS YOU DONT: |
46 | + | <!--THEME BY MEALIK - PLS DO NOT STEAL AND OR CLAIM AS YOUR OWN. I WORK HARD ON MY THEMES SO I REALLY HOPE YOU COULD LIKE OR REBLOG THE POST WHEN YOU USE THIS (I JUST WANNA KNOW PEOPLE LIKE IT OK). IF YOU NEED ANY HELP YOU CAN ALWAYS MESSAGE ME--> |
47 | - | A) TWEAK IT A BIT AND CLAIM AS YOUR OWN THEME OR BASE |
47 | + | |
48 | - | B) CLAIM AS YOUR OWN BASE OMG |
48 | + | |
49 | - | YOU MAY DELETE THIS AS LONG AS YOU FOLLOW THE ABOVE |
49 | + | |
50 | - | ALSO, IT'D BE LOVELY IF YOU CREDITED ME--> |
50 | + | |
51 | <style type="text/css"> | |
52 | ||
53 | ||
54 | ::-webkit-scrollbar-thumb { | |
55 | height:auto; | |
56 | background-color:{color:Scrollbar}; | |
57 | } | |
58 | ||
59 | ::-webkit-scrollbar { | |
60 | height:9px; | |
61 | width:4px; | |
62 | background-color:{color:ScrollbarBg}; | |
63 | } | |
64 | ||
65 | body { | |
66 | background-color:{color:bg}; | |
67 | font-family:source sans pro; | |
68 | font-size:9px; | |
69 | text-align:justify; | |
70 | color:{color:body}; | |
71 | margin:0; | |
72 | } | |
73 | ||
74 | a { | |
75 | color:{color:links}; | |
76 | text-decoration:none; | |
77 | -moz-outline-style:none; | |
78 | } | |
79 | ||
80 | a:hover{ | |
81 | color:{color:hover}; | |
82 | -moz-transition-duration:0.3s; | |
83 | -webkit-transition-duration:0.3s; | |
84 | -o-transition-duration:0.3s; | |
85 | } | |
86 | ||
87 | img { | |
88 | border:none; | |
89 | } | |
90 | ||
91 | blockquote { | |
92 | padding-left:5px; | |
93 | border-left:2px solid; | |
94 | } | |
95 | ||
96 | blockquote blockquote { | |
97 | padding-left:5px; | |
98 | border-left:2px solid; | |
99 | } | |
100 | ||
101 | ||
102 | /*SIDEBAR*/ | |
103 | ||
104 | #sidebar{ | |
105 | position:fixed; | |
106 | margin-top:150px; | |
107 | margin-left:100px; | |
108 | width:200px; | |
109 | } | |
110 | ||
111 | /*sidebar img, here you can change the width. however you'll have to change the width of the links and desc too!*/ | |
112 | #sidebarimg img{ | |
113 | width:200px; | |
114 | border: double 4px #eee; | |
115 | ||
116 | } | |
117 | ||
118 | ||
119 | ||
120 | #links{ | |
121 | width:200px; | |
122 | font-size:15px; | |
123 | margin-top:5px; | |
124 | text-align:right; | |
125 | text-transform:uppercase; | |
126 | letter-spacing:3px; | |
127 | } | |
128 | ||
129 | #links a{ | |
130 | color:{color:sblinks}; | |
131 | } | |
132 | ||
133 | #links a:hover{ | |
134 | color:{color:hover}; | |
135 | text-transform:lowercase; | |
136 | font-style:italic; | |
137 | -moz-transition-duration:0.3s; | |
138 | -webkit-transition-duration:0.3s; | |
139 | -o-transition-duration:0.3s; | |
140 | ||
141 | } | |
142 | ||
143 | #name{ | |
144 | font-family:nunito; | |
145 | font-size:13px; | |
146 | color:{color:name}; | |
147 | font-style:cursive; | |
148 | text-align:right; | |
149 | letter-spacing:4px; | |
150 | } | |
151 | ||
152 | #name a:hover{ | |
153 | letter-spacing:8px; | |
154 | -moz-transition-duration:0.6s; | |
155 | -webkit-transition-duration:0.6s; | |
156 | -o-transition-duration:0.6s; | |
157 | } | |
158 | ||
159 | #desc{ | |
160 | width:170px; | |
161 | margin-top:5px; | |
162 | margin-left:30px; | |
163 | font-size:12px; | |
164 | color:{color:desc}; | |
165 | text-align:right; | |
166 | font-family:source sans pro; | |
167 | } | |
168 | ||
169 | .pagi { | |
170 | font-size:12px; | |
171 | text-transform:uppercase; | |
172 | letter-spacing:3px; | |
173 | font-style:normal; | |
174 | text-align:right; | |
175 | margin-left:0px; | |
176 | padding:2px; | |
177 | margin-top:5px; | |
178 | ||
179 | ||
180 | ||
181 | } | |
182 | ||
183 | .pagi a { | |
184 | color:{color:sblinks}; | |
185 | } | |
186 | ||
187 | .pagi a:hover{ | |
188 | letter-spacing:4px; | |
189 | -moz-transition-duration:0.3s; | |
190 | -webkit-transition-duration:0.3s; | |
191 | -o-transition-duration:0.3s; | |
192 | } | |
193 | ||
194 | ||
195 | ||
196 | /*ENTRIES*/ | |
197 | ||
198 | #container { | |
199 | width:500px; | |
200 | padding:10px; | |
201 | margin-left:450px; | |
202 | margin-top:55px; | |
203 | } | |
204 | ||
205 | #posts{ | |
206 | width:500px; | |
207 | padding:25px; | |
208 | margin-top:30px; | |
209 | } | |
210 | ||
211 | ||
212 | /*POST INFO*/ | |
213 | ||
214 | #info { | |
215 | width:500px; | |
216 | text-align:right; | |
217 | font-family:source sans pro; | |
218 | font-size:10px; | |
219 | text-transform:uppercase; | |
220 | padding:1px; | |
221 | color:{color:info}; | |
222 | line-height:10px; | |
223 | margin-top:5px; | |
224 | margin-bottom:55px; | |
225 | letter-spacing:1px; | |
226 | } | |
227 | ||
228 | #info a{ | |
229 | color:{color:info}; | |
230 | } | |
231 | ||
232 | #info a:hover{ | |
233 | color:{color:hover}; | |
234 | } | |
235 | ||
236 | #tags{ | |
237 | width:500px; | |
238 | padding:5px; | |
239 | margin-top:-3px; | |
240 | margin-left:-5px; | |
241 | float:left; | |
242 | text-align:right; | |
243 | font-size:8px; | |
244 | opacity:1; | |
245 | color:{color:links}; | |
246 | transition-duration: 0.5s; | |
247 | -moz-transition-duration: 0.5s; | |
248 | -webkit-transition-duration: 0.5s; | |
249 | -o-transition-duration: 0.5s | |
250 | } | |
251 | ||
252 | #tags a { | |
253 | display:inline-block; | |
254 | color:{color:info}; | |
255 | font-size:8px; | |
256 | text-align:center; | |
257 | text-decoration:none; | |
258 | } | |
259 | ||
260 | #notes{ | |
261 | font-size:7px; | |
262 | text-transform:uppercase; | |
263 | } | |
264 | ||
265 | #asking { | |
266 | font-family:nunito; | |
267 | font-size:12px; | |
268 | background:#eee; | |
269 | padding:4px; | |
270 | text-align:center; | |
271 | } | |
272 | ||
273 | #answer{ | |
274 | font-size:12px; | |
275 | text-align:center; | |
276 | padding:1px; | |
277 | ||
278 | } | |
279 | ||
280 | /*CREDIT*/ | |
281 | ||
282 | #maker{ | |
283 | float:right; | |
284 | position:fixed; | |
285 | letter-spacing:2px; | |
286 | bottom:5px; | |
287 | right:15px; | |
288 | padding:5px; | |
289 | font-size:10px; | |
290 | text-transform:uppercase; | |
291 | } | |
292 | ||
293 | #maker a{ | |
294 | color:{color:links}; | |
295 | } | |
296 | ||
297 | #maker a:hover{ | |
298 | letter-spacing:4px; | |
299 | } | |
300 | ||
301 | ||
302 | ||
303 | {CustomCSS} | |
304 | ||
305 | </style></head> | |
306 | ||
307 | ||
308 | <body> | |
309 | ||
310 | <div id="sidebar"> | |
311 | ||
312 | <div id="sidebarimg"> | |
313 | <a href="/"><img src="{image:sb}"></a></div> | |
314 | <div id="links"> | |
315 | <a href="{text:link A url}">{text:link A}</a> | |
316 | <a href="{text:link B url}">{text:link B}</a> | |
317 | <a href="{text:link C url}">{text:link C}</a> | |
318 | <a href="{text:link D url}">{text:link D}</a> | |
319 | </div> | |
320 | <div id="desc"><div id="name"><a style="color:{color:name};" href="{text:urlaboutme}">{text:name}</a></div>{description}</div> | |
321 | <div class="pagi"> | |
322 | {block:Pagination} | |
323 | {block:PreviousPage} | |
324 | <a href="{PreviousPage}">prev</a> | |
325 | {/block:PreviousPage} | |
326 | {block:NextPage} | |
327 | <a href="{NextPage}">next</a> | |
328 | {/block:NextPage} | |
329 | </div> | |
330 | {/block:Pagination} | |
331 | </div> | |
332 | </div> | |
333 | ||
334 | ||
335 | <div id="container"> | |
336 | {block:Posts} | |
337 | <div id="post"> | |
338 | ||
339 | <!--TEXT POSTS--> | |
340 | ||
341 | {block:Text} | |
342 | {block:Title}<h2>{Title}</h2>{/block:Title} | |
343 | {Body} | |
344 | {/block:Text} | |
345 | ||
346 | <!--ASKS--> | |
347 | ||
348 | {block:Answer} | |
349 | <div class="question"> | |
350 | <div id="asking"><big><big><i>{Asker}</big></big></i>: {Question}</div> | |
351 | </div><div id="answer"> | |
352 | {Answer}</div> | |
353 | {/block:Answer} | |
354 | ||
355 | <!--QUOTE POSTS--> | |
356 | {block:Quote} | |
357 | ||
358 | <div class="quote"> | |
359 | <div class="quotetext_{Length}">"{Quote}"</div> | |
360 | {block:Source}<div class="source">{Source}</div>{/block:Source} | |
361 | </div> | |
362 | {/block:Quote} | |
363 | ||
364 | <!--LINK POSTS--> | |
365 | ||
366 | {block:Link} | |
367 | <h2><a href="{URL}">{Name}</a></h2> | |
368 | {block:Description}{Description}{/block:Description} | |
369 | {/block:Link} | |
370 | ||
371 | <!--CHAT POSTS--> | |
372 | ||
373 | {block:Chat} | |
374 | {block:Title}<h2>{Title}</h2>{/block:Title} | |
375 | <ul class="convo">{block:Lines}<li class="line">{block:Label}<span class="label">{Label}</span>{/block:Label} | |
376 | {Line}</li>{/block:Lines}</ul> | |
377 | {/block:Chat} | |
378 | ||
379 | <!--PHOTO POSTS--> | |
380 | ||
381 | {block:Photo} | |
382 | {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag} | |
383 | ||
384 | {block:Caption}{Caption}{/block:Caption} | |
385 | {/block:Photo} | |
386 | ||
387 | <!--PHOTOSET POSTS--> | |
388 | ||
389 | {block:Photoset} | |
390 | {Photoset-500} | |
391 | {block:Caption}{Caption}{/block:Caption} | |
392 | {/block:Photoset} | |
393 | ||
394 | <!--VIDEO POSTS--> | |
395 | ||
396 | {block:Video} | |
397 | {Video-500} | |
398 | {block:Caption}{Caption}{/block:Caption} | |
399 | {/block:Video} | |
400 | ||
401 | ||
402 | <!--AUDIO--> | |
403 | ||
404 | {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span> | |
405 | {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName} | |
406 | {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist} | |
407 | {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br> | |
408 | {/block:Audio} | |
409 | ||
410 | ||
411 | <!--POST INFO--> | |
412 | ||
413 | <div id="info"> | |
414 | <br/> | |
415 | <a href="{reblogurl}"> | |
416 | reblog</a> | |
417 | ||
418 | ||
419 | {block:RebloggedFrom}| <a href="{ReblogParentURL}">from</a> | {/block:RebloggedFrom} | |
420 | {block:ContentSource} <a href="{SourceURL}"><a href="{SourceURL}">source</a>{/block:ContentSource} | |
421 | {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>|{/block:RebloggedFrom} | |
422 | {block:notecount}<a href="{Permalink}"> {NoteCount}</a> <a style="color:#f377a0;"> </a></a> {/block:notecount} | |
423 | {block:HasTags}<div id="tags"> | |
424 | ||
425 | {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags} | |
426 | </div>{block:HasTags} | |
427 | </div> | |
428 | </div> | |
429 | ||
430 | {/block:Posts} | |
431 | <br><br>{block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes} | |
432 | {/block:Posts}</div></div></div> | |
433 | <br><br><br><br> | |
434 | ||
435 | ||
436 | </div></div> | |
437 | ||
438 | {/block:Posts} | |
439 | ||
440 | <!--THEME MAKER'S CREDIT--> | |
441 | <div id="maker"> | |
442 | <a href="http://www.ofsexy.tumblr.com">credit</a> | |
443 | </div> | |
444 | ||
445 | </body></html> |