SHOW:
|
|
- or go back to the newest paste.
1 | <!-- | |
2 | ||
3 | Theme 010: Colorful by maomu. Optimized for desktop and tablet. Compatible with Google Chrome, Mozilla Firefox, Opera, Safari, and Microsoft Edge. | |
4 | ||
5 | This theme is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International license. | |
6 | ||
7 | http://creativecommons.org/licenses/by-nc-nd/4.0/ | |
8 | ||
9 | ||
10 | Do not steal from my coding at all. Do not remove the credit. Unfortunately I don't have time to answer theme questions, I'm sorry! | |
11 | ||
12 | --> | |
13 | ||
14 | ||
15 | <!DOCTYPE html> | |
16 | <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]--> | |
17 | <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]--> | |
18 | <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]--> | |
19 | <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]--> | |
20 | <head> | |
21 | <meta charset="utf-8"> | |
22 | <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> | |
23 | <title>{Title}{block:PostTitle}: {PostTitle}{/block:PostTitle}</title> | |
24 | {block:Description} | |
25 | <meta name="description" content="{MetaDescription}"> | |
26 | {/block:Description} | |
27 | <meta name="viewport" content="width=device-width"> | |
28 | <link rel="shortcut icon" href="{image:Favicon}"> | |
29 | <link rel="apple-touch-icon" href="{PortraitURL-128}"> | |
30 | <link rel="alternate" type="application/rss+xml" href="{RSS}"> | |
31 | ||
32 | <link href='http://fonts.googleapis.com/css?family=Dosis:300,400,600' rel='stylesheet' type='text/css'> | |
33 | ||
34 | <link href='http://fonts.googleapis.com/css?family=Quicksand:300' rel='stylesheet' type='text/css'> | |
35 | ||
36 | <!--DEFAULT OPTIONS --> | |
37 | ||
38 | <!-- IMAGES --> | |
39 | ||
40 | <meta name="image:Background" content="http://static.tumblr.com/e8168d70f65b7409f30d8eb1d95eec19/ejd0ebh/VXpnxdbfa/tumblr_static_cmvvy7i9o3k0kkg0840gsgkw0.png"/> | |
41 | <meta name="image:Favicon" content="http://static.tumblr.com/6af3be22a121036c6cde2365c1613fd2/ejd0ebh/JJKnxbyjc/tumblr_static_6b8brtbmie0wcc8kgok8scoow.gif"/> | |
42 | <meta name="image:Post Wrap BG" content="http://static.tumblr.com/74f7cdffc9b2c3f62771c7acac3f512d/ejd0ebh/9LOnxbvzw/tumblr_static_c7ssa1l1yi0oc44o0skkc04ck.png"/> | |
43 | <meta name="image:Sidebar" content="http://static.tumblr.com/ba107525ddb2148d0e87794899fed5cc/ejd0ebh/0Lznxbwyu/tumblr_static_7xaoo5wmtsgs8880w08ck44sc.jpg"/> | |
44 | <meta name="image:Sidebar Header" content="http://static.tumblr.com/fdadf514d6b4339b5061254bdb5d3e67/ejd0ebh/KSxnxeshv/tumblr_static_1ld68grr9ee8g804og08w4kcc.jpg"/> | |
45 | ||
46 | <!-- COLORS --> | |
47 | ||
48 | <meta name="color:Answer BG" content="#f7f3ff"> | |
49 | <meta name="color:Answer Text" content="#b2a8c3"> | |
50 | <meta name="color:Message BG" content="#f0f7fb"> | |
51 | <meta name="color:Message Text" content="#9db2be"> | |
52 | <meta name="color:Background" content="#ffffff"/> | |
53 | <meta name="color:Body BG" content="#ffffff"/> | |
54 | <meta name="color:Body Border Top" content="#ddf2e8"/> | |
55 | <meta name="color:Body Border Left" content="#ede5f3"/> | |
56 | <meta name="color:Body Border Right" content="#ffd8e6"/> | |
57 | <meta name="color:Body Border Bottom" content="#fcebd5"/> | |
58 | <meta name="color:Body Title" content="#929292"/> | |
59 | <meta name="color:Blockquote" content="#d4d4d4"/> | |
60 | <meta name="color:Chat Line BG" content="#f6f6f6"/> | |
61 | <meta name="color:Chat Text" content="#a2a2a2"/> | |
62 | <meta name="color:Gradient Top" content="#f5efff"/> | |
63 | <meta name="color:Gradient Middle" content="#ffffff"/> | |
64 | <meta name="color:Gradient Bottom" content="#ebf8ff"/> | |
65 | <meta name="color:Header Title" content="#bde9f3"/> | |
66 | <meta name="color:Header Title Shadow" content="#ffd1e1"/> | |
67 | <meta name="color:Link" content="#becfda"/> | |
68 | <meta name="color:Link Post BG" content="#fff1f6"/> | |
69 | <meta name="color:Link Post Border" content="#ffdbe7"/> | |
70 | <meta name="color:Link Post Text" content="#fec4d9"/> | |
71 | <meta name="color:Nav Links" content="#d4cce2"/> | |
72 | <meta name="color:Perma Dots" content="#d0e1ea"/> | |
73 | <meta name="color:Post Wrap BG" content="#ffffff"/> | |
74 | <meta name="color:Post Wrap Borders" content="#ffffff"/> | |
75 | <meta name="color:Quote BG" content="#f8f8f8"/> | |
76 | <meta name="color:Quote Text" content="#adadad"/> | |
77 | <meta name="color:Side IMG Border" content="#dfd7ee"/> | |
78 | <meta name="color:Text" content="#000000"/> | |
79 | ||
80 | <!-- YOU CHOOSE --> | |
81 | ||
82 | <meta name="if:Caption" content="0"/> | |
83 | <meta name="if:Fullscreen Background" content="0"/> | |
84 | <meta name="if:Header" content="1"/> | |
85 | <meta name="if:Letter Spacing" content="1"/> | |
86 | <meta name="if:Rounded Corners" content="0"/> | |
87 | <meta name="if:Shorten Text Posts" content="1"/> | |
88 | <meta name="if:Tags" content="1"/> | |
89 | <meta name="if:Transparent Body" content="0"/> | |
90 | <meta name="if:Transparent Post Wrap" content="0"/> | |
91 | <meta name="if:Uppercase Text" content="0"/> | |
92 | ||
93 | <!-- TEXT OPTIONS --> | |
94 | ||
95 | <meta name="text:Font Family" content="helvetica"/> | |
96 | <meta name="text:Font Size" content="11px"/> | |
97 | ||
98 | <!-- SELECT MENUS --> | |
99 | ||
100 | <!-- FOR POSTS + SIDEBAR --> | |
101 | ||
102 | <meta name="select:Body Color" content="0,0,0" title="Dark"> | |
103 | <meta name="select:Body Color" content="255,255,255" title="Light"> | |
104 | <meta name="select:Body Transparency" content="1" title="Opaque"> | |
105 | <meta name="select:Body Transparency" content=".9" title="90%"> | |
106 | <meta name="select:Body Transparency" content=".8" title="80%"> | |
107 | <meta name="select:Body Transparency" content=".7" title="70%"> | |
108 | <meta name="select:Body Transparency" content=".6" title="60%"> | |
109 | <meta name="select:Body Transparency" content=".5" title="50%"> | |
110 | <meta name="select:Body Transparency" content=".4" title="40%"> | |
111 | <meta name="select:Body Transparency" content=".3" title="30%"> | |
112 | <meta name="select:Body Transparency" content=".2" title="20%"> | |
113 | <meta name="select:Body Transparency" content=".1" title="10%"> | |
114 | <meta name="select:Body Transparency" content=".0" title="Transparent"> | |
115 | ||
116 | <!-- FOR POST WRAP --> | |
117 | ||
118 | <meta name="select:Post Wrap Color" content="0,0,0" title="Dark"> | |
119 | <meta name="select:Post Wrap Color" content="255,255,255" title="Light"> | |
120 | <meta name="select:Post Wrap Transparency" content="1" title="Opaque"> | |
121 | <meta name="select:Post Wrap Transparency" content=".9" title="90%"> | |
122 | <meta name="select:Post Wrap Transparency" content=".8" title="80%"> | |
123 | <meta name="select:Post Wrap Transparency" content=".7" title="70%"> | |
124 | <meta name="select:Post Wrap Transparency" content=".6" title="60%"> | |
125 | <meta name="select:Post Wrap Transparency" content=".5" title="50%"> | |
126 | <meta name="select:Post Wrap Transparency" content=".4" title="40%"> | |
127 | <meta name="select:Post Wrap Transparency" content=".3" title="30%"> | |
128 | <meta name="select:Post Wrap Transparency" content=".2" title="20%"> | |
129 | <meta name="select:Post Wrap Transparency" content=".1" title="10%"> | |
130 | <meta name="select:Post Wrap Transparency" content=".0" title="Transparent"> | |
131 | ||
132 | <!-- END DEFAULT OPTIONS --> | |
133 | ||
134 | <style type="text/css"> | |
135 | ||
136 | /* IMPORTED FONTS */ | |
137 | ||
138 | @import url(http://weloveiconfonts.com/api/?family=entypo|fontawesome|iconicstroke); | |
139 | ||
140 | [class*="entypo-"]:before { | |
141 | font-family: 'entypo', sans-serif; | |
142 | font-size:14px; | |
143 | } | |
144 | ||
145 | [class*="fontawesome-"]:before { | |
146 | font-family: 'FontAwesome', sans-serif; | |
147 | font-size:14px; | |
148 | } | |
149 | ||
150 | /* BODY PROPERTIES */ | |
151 | ||
152 | body | |
153 | {background-color:{color:Background};background-image:url('{image:Background}');background-attachment:fixed;{block:IfFullscreenBackground}background-size:cover;{/block:IfFullscreenBackground}font-family:{text:Font Family};font-size:{text:Font Size};color:{color:Text};{block:IfLetterSpacing}letter-spacing:1px;{/block:IfLetterSpacing}line-height:17px;{block:IfUppercaseText}text-transform:uppercase;{/block:IfUppercaseText}margin:0;padding:0;} | |
154 | ||
155 | /* SIDEBAR/POST WRAP */ | |
156 | ||
157 | #wrapper | |
158 | {{block:IfTransparentPostWrap}background-color:rgba({select:Post Wrap Color}, {select:Post Wrap Transparency});{/block:IfTransparentPostWrap}{block:IfNotTransparentPostWrap}background-color:{color:Post Wrap BG};background-image:url('{image:Post Wrap BG}');{/block:IfNotTransparentPostWrap}border-left:1px solid {color:Post Wrap Borders};border-right:1px solid {color:Post Wrap Borders};border-bottom:1px solid {color:Post Wrap Borders};min-height:100vh;padding-bottom:40px;margin:0 auto;{block:IndexPage}max-width:970px;{block:IfNotHeader}padding-top:39px;{/block:IfNotHeader}{/block:IndexPage}{block:PermalinkPage}max-width:603px;padding-top:40px;{/block:PermalinkPage}padding-left:4px;margin-top:-8px;} | |
159 | ||
160 | /* POST COLUMNS */ | |
161 | ||
162 | .main | |
163 | {width:940px;{block:IndexPage}overflow:hidden;margi-bottom:0em;-webkit-column-count:3;-webkit-column-gap:0em;-webkit-column-fill:auto;-moz-column-count:3;-moz-column-gap:0em;-moz-column-fill:auto;column-count:3;column-gap:0em;column-fill:auto;margin-left:25px;{/block:IndexPage}} | |
164 | ||
165 | /* POST CONTAINER */ | |
166 | ||
167 | .container | |
168 | {margin-bottom:1.875em;-webkit-column-break-inside: avoid;-moz-column-break-inside: avoid;column-break-inside: avoid;display:inline-block;{block:PermalinkPage}padding-left:30px;{/block:PermalinkPage}} | |
169 | ||
170 | /* Aligns posts from the left rather than the center. */ | |
171 | ||
172 | figure | |
173 | {margin:0;} | |
174 | ||
175 | /* LINKS */ | |
176 | ||
177 | a | |
178 | {text-decoration:none;font-weight:bold;color:{color:Link};transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
179 | ||
180 | /* LINKS ON MOUSEOVER */ | |
181 | ||
182 | a:hover | |
183 | {color:{color:Link Hover};transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
184 | ||
185 | /* PREFORMATTED TEXT */ | |
186 | ||
187 | pre | |
188 | {font-size:10px;font-family:arial;letter-spacing:1px;padding-left:2px;width:100%;display:block;word-wrap:break-word;} | |
189 | ||
190 | /* BLOCKQUOTES */ | |
191 | ||
192 | blockquote | |
193 | {margin-left:12px;{block:IndexPage}width:90%;{/block:IndexPage}{block:PermalinkPage}width:95%;{/block:PermalinkPage}padding-top:1px;word-wrap:break-word;border-left:1px dashed {color:Blockquote};padding-left:12px;padding-bottom:1px;padding-right:0px;} | |
194 | ||
195 | /* HEADER */ | |
196 | ||
197 | #headerr {background: -webkit-linear-gradient(left top, {color:Gradient Top}, {color:Gradient Middle}, {color:Gradient Bottom}); background: -o-linear-gradient(bottom right, {color:Gradient Top}, {color:Gradient Middle}, {color:Gradient Bottom}); background: -moz-linear-gradient(bottom right, {color:Gradient Bottom}, {color:Gradient Middle}, {color:Gradient Top}); background: linear-gradient(to bottom right, {color:Gradient Top}, {color:Gradient Middle}, {color:Gradient Bottom}); width:974px; height:350px; margin-bottom:33px; margin-left:-4px; margin-top:-8px;} | |
198 | ||
199 | /* HEADER TITLE */ | |
200 | ||
201 | .title | |
202 | {text-align:center;font-family:dosis;font-size:50px;font-weight:normal;letter-spacing:4px;text-transform:uppercase;color:{color:Header Title};padding-top:160px;text-shadow: 1px 1px 0px {color:Header Title Shadow}, 3px 3px 0px rgba(0,0,0,0);} | |
203 | ||
204 | /* SIDEBAR */ | |
205 | ||
206 | .sidebar | |
207 | {{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}width:250px;border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;padding-top:0px;margin-bottom:1.875em;color:{color:Text};line-height:16px;transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
208 | ||
209 | /* SEARCH BOX */ | |
210 | ||
211 | .sfm input | |
212 | {background-color:{color:Body BG};font-size:9px;border:1px solid {color:Side IMG Border};text-transform:uppercase;margin-top:10px;color:{color:Body Title};letter-spacing:1px;padding:4px 8px;font-family:calibri,helvetica,arial;{block:ifRoundedCorners}border-radius:2px;{/block:IfRoundedCorners}} | |
213 | ||
214 | /* TEXT POST */ | |
215 | ||
216 | .textpost | |
217 | {{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;padding-top:0px;line-height:16px;transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
218 | ||
219 | /* LINK POST */ | |
220 | ||
221 | .link | |
222 | {{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;line-height:16px;transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
223 | ||
224 | /* LINK BOX */ | |
225 | ||
226 | .linkk | |
227 | {background:{color:Link Post BG};font-size:12px;text-transform:uppercase;letter-spacing:1px;border:1px solid {color:Link Post Border};{block:IndexPage}width:185px;{/block:IndexPage}{block:PermalinkPage}width:435px;{/block:PermalinkPage}text-align:center;margin-top:0px;padding:32px;{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}} | |
228 | ||
229 | /* LINK POST TEXT */ | |
230 | ||
231 | .linkk a | |
232 | {color:{color:Link Post Text};font-weight:normal;} | |
233 | ||
234 | /* CHAT POST */ | |
235 | ||
236 | .chat | |
237 | {{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;transition-duration:0.5s;-webkit-transition-duration:0.5s;color:{color:Chat Text};} | |
238 | ||
239 | .chattie ul { | |
240 | list-style:none; | |
241 | margin:0; | |
242 | padding:0; | |
243 | } | |
244 | ||
245 | .chattie li { | |
246 | line-height:21px; | |
247 | margin-bottom:10px; | |
248 | padding:0px 0px 0px 11px; | |
249 | ||
250 | } | |
251 | ||
252 | /* TEXT / CHAT POST TITLE */ | |
253 | ||
254 | .textt, .chatt | |
255 | {color:{color:Body Title};font-weight:normal;font-size:14px;letter-spacing:1px;{block:IndexPage}width:229px;{/block:IndexPage}{block:PermalinkPage}width:479px;{/block:PermalinkPage}text-align:center;padding-left:10px; padding-top:5px;{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners} margin-bottom:-2px;} | |
256 | ||
257 | /* QUOTE POST */ | |
258 | ||
259 | .quote | |
260 | {{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;line-height:17px;transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
261 | ||
262 | /* QUOTE SOURCE */ | |
263 | ||
264 | .source | |
265 | {background:{color:Body BG};color:{color:Body Title};border:1px dashed {color:Link};margin-bottom:5px;{block:IndexPage}width:229px;{/block:IndexPage}{block:PermalinkPage}width:479px;{/block:PermalinkPage}padding:10px;text-align:center;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}} | |
266 | ||
267 | /* QUOTE */ | |
268 | ||
269 | .quotte | |
270 | {background:{color:Quote BG};color:{color:Quote Text};border:1px solid {color:Blockquote};padding:10px;{block:IndexPage}width:229px;{/block:IndexPage}{block:PermalinkPage}width:479px;{/block:PermalinkPage}{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}} | |
271 | ||
272 | /* PHOTO POST */ | |
273 | ||
274 | .photo | |
275 | {{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}padding:10px;transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
276 | ||
277 | /* Restrict photos to post margins */ | |
278 | ||
279 | img | |
280 | {max-width:100%;} | |
281 | ||
282 | /* PHOTOSET POST */ | |
283 | ||
284 | .photoset | |
285 | {{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}padding:0px 10px 2px 10px;transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
286 | ||
287 | /* AUDIO POST */ | |
288 | ||
289 | .audio | |
290 | {{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}padding:10px;transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
291 | ||
292 | /* AUDIO PLAYER */ | |
293 | ||
294 | .tumblr_audio_player | |
295 | {height:80px;{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}} | |
296 | ||
297 | /* VIDEO POST */ | |
298 | ||
299 | .video | |
300 | {{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}padding:10px;line-height:16px;transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
301 | ||
302 | /* MESSAGE POST */ | |
303 | ||
304 | .question | |
305 | {{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};{block:IfRoundedCorners}border-radius:6px;{/block:IfRoundedCorners}{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{block:PermalinkPage}padding:10px;transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
306 | ||
307 | /* MESSAGE MAIL ICON */ | |
308 | ||
309 | ||
310 | {font-size:10px;display:block;position:relative;border-top:1em solid transparent;border-left:1.5em solid {color:Answer Text};border-right:1.5em solid {color:Answer Text};border-bottom:1em solid {color:Answer Text};height:0;width:0;opacity:.4;} | |
311 | ||
312 | .mail:before | |
313 | {content:'';top:-1.23em;left:-1.5em;display:block;position:absolute;border-top:1em solid {color:Answer Text};border-left:1.5em solid transparent;border-right:1.5em solid transparent;border-bottom:1em solid transparent;font-size:0.8em;opacity:.8;} | |
314 | ||
315 | /* ANSWER COMMENT ICON */ | |
316 | ||
317 | .comment | |
318 | {font-size:14px;width:2em;height:1.5em;background:{color:Message Text};border-radius:0.2em;position:relative;opacity:.4;} | |
319 | ||
320 | .comment::before | |
321 | {position:absolute; content:"";bottom:-0.3em;right:0.4em;width:0em;height:0em;border-bottom:0.4em solid transparent;border-left:0.4em solid {color:Message Text};} | |
322 | ||
323 | /* POSTS ON MOUSEOVER */ | |
324 | ||
325 | .textpost:hover, .link:hover, .audio:hover, .video:hover, .photoset:hover, .photo:hover, .chat:hover, .quote:hover, .question:hover, .notecontainer:hover | |
326 | {border-top:10px solid {color:Body Border Left};border-left:10px solid {color:Body Border Bottom};border-right:10px solid {color:Body Border Top};border-bottom:10px solid {color:Body Border Right};transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
327 | ||
328 | /* PERMALINK */ | |
329 | ||
330 | .perma | |
331 | {border-top:0px dotted {color:Perma Border};{block:IndexPage}width:250px;{/block:IndexPage}{block:PermalinkPage}width:500px;{/block:PermalinkPage}margin-top:10px;color:{color:Perma Dots};} | |
332 | ||
333 | .perma a | |
334 | {color:{color:Perma Dots};transition-duration:0.5s;-webkit-transition-duration:0.5s;} | |
335 | ||
336 | /* PERMALINK PAGE */ | |
337 | ||
338 | /* DATE + NOTES * VIA/SOURCE */ | |
339 | ||
340 | .permainfo | |
341 | {color:{color:Body Title};font-weight:normal;font-size:14px;letter-spacing:1px;width:475px;text-align:center;padding:10px;line-height:22px;} | |
342 | ||
343 | .permainfo a | |
344 | {font-weight:normal;} | |
345 | ||
346 | .permapage | |
347 | {color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top};border-left:3px solid {color:Body Border Left};border-right:3px solid {color:Body Border Right};border-bottom:3px solid {color:Body Border Bottom};padding:7px;padding-bottom:8px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}} | |
348 | ||
349 | .permapage a | |
350 | {font-weight:normal;} | |
351 | ||
352 | .notecontainer | |
353 | {max-height:400px;overflow-y:scroll;overflow-x:hidden;{block:IfNotTransparentBody}background:{color:Body BG};{/block:IfNotTransparentBody}{block:ifTransparentBody}background-color:rgba({select:Body Color}, {select:Body Transparency});{/block:IfTransparentBody}width:500px;padding:10px;border-top:10px solid {color:Body Border Top};border-left:10px solid {color:Body Border Left};border-right:10px solid {color:Body Border Right};border-bottom:10px solid {color:Body Border Bottom};margin-left:30px;} | |
354 | ||
355 | .notecontainer a | |
356 | {font-weight:normal;} | |
357 | ||
358 | ol.notes | |
359 | {padding:0px;margin:25px 0px;list-style-type:none;} | |
360 | ||
361 | ol.notes li.note | |
362 | {border-top: dashed 1px {color:Blockquote};padding: 10px;} | |
363 | ||
364 | ol.notes li.note img.avatar | |
365 | {vertical-align:-4px;margin-right:10px;width:16px;height:16px;border-radius:10px;} | |
366 | ||
367 | ol.notes li.note span.action | |
368 | {font-weight:normal;} | |
369 | ||
370 | ol.notes li.note .answer_content | |
371 | {font-weight:normal;} | |
372 | ||
373 | ol.notes li.note blockquote | |
374 | {border-color:{color:Blockquote};padding:4px 10px;margin:10px 0px 0px 25px;} | |
375 | ||
376 | ol.notes li.note blockquote a | |
377 | {text-decoration:none;} | |
378 | ||
379 | /* STYLE MY TOOLTIPS */ | |
380 | ||
381 | #s-m-t-tooltip | |
382 | {max-width:100px;z-index:999999;margin:24px 14px 7px 12px;padding:4px;background:{color:Body BG};{block:IfRoundedCorners}-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;{/block:IfRoundedCorners}border:1px solid {color:Blockquote};font-size:11px;font-family:calibri;letter-spacing:1px;line-height:100%;text-transform:uppercase;color:{color:Link};} | |
383 | ||
384 | /* PAGINATION */ | |
385 | ||
386 | #pagination a { | |
387 | color:{color:Pagi}; | |
388 | } | |
389 | ||
390 | .pagi { | |
391 | background-color:{color:Body BG}; | |
392 | {block:IfRoundedCorners}border-radius:100px 0px 0px 100px;{/block:IfRoundedCorners} | |
393 | font-weight:100; | |
394 | font:30px quicksand; | |
395 | right:0; | |
396 | top:45%; | |
397 | position:fixed; | |
398 | padding:20px; padding-right:10px; | |
399 | } | |
400 | ||
401 | .pagi2 { | |
402 | background-color:{color:Body BG}; | |
403 | {block:IfRoundedCorners}border-radius:0px 100px 100px 0px;{/block:IfRoundedCorners} | |
404 | font-weight:100; | |
405 | font:30px quicksand; | |
406 | left:0; | |
407 | top:45%; | |
408 | position:fixed; | |
409 | padding:20px; padding-left:10px; | |
410 | } | |
411 | ||
412 | /* SCREEN RESOLUTION COMPATIBILITY */ | |
413 | ||
414 | /* TWO COLUMNS */ | |
415 | ||
416 | @media only screen and ( max-width: 1100px ) | |
417 | { | |
418 | ||
419 | #wrapper{padding-left:20px;max-width:630px;padding-top:31px;} | |
420 | ||
421 | .main | |
422 | {-webkit-column-count:2;-webkit-column-gap:0em;-moz-column-count:2;-moz-column-gap:0em;column-count:2;column-gap:0em;width:630px;margin-left:3px;} | |
423 | ||
424 | #headerr | |
425 | {width:650px;margin-left:-20px;margin-top:-23px;} | |
426 | ||
427 | } | |
428 | ||
429 | /* ONE COLUMN */ | |
430 | ||
431 | @media only screen and ( max-width: 715px ) | |
432 | { | |
433 | ||
434 | .main | |
435 | {-webkit-column-count:1;-moz-column-count:1;column-count:1;margin:0 auto;width:300px;} | |
436 | } | |
437 | ||
438 | {CustomCSS} | |
439 | </style> | |
440 | ||
441 | <!-- STYLE MY TOOLTIPS SCRIPT --> | |
442 | ||
443 | <link href="#s-m-t-tooltip" rel="stylesheet" type="text/css" /> | |
444 | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> | |
445 | ||
446 | <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script> | |
447 | <script> | |
448 | (function($){ | |
449 | $(document).ready(function(){ | |
450 | $("[title]").style_my_tooltips(); | |
451 | }); | |
452 | })(jQuery); | |
453 | </script> | |
454 | ||
455 | </head> | |
456 | <body> | |
457 | ||
458 | <div id="wrapper"> | |
459 | ||
460 | <!-- BEGIN HEADER --> | |
461 | ||
462 | {block:IfHeader}{block:IndexPage} | |
463 | ||
464 | <div id="headerr"> | |
465 | ||
466 | <div class="title">{Title}</div> | |
467 | ||
468 | </div> | |
469 | ||
470 | {/block:IndexPage}{/block:IfHeader} | |
471 | ||
472 | <!-- END HEADER --> | |
473 | ||
474 | <div class="main" role="main"> | |
475 | ||
476 | <!-- BEGIN SIDEBAR --> | |
477 | ||
478 | {block:IndexPage} | |
479 | ||
480 | <!-- IMAGE --> | |
481 | ||
482 | <div style="width:290px;margin-bottom:-50px;"><img style="{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}" src="{image:Sidebar Header}" alt=""/></div> | |
483 | ||
484 | <img style="border-radius:0px;border:1px solid {color:Side IMG Border};margin-bottom:-60px;margin-left:90px;width:100px;{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}" src="{image:Sidebar}" alt=""/> | |
485 | ||
486 | <div class="sidebar"> | |
487 | ||
488 | <!-- DESCRIPTION --> | |
489 | ||
490 | <div style="margin-top:55px;"> | |
491 | ||
492 | <center style="padding-top:10px;margin-bottom:0px;"><a style="color:{color:Nav Links};" title="index" href="/"><span class="entypo-home"></span></a> <a style="color:{color:Nav Links};" title="message" href="/ask"><span class="fontawesome-envelope-alt"></span></a> <a style="color:{color:Nav Links};" title="archive" href="/archive"><span class="fontawesome-camera"></span></a> <a style="color:{color:Nav Links};" title="credit" href="http://maomuthemes.tumblr.com"><span class="fontawesome-heart"></span></a></center><br> | |
493 | ||
494 | {block:Description}{Description}{/block:Description}</div> | |
495 | ||
496 | <!-- SEARCH BAR --> | |
497 | ||
498 | <form class="sfm input" action="/search" method="get"> | |
499 | <input style="width:175px;height:20px;" type="text" name="q" value="{SearchQuery}"/> | |
500 | <input style="padding-top:8px;padding-bottom:9px;background:{color:Body BG};border:1px dashed {color:Link};color:{color:Link};{block:ifRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}letter-spacing:normal;" type="submit" value="Search"/> | |
501 | </form> | |
502 | </div> | |
503 | {/block:IndexPage} | |
504 | ||
505 | <!-- END SIDEBAR --> | |
506 | ||
507 | <!-- BEGIN POSTS --> | |
508 | ||
509 | {block:Posts} | |
510 | <div class="container"> | |
511 | ||
512 | <!-- PHOTO --> | |
513 | ||
514 | {block:Photo} | |
515 | <article class="photo"> | |
516 | <figure> | |
517 | {block:IndexPage} | |
518 | {LinkOpenTag} | |
519 | <img src="{PhotoURL-250}" alt="{PhotoAlt}"/> | |
520 | {LinkCloseTag} | |
521 | {/block:IndexPage} | |
522 | ||
523 | {block:PermalinkPage} | |
524 | {LinkOpenTag} | |
525 | <img src="{PhotoURL-500}" alt="{PhotoAlt}"/> | |
526 | {LinkCloseTag} | |
527 | {/block:PermalinkPage} | |
528 | ||
529 | ||
530 | {block:IfCaption} | |
531 | {block:Caption} | |
532 | <figcaption> | |
533 | {Caption} | |
534 | </figcaption> | |
535 | {/block:Caption} | |
536 | {/block:IfCaption} | |
537 | ||
538 | {block:IfNotCaption} | |
539 | {block:PermalinkPage} | |
540 | {block:Caption} | |
541 | <figcaption> | |
542 | {Caption} | |
543 | </figcaption> | |
544 | {/block:Caption} | |
545 | {/block:PermalinkPage} | |
546 | {/block:IfNotCaption} | |
547 | ||
548 | {block:Date} | |
549 | <div class="perma"> | |
550 | <center style="margin-top:-9px;padding-bottom:5px;"> | |
551 | <font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> <a title="View Post" href="{Permalink}">●</a> <a href="{ReblogURL}" title="Reblog">●</a><br></font> | |
552 | </center> | |
553 | {block:IfTags} | |
554 | <center> | |
555 | {block:HasTags} | |
556 | {block:Tags} | |
557 | <a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top}; | |
558 | border-left:3px solid {color:Body Border Left}; | |
559 | border-right:3px solid {color:Body Border Right}; | |
560 | border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a> | |
561 | {/block:Tags} | |
562 | {/block:HasTags} | |
563 | </center> | |
564 | {/block:IfTags} | |
565 | </div> | |
566 | {/block:Date} | |
567 | ||
568 | </figure> | |
569 | </article> | |
570 | {/block:Photo} | |
571 | ||
572 | <!-- PHOTOSET --> | |
573 | ||
574 | {block:Photoset} | |
575 | <article class="photoset"> | |
576 | <figure> | |
577 | ||
578 | {block:IndexPage} | |
579 | <div style="padding-top:10px;margin-left:-10px;">{Photoset-250}</div> | |
580 | {/block:IndexPage} | |
581 | {block:PermalinkPage} | |
582 | <div style="padding-top:10px;margin-left:-10px;">{Photoset-500}</div> | |
583 | {/block:PermalinkPage} | |
584 | ||
585 | {block:IfCaption} | |
586 | {block:Caption} | |
587 | <figcaption> | |
588 | {Caption} | |
589 | </figcaption> | |
590 | {/block:Caption} | |
591 | {/block:IfCaption} | |
592 | ||
593 | {block:IfNotCaption} | |
594 | {block:PermalinkPage} | |
595 | {block:Caption} | |
596 | <figcaption> | |
597 | {Caption} | |
598 | </figcaption> | |
599 | {/block:Caption} | |
600 | {/block:PermalinkPage} | |
601 | {/block:IfNotCaption} | |
602 | ||
603 | {block:Date} | |
604 | <div class="perma"> | |
605 | <center style="margin-top:-9px;padding-bottom:5px;"> | |
606 | <font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> <a title="View Post" href="{Permalink}">●</a> <a href="{ReblogURL}" title="Reblog">●</a><br></font> | |
607 | </center> | |
608 | {block:IfTags} | |
609 | <center> | |
610 | {block:HasTags} | |
611 | {block:Tags} | |
612 | <a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top}; | |
613 | border-left:3px solid {color:Body Border Left}; | |
614 | border-right:3px solid {color:Body Border Right}; | |
615 | border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a> | |
616 | {/block:Tags} | |
617 | {/block:HasTags} | |
618 | </center> | |
619 | {/block:IfTags} | |
620 | </div> | |
621 | {/block:Date} | |
622 | ||
623 | </figure> | |
624 | </article> | |
625 | {/block:Photoset} | |
626 | ||
627 | <!-- TEXT --> | |
628 | ||
629 | {block:Text} | |
630 | <article class="textpost"> | |
631 | <figure> | |
632 | {block:Title} | |
633 | <header> | |
634 | <h2 class="textt">{Title}</h2> | |
635 | </header> | |
636 | {/block:Title} | |
637 | <div style="{block:IndexPage} | |
638 | width:250px;{block:IfShortenTextPosts}max-height:200px; | |
639 | overflow:hidden;{/block:IfShortenTextPosts} | |
640 | {/block:IndexPage} | |
641 | {block:PermalinkPage} | |
642 | width:500px; | |
643 | {/block:PermalinkPage};">{Body}</div> | |
644 | ||
645 | {block:Date} | |
646 | <div class="perma"> | |
647 | <center style="margin-top:-9px;padding-bottom:5px;"> | |
648 | <font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> <a title="View Post" href="{Permalink}">●</a> <a href="{ReblogURL}" title="Reblog">●</a><br></font> | |
649 | </center> | |
650 | {block:IfTags} | |
651 | <center> | |
652 | {block:HasTags} | |
653 | {block:Tags} | |
654 | <a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top}; | |
655 | border-left:3px solid {color:Body Border Left}; | |
656 | border-right:3px solid {color:Body Border Right}; | |
657 | border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a> | |
658 | {/block:Tags} | |
659 | {/block:HasTags} | |
660 | </center> | |
661 | {/block:IfTags} | |
662 | </div> | |
663 | {/block:Date} | |
664 | ||
665 | </figure> | |
666 | </article> | |
667 | {/block:Text} | |
668 | ||
669 | <!-- LINK --> | |
670 | ||
671 | {block:Link} | |
672 | <article class="link"> | |
673 | <figure> | |
674 | ||
675 | <h2 class="linkk"> | |
676 | <a href="{URL}" {Target}>{Name} >></a> | |
677 | </h2> | |
678 | ||
679 | {block:Description} | |
680 | <div style="{block:IndexPage}{block:IfShortenTextPosts}max-height:200px; | |
681 | overflow:hidden;{/block:IfShortenTextPosts}{/block:IndexPage}">{Description}</div> | |
682 | {/block:Description} | |
683 | ||
684 | {block:Date} | |
685 | <div class="perma"> | |
686 | <center style="margin-top:-9px;padding-bottom:5px;"> | |
687 | <font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> <a title="View Post" href="{Permalink}">●</a> <a href="{ReblogURL}" title="Reblog">●</a><br></font> | |
688 | </center> | |
689 | {block:IfTags} | |
690 | <center> | |
691 | {block:HasTags} | |
692 | {block:Tags} | |
693 | <a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top}; | |
694 | border-left:3px solid {color:Body Border Left}; | |
695 | border-right:3px solid {color:Body Border Right}; | |
696 | border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a> | |
697 | {/block:Tags} | |
698 | {/block:HasTags} | |
699 | </center> | |
700 | {/block:IfTags} | |
701 | </div> | |
702 | {/block:Date} | |
703 | ||
704 | </figure> | |
705 | </article> | |
706 | {/block:Link} | |
707 | ||
708 | <!-- CHAT --> | |
709 | ||
710 | {block:Chat} | |
711 | <article class="chat"> | |
712 | <figure> | |
713 | {block:Title} | |
714 | <header> | |
715 | <h2 class="chatt">{Title}</h2> | |
716 | </header> | |
717 | {/block:Title} | |
718 | ||
719 | <div class="chattie"><ul>{block:Lines}<li class="{Alt}">{block:Label}<b>{Label}</b> {/block:Label}<span style="background:{color:Chat Line BG};">{Line}</span></li>{/block:Lines}</ul></div> | |
720 | ||
721 | {block:Date} | |
722 | <div class="perma"> | |
723 | <center style="margin-top:-9px;padding-bottom:5px;"> | |
724 | <font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> <a title="View Post" href="{Permalink}">●</a> <a href="{ReblogURL}" title="Reblog">●</a><br></font> | |
725 | </center> | |
726 | {block:IfTags} | |
727 | <center> | |
728 | {block:HasTags} | |
729 | {block:Tags} | |
730 | <a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top}; | |
731 | border-left:3px solid {color:Body Border Left}; | |
732 | border-right:3px solid {color:Body Border Right}; | |
733 | border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a> | |
734 | {/block:Tags} | |
735 | {/block:HasTags} | |
736 | </center> | |
737 | {/block:IfTags} | |
738 | </div> | |
739 | {/block:Date} | |
740 | ||
741 | </figure> | |
742 | </article> | |
743 | {/block:Chat} | |
744 | ||
745 | <!-- QUOTE --> | |
746 | ||
747 | {block:Quote} | |
748 | <article class="quote"> | |
749 | <figure> | |
750 | {block:Source} | |
751 | <div class="source">Quote by {Source}</div> | |
752 | {/block:Source} | |
753 | <div class="quotte">{Quote}</div> | |
754 | ||
755 | {block:Date} | |
756 | <div class="perma"> | |
757 | <center style="margin-top:-9px;padding-bottom:5px;"> | |
758 | <font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> <a title="View Post" href="{Permalink}">●</a> <a href="{ReblogURL}" title="Reblog">●</a><br></font> | |
759 | </center> | |
760 | {block:IfTags} | |
761 | <center> | |
762 | {block:HasTags} | |
763 | {block:Tags} | |
764 | <a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top}; | |
765 | border-left:3px solid {color:Body Border Left}; | |
766 | border-right:3px solid {color:Body Border Right}; | |
767 | border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a> | |
768 | {/block:Tags} | |
769 | {/block:HasTags} | |
770 | </center> | |
771 | {/block:IfTags} | |
772 | </div> | |
773 | {/block:Date} | |
774 | ||
775 | </figure> | |
776 | </article> | |
777 | {/block:Quote} | |
778 | ||
779 | <!-- AUDIO --> | |
780 | ||
781 | {block:Audio} | |
782 | <article class="audio"> | |
783 | <figure> | |
784 | {AudioEmbed} | |
785 | ||
786 | {block:IfCaption} | |
787 | {block:Caption} | |
788 | <figcaption> | |
789 | {Caption} | |
790 | </figcaption> | |
791 | {/block:Caption} | |
792 | {/block:IfCaption} | |
793 | ||
794 | {block:IfNotCaption} | |
795 | {block:PermalinkPage} | |
796 | {block:Caption} | |
797 | <figcaption> | |
798 | {Caption} | |
799 | </figcaption> | |
800 | {/block:Caption} | |
801 | {/block:PermalinkPage} | |
802 | {/block:IfNotCaption} | |
803 | ||
804 | {block:Date} | |
805 | <div class="perma"> | |
806 | <center style="margin-top:-9px;padding-bottom:5px;"> | |
807 | <font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> <a title="View Post" href="{Permalink}">●</a> <a href="{ReblogURL}" title="Reblog">●</a><br></font> | |
808 | </center> | |
809 | {block:IfTags} | |
810 | <center> | |
811 | {block:HasTags} | |
812 | {block:Tags} | |
813 | <a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top}; | |
814 | border-left:3px solid {color:Body Border Left}; | |
815 | border-right:3px solid {color:Body Border Right}; | |
816 | border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a> | |
817 | {/block:Tags} | |
818 | {/block:HasTags} | |
819 | </center> | |
820 | {/block:IfTags} | |
821 | </div> | |
822 | {/block:Date} | |
823 | ||
824 | </figure> | |
825 | </article> | |
826 | {/block:Audio} | |
827 | ||
828 | <!-- VIDEO --> | |
829 | ||
830 | {block:Video} | |
831 | <article class="video"> | |
832 | <figure> | |
833 | {VideoEmbed-250} | |
834 | ||
835 | {block:IfCaption} | |
836 | {block:Caption} | |
837 | <figcaption> | |
838 | {Caption} | |
839 | </figcaption> | |
840 | {/block:Caption} | |
841 | {/block:IfCaption} | |
842 | ||
843 | {block:IfNotCaption} | |
844 | {block:PermalinkPage} | |
845 | {block:Caption} | |
846 | <figcaption> | |
847 | {Caption} | |
848 | </figcaption> | |
849 | {/block:Caption} | |
850 | {/block:PermalinkPage} | |
851 | {/block:IfNotCaption} | |
852 | ||
853 | {block:Date} | |
854 | <div class="perma"> | |
855 | <center style="margin-top:-9px;padding-bottom:5px;"> | |
856 | <font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> <a title="View Post" href="{Permalink}">●</a> <a href="{ReblogURL}" title="Reblog">●</a><br></font> | |
857 | </center> | |
858 | {block:IfTags} | |
859 | <center> | |
860 | {block:HasTags} | |
861 | {block:Tags} | |
862 | <a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top}; | |
863 | border-left:3px solid {color:Body Border Left}; | |
864 | border-right:3px solid {color:Body Border Right}; | |
865 | border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a> | |
866 | {/block:Tags} | |
867 | {/block:HasTags} | |
868 | </center> | |
869 | {/block:IfTags} | |
870 | </div> | |
871 | {/block:Date} | |
872 | ||
873 | </figure> | |
874 | </article> | |
875 | {/block:Video} | |
876 | ||
877 | <!-- MESSAGE --> | |
878 | ||
879 | {block:Answer} | |
880 | <article class="question"> | |
881 | <figure> | |
882 | <table style="padding-bottom:5px;margin-bottom:3px;{block:IndexPage} | |
883 | max-width:250px; | |
884 | {/block:IndexPage} | |
885 | {block:PermalinkPage} | |
886 | max-width:500px; | |
887 | {/block:PermalinkPage}"> | |
888 | <tr> | |
889 | <td style="border:1px dashed {color:Blockquote};vertical-align:top;padding:10px;height:auto;{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}"><div class="mail"></div></td> | |
890 | ||
891 | <td style="border:1px dashed {color:Body Border};{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}vertical-align:top;background:{color:Message BG};color:{color:Message Text};padding:8px;line-height:17px;">{lang:Asker asked}: {Question}</td> | |
892 | </tr> | |
893 | </table> | |
894 | ||
895 | <table style="margin-bottom:5px;{block:IndexPage} | |
896 | max-width:250px; | |
897 | {/block:IndexPage} | |
898 | {block:PermalinkPage} | |
899 | max-width:500px; | |
900 | {/block:PermalinkPage}"> | |
901 | <tr> | |
902 | ||
903 | ||
904 | <td style="border:1px dashed {color:Answer Text};{block:IfRoundedCorners}border-radius:4px;{/block:IfRoundedCorners}vertical-align:top;background:{color:Answer BG};color:{color:Answer Text};padding:8px;padding-top:0px;line-height:17px;">{Answer}</td> | |
905 | </tr> | |
906 | </table> | |
907 | ||
908 | {block:Date} | |
909 | <div class="perma"> | |
910 | <center style="margin-top:-9px;padding-bottom:5px;"> | |
911 | <font style="font-size:14px;color:{color:Perma Link};"><font style="cursor:default;" title="{NoteCountWithLabel}">●</font> <a title="View Post" href="{Permalink}">●</a> <a href="{ReblogURL}" title="Reblog">●</a><br></font> | |
912 | </center> | |
913 | {block:IfTags} | |
914 | <center> | |
915 | {block:HasTags} | |
916 | {block:Tags} | |
917 | <a href="{TagURL}"><font style="font-weight:normal;color:{color:Link};background:{color:Body BG};border-top:3px solid {color:Body Border Top}; | |
918 | border-left:3px solid {color:Body Border Left}; | |
919 | border-right:3px solid {color:Body Border Right}; | |
920 | border-bottom:3px solid {color:Body Border Bottom};padding:3px;{block:IfRoundedCorners}border-radius:3px;{/block:IfRoundedCorners}line-height:30px;">+{Tag}</font></a> | |
921 | {/block:Tags} | |
922 | {/block:HasTags} | |
923 | </center> | |
924 | {/block:IfTags} | |
925 | </div> | |
926 | {/block:Date} | |
927 | ||
928 | </figure> | |
929 | </article> | |
930 | {/block:Answer} | |
931 | ||
932 | <!-- REMOVE VIA AND SOUCE --> | |
933 | ||
934 | <div style="display:none;"> | |
935 | {block:ContentSource} | |
936 | <a href="{SourceURL}" title="{lang:Originally from ReblogRootName}">Source</a> | |
937 | {/block:ContentSource} | |
938 | {block:RebloggedFrom} | |
939 | <a title="Via" href="{ReblogParentURL}">Via</a> | |
940 | {/block:RebloggedFrom} | |
941 | ||
942 | </div> | |
943 | </div> | |
944 | ||
945 | <!-- PERMALINK PAGE --> | |
946 | ||
947 | {block:Date} | |
948 | {block:PermalinkPage} | |
949 | <br> | |
950 | <div class="notecontainer"> | |
951 | <header> | |
952 | <h2 class="permainfo">Posted {TimeAgo} on {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} with {NoteCountWithLabel}. {block:RebloggedFrom}Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}.</a> Originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:RebloggedFrom}</h2> | |
953 | </header> | |
954 | {PostNotes}</div> | |
955 | {/block:PermalinkPage} | |
956 | {/block:Date} | |
957 | ||
958 | {/block:Posts} | |
959 | ||
960 | <!-- END POSTS --> | |
961 | ||
962 | </div> | |
963 | </div> | |
964 | ||
965 | <div id="pagination"> | |
966 | ||
967 | {block:PreviousPage} | |
968 | <a href="{PreviousPage}"> | |
969 | <span class="pagi2"> << </span> | |
970 | </a>{/block:PreviousPage} | |
971 | ||
972 | {block:NextPage} | |
973 | <a href="{NextPage}"> | |
974 | <span class="pagi"> >> </span> | |
975 | </a>{/block:NextPage} | |
976 | ||
977 | </div> | |
978 | ||
979 | </body> | |
980 | </html> |