SHOW:
|
|
- or go back to the newest paste.
1 | <html><head> | |
2 | ||
3 | <link rel="shortcut icon" href="Favicon" /> | |
4 | <link rel="alternate" type="application/rss+xml" href="{RSS}" /> | |
5 | - | <meta name="description" content="{MetaDescription" /> |
5 | + | <meta name="description" content="{MetaDescription}" /> |
6 | ||
7 | <!--DEFAULT VARIABLES--> | |
8 | ||
9 | <meta name="color:Background" content=""> | |
10 | - | <meta name="color:Background" content=""> |
10 | + | <meta name="color:Text" content=""> |
11 | - | <meta name="color:Text" content=""> |
11 | + | <meta name="color:Post Background" content=""> |
12 | - | <meta name="color:Post Background" content=""> |
12 | + | <meta name="color:Sidebar Background" content=""> |
13 | - | <meta name="color:Sidebar" content=""> |
13 | + | <meta name="color:Description" content=""> |
14 | - | <meta name="color:Description" content=""> |
14 | + | <meta name="color:Sidebar Links" content=""> |
15 | - | <meta name="color:Links" content=""> |
15 | + | <meta name="color:Sidebar Links Hover" content=""> |
16 | - | <meta name="color:Links Hover" content=""> |
16 | + | <meta name="color:Links" content=""> |
17 | - | <meta name="color:Sidebar Links" content=""> |
17 | + | <meta name="color:Links Hover" content=""> |
18 | - | <meta name="color:Sidebar Links Hover" content=""> |
18 | + | <meta name="color:Title" content=""> |
19 | ||
20 | - | <meta name="font:Title" content=""> |
20 | + | <meta name="image:Background" content=""> |
21 | - | <meta name="font:Body" content=""> |
21 | + | <meta name="image:Sidebar" content=""> |
22 | - | <meta name="font:Description" content=""> |
22 | + | <meta name="image:Post Background" content=""> |
23 | ||
24 | - | <meta name="image:Background" content=""> |
24 | + | <meta name="font:Title" content=""> |
25 | - | <meta name="image:Sidebar" content=""> |
25 | + | <meta name="font:Body" content=""> |
26 | <meta name="font:Description" content=""> | |
27 | - | <meta name="text:Link 1" content="http://"/> |
27 | + | |
28 | - | <meta name="text:Link 1 Title" content=""/> |
28 | + | <meta name="text:Link 1" content="http://"> |
29 | - | <meta name="text:Link 2" content="http://"> |
29 | + | <meta name="text:Link 1 Title" content=""> |
30 | - | <meta name="text:Link 2 Title" content=""/> |
30 | + | <meta name="text:Link 2" content="http://"> |
31 | - | <meta name="text:Link 3" content="http://"/> |
31 | + | <meta name="text:Link 2 Title" content=""> |
32 | - | <meta name="text:Link 3 Title" content=""/> |
32 | + | <meta name="text:Link 3" content="http://"> |
33 | - | <meta name="text:Link 4" content="http://"/> |
33 | + | <meta name="text:Link 3 Title" content=""> |
34 | - | <meta name="text:Link 4 Title" content=""/> |
34 | + | <meta name="text:Link 4" content="http://"> |
35 | - | <meta name="text:Link 5" content="http://"/> |
35 | + | <meta name="text:Link 4 Title" content=""> |
36 | - | <meta name="text:Link 5 Title" content=""/> |
36 | + | <meta name="text:Link 5" content="http://"> |
37 | - | <meta name="text:Link 6" content="http://"/> |
37 | + | <meta name="text:Link 5 Title" content=""> |
38 | - | <meta name="text:Link 6 Title" content=""/> |
38 | + | <meta name="text:Link 6" content="http://"> |
39 | - | |
39 | + | <meta name="text:Link 6 Title" content=""> |
40 | ||
41 | <style type="text/css"> | |
42 | ||
43 | /* -- BASICS -- */ | |
44 | ||
45 | body { | |
46 | - | background-image: ('{image:Background}'); |
46 | + | |
47 | font-family: {font:Body}; | |
48 | color: {color:Text}; | |
49 | background-attachment: fixed; | |
50 | margin: 0; | |
51 | background-image: url('{image:Background}'); | |
52 | word-wrap: break-word; | |
53 | font-size: 13px | |
54 | background-image: repeat; | |
55 | } | |
56 | ||
57 | a { | |
58 | color: {color:Links}; | |
59 | text-decoration: none; | |
60 | - | background-color: {color:Sidebar}; |
60 | + | } |
61 | ||
62 | a:hover { | |
63 | color: {color:Links Hover}; | |
64 | - | margin-top: 0px; |
64 | + | |
65 | - | margin-left: 0px; |
65 | + | font-style: bold; |
66 | } | |
67 | ||
68 | #container { | |
69 | background-color: transparent; | |
70 | text-align: center; | |
71 | width: 530px; | |
72 | margin: 0 auto -100px auto; | |
73 | } | |
74 | ||
75 | #entries { | |
76 | margin: 7px 476px; | |
77 | margin-top: -8px; | |
78 | margin-right: 0px; | |
79 | float: right; | |
80 | } | |
81 | ||
82 | - | font-size: 11px; |
82 | + | #posts { |
83 | position: relative; | |
84 | overflow: hidden; | |
85 | margin: 0px 0 0px 0; | |
86 | width: 500px; | |
87 | background-color: {color:Post Background}; | |
88 | background-image: url('{image:Post Background}'); | |
89 | padding: 7px; | |
90 | text-align: justify; | |
91 | - | font-size: 11px; |
91 | + | float: right; |
92 | } | |
93 | ||
94 | - | margin: 2px; |
94 | + | /* -- SIDEBAR -- */ |
95 | ||
96 | #sidebar { | |
97 | background-color: {color:Sidebar Background}; | |
98 | width: 250px; | |
99 | position: fixed; | |
100 | float: left; | |
101 | margin-top: 6px; | |
102 | margin-left: 10px; | |
103 | } | |
104 | ||
105 | - | #sidebar .pagination { |
105 | + | |
106 | - | width: 260px; |
106 | + | |
107 | text-align: center; | |
108 | - | padding: 3px 0; |
108 | + | |
109 | font-family: {font:Title}; | |
110 | color: {color:Title}; | |
111 | - | #sidebar .pagination a { |
111 | + | } |
112 | - | color: {color:Primary Colour}; |
112 | + | |
113 | #sidebar .image { | |
114 | width: 240px; | |
115 | height: auto; | |
116 | - | #sidebar .pagination a:hover { |
116 | + | margin-left: 4px; |
117 | - | color: {color:Secondary Colour}; |
117 | + | margin-right: 4px; |
118 | } | |
119 | ||
120 | #sidebar .description { | |
121 | color: {color:Description}; | |
122 | font-family: {font:Description}; | |
123 | font-size: 15px; | |
124 | text-align: justify; | |
125 | padding: 10px; | |
126 | line-height: 100%; | |
127 | } | |
128 | ||
129 | #sidebar .links { | |
130 | background-color: {color:Sidebar Links}; | |
131 | color: {color:Description}; | |
132 | font-size: 13px; | |
133 | text-align: center; | |
134 | padding: 3px 5px; | |
135 | margin-left: 30px; | |
136 | } | |
137 | ||
138 | #sidebar .links a { | |
139 | text-decoration: none; | |
140 | } | |
141 | ||
142 | #sidebar .links a:hover { | |
143 | background-color: {color:Sidebar Links Hover}; | |
144 | text-decoration: none; | |
145 | font-style: bold; | |
146 | } | |
147 | ||
148 | /* -- CONTENT -- */ | |
149 | ||
150 | #content { | |
151 | width: 560px; | |
152 | background-color: {color:Post Background}; | |
153 | margin: 60px 0 60px 460px; | |
154 | padding: 20px 0; | |
155 | color: {color:Body}; | |
156 | } | |
157 | ||
158 | #content a { | |
159 | color: {color:Links}; | |
160 | text-decoration: none; | |
161 | } | |
162 | ||
163 | #content a:hover { | |
164 | color: {color:Links Hover}; | |
165 | } | |
166 | ||
167 | #content blockquote { | |
168 | border-left: solid 2px black; | |
169 | margin: 0; | |
170 | padding-left: 10px; | |
171 | } | |
172 | ||
173 | img { | |
174 | border: 0; | |
175 | max-width: 100%; | |
176 | } | |
177 | ||
178 | #content #posts { | |
179 | background-color: {color:Post Background}; | |
180 | background-image: url('{image:Post Background}'); | |
181 | width: 500px; | |
182 | margin: 0 auto 20px; | |
183 | padding: 10px; | |
184 | position: relative; | |
185 | } | |
186 | ||
187 | #content #posts .title { | |
188 | font-size: 22px; | |
189 | font-family: {font:Title}; | |
190 | color: {color:Body}; | |
191 | } | |
192 | ||
193 | #content #posts .text { | |
194 | font-size: 13px; | |
195 | font-family: {font:Body}; | |
196 | color: {color:Body}; | |
197 | } | |
198 | ||
199 | - | #sidebar .pagination { |
199 | + | |
200 | - | width: 260px; |
200 | + | |
201 | - | text-align: center; |
201 | + | |
202 | - | padding: 3px 0; |
202 | + | |
203 | ||
204 | #content #posts #tags { | |
205 | - | #sidebar .pagination a { |
205 | + | |
206 | - | color: {color:Links}; |
206 | + | |
207 | - | text-decoration: none; |
207 | + | |
208 | #content #posts #tags .comma:last-child { | |
209 | display: none; | |
210 | - | #sidebar .pagination a:hover { |
210 | + | |
211 | - | color: {color:Links Hover}; |
211 | + | |
212 | #content #notecontainer { | |
213 | margin: 20px auto; | |
214 | width: 500px; | |
215 | font-size: 11px; | |
216 | } | |
217 | ||
218 | - | {block:IfInfiniteScroll} |
218 | + | |
219 | list-style-type: none; | |
220 | - | {/block:IfInfiniteScroll} |
220 | + | |
221 | padding: 0; | |
222 | } | |
223 | ||
224 | #content #notecontainer img.avatar { | |
225 | margin-right: 10px; | |
226 | - | <div class="title">{Title}</div> |
226 | + | |
227 | height: 16px; | |
228 | - | <div class="description">{Description}</div> |
228 | + | |
229 | ||
230 | - | <a href="/">home</a><br> |
230 | + | |
231 | - | <a href="/ask">ask</a><br> |
231 | + | |
232 | - | {block:SubmissionsEnabled}<a href="/submit" title="{SubmitLabel}">{SubmitLabel}</a><br>{/block:SubmissionsEnabled} |
232 | + | |
233 | - | {block:HasPages}{block:Pages}<a href="{URL}" title="{Label}">{Label}</a><br>{/block:Pages}{/block:HasPages} |
233 | + | |
234 | - | {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a><br>{/block:ifLink1Title} |
234 | + | {block:InfiniteScroll} |
235 | <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script> | |
236 | {/block:InfiniteScroll} | |
237 | ||
238 | </head> | |
239 | <body> | |
240 | - | <a href="/archive">archive</a><br> |
240 | + | |
241 | <div id="sidebar"> | |
242 | - | {block:IfNotInfiniteScroll} |
242 | + | <div class="title">{Title}</div> <!--title--> |
243 | - | <div class="pagination"> |
243 | + | |
244 | - | {block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage} |
244 | + | <div class="description">{Description}</div> <!--description--> |
245 | - | {block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage} |
245 | + | |
246 | <a href="http://rashulsthemes.tumblr.com">home</a><br> | |
247 | - | {/block:IfNotInfiniteScroll} |
247 | + | <a href="http://rashulsthemes.tumblr.com/ask">ask</a><br> |
248 | {block:SubmissionsEnabled}<a href="http://rashulsthemes.tumblr.com/submit" title="{SubmitLabel}">{SubmitLabel}</a><br>{/block:SubmissionsEnabled} | |
249 | {block:ifLink1Title}<a href="{text:Link 1}">{text:Link 1 Title}</a><br>{/block:ifLink1Title} | |
250 | {block:ifLink2Title}<a href="{text:Link 2}">{text:Link 2 Title}</a><br>{/block:ifLink2Title} | |
251 | {block:ifLink3Title}<a href="{text:Link 3}">{text:Link 3 Title}</a><br>{/block:ifLink3Title} | |
252 | {block:ifLink4Title}<a href="{text:Link 4}">{text:Link 4 Title}</a><br>{/block:ifLink4Title} | |
253 | {block:ifLink5Title}<a href="{text:Link 5}">{text:Link 5 Title}</a><br>{/block:ifLink5Title} | |
254 | {block:ifLink6Title}<a href="{text:Link 6}">{text:Link 6 Title}</a><br>{/block:ifLink6Title} | |
255 | <a href="http://rashulsthemes.tumblr.com/archive">archive</a><br> | |
256 | </div> <!--navigation--> | |
257 | </div> <!--sidebar--> | |
258 | ||
259 | <div id="content"> | |
260 | ||
261 | {block:Posts} | |
262 | ||
263 | <div id="posts"> | |
264 | ||
265 | {block:Photo} | |
266 | {LinkOpenTag}<img src="{PhotoURL-500}" />{LinkCloseTag} | |
267 | {block:Caption}<div class="text">{Caption}</div>{/block:Caption} | |
268 | {/block:Photo} | |
269 | ||
270 | {block:Photoset} | |
271 | {Photoset-500} | |
272 | {block:Caption}<div class="text">{Caption}</div>{/block:Caption} | |
273 | {/block:Photoset} | |
274 | ||
275 | {block:Video} | |
276 | {Video-500} | |
277 | {block:Caption}<div class="text">{Caption}</div>{/block:Caption} | |
278 | {/block:Video} | |
279 | ||
280 | {block:Audio} | |
281 | {AudioPlayerBlack} | |
282 | <div class="text">~ {PlayCountWithLabel}</div> | |
283 | {block:Caption}<div class="text">{Caption}</div>{/block:Caption} | |
284 | {/block:Audio} | |
285 | ||
286 | {block:Quote} | |
287 | <div class="title">“{Quote}”</div> | |
288 | {block:Source}<div class="text"><br>~ {Source}</div>{/block:Source} | |
289 | {/block:Quote} | |
290 | ||
291 | {block:Text} | |
292 | {block:Title}<div class="title">{Title}</div>{/block:Title} | |
293 | <div class="text">{Body}</div> | |
294 | {/block:Text} | |
295 | ||
296 | {block:Answer} | |
297 | <div class="title">{Question}</div> | |
298 | <div class="text">~ {Asker}</div> | |
299 | <div class="text">{Answer}</div> | |
300 | {/block:Answer} | |
301 | ||
302 | {block:Chat} | |
303 | {block:Title}<div class="title">{Title}</div>{/block:Title} | |
304 | <div class="text"> | |
305 | {block:Lines} | |
306 | {block:Label}<strong>{Label}</strong>{/block:Label} {Line}<br /> | |
307 | {/block:Lines} | |
308 | </div> <!--text--> | |
309 | {/block:Chat} | |
310 | ||
311 | {block:Link} | |
312 | <div class="title"><a href="{URL}">{Name}</a></div> | |
313 | {block:Description} | |
314 | <div class="text">{Description}</div> | |
315 | {/block:Description} | |
316 | {/block:Link} | |
317 | ||
318 | <div id="permalink"> | |
319 | <a href="{Permalink}"> | |
320 | {block:Date}{lang:Posted TimeAgo}{/block:Date} | |
321 | {block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount} | |
322 | </a> | |
323 | </div> | |
324 | ||
325 | {block:HasTags}<div id="tags"> | |
326 | {block:Tags}<a href="{TagURL}">{Tag}</a><span class="comma">, </span>{/block:Tags}. | |
327 | </div> <!--tags--> | |
328 | {/block:HasTags} | |
329 | - | {/block:Posts} |
329 | + | |
330 | ||
331 | {block:PostNotes} | |
332 | <div id="notecontainer">{PostNotes}</div> | |
333 | {/block:PostNotes} | |
334 | ||
335 | </div> <!--posts--> | |
336 | ||
337 | {/block:posts} | |
338 | ||
339 | </div> <!--content--> | |
340 | ||
341 | ||
342 | </body> | |
343 | </html> |