API tools faq
paste
Advertisement
feiinho

Colorful Theme

feiinho
May 5th, 2018
380
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 40.44 KB | None | 0 0
raw download clone embed print report diff
  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. .mail
  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>&nbsp;&nbsp;&nbsp;<a style="color:{color:Nav Links};" title="message" href="/ask"><span class="fontawesome-envelope-alt"></span></a>&nbsp;&nbsp;&nbsp;<a style="color:{color:Nav Links};" title="archive" href="/archive"><span class="fontawesome-camera"></span></a>&nbsp;&nbsp;&nbsp;<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> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <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> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <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> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <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} &#62;&#62;</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> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <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> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <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> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <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> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <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> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <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> &nbsp;&nbsp; <a title="View Post" href="{Permalink}">●</a> &nbsp;&nbsp; <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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!