API tools faq
paste
kimtys

LIGHT

kimtys
Nov 30th, 2015
9,145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.43 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6.  
  7. LIGHT THEME BY KIMTYS.TUMBLR.COM
  8.  
  9. edit as much as you want but please don't hide or remove credits!
  10.  
  11.  
  12. -->
  13.  
  14.  
  15. <head><title>{Title}</title>
  16. <link rel="shortcut icon" href="{Favicon}">
  17. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  18. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}"/>
  21. {/block:Description}
  22.  
  23.  
  24.  
  25.  
  26.  
  27.  
  28. <meta name="image:sidebar" content=""/>
  29. <meta name="image:background" content=""/>
  30.  
  31. <meta name="color:background" content="#fff"/>
  32. <meta name="color:text" content="#444"/>
  33. <meta name="color:bold" content="#444"/>
  34. <meta name="color:italic" content="#444"/>
  35. <meta name="color:links" content="#aaa"/>
  36. <meta name="color:links hover" content="#444"/>
  37. <meta name="color:posts" content="#fff"/>
  38. <meta name="color:sidebar" content="#fff"/>
  39. <meta name="color:borders" content="#eee"/>
  40. <meta name="color:title background" content="#eee"/>
  41. <meta name="color:title background hover" content="#fff"/>
  42. <meta name="color:title" content="#000"/>
  43. <meta name="color:title hover" content="#000"/>
  44. <meta name="color:sub titles background" content="#000"/>
  45. <meta name="color:sub titles background hover" content="#fff"/>
  46. <meta name="color:sub titles" content="#fff"/>
  47. <meta name="color:sub titles hover" content="#000"/>
  48. <meta name="color:description" content="#444"/>
  49. <meta name="color:sidebar links background" content="#eee"/>
  50. <meta name="color:sidebar links background hover" content="#fff"/>
  51. <meta name="color:sidebar links" content="#000"/>
  52. <meta name="color:sidebar links hover" content="#000"/>
  53. <meta name="color:perma background" content="#fff"/>
  54. <meta name="color:perma background hover" content="#eee"/>
  55. <meta name="color:permalink" content="#000"/>
  56. <meta name="color:permalink hover" content="#000"/>
  57. <meta name="color:sub permalink" content="#000"/>
  58. <meta name="color:tags" content="#bbb"/>
  59. <meta name="color:captions" content="#f9f9f9"/>
  60. <meta name="color:audio ask and chat" content="#eee"/>
  61. <meta name="color:pages" content="#000"/>
  62. <meta name="color:scrollbar" content="#000"/>
  63.  
  64. <meta name="if:static description" content="0" />
  65. <meta name="if:static accents" content="0" />
  66. <meta name="if:borders" content="0" />
  67. <meta name="if:two columned sidebar links" content="1" />
  68. <meta name="if:tags" content="1" />
  69. <meta name="if:captions" content="1" />
  70. <meta name="if:subpermalink icons" content="1" />
  71. <meta name="if:rounded borders" content="0" />
  72. <meta name="if:perma time" content="1" />
  73. <meta name="if:perma date" content="0" />
  74. <meta name="if:fixed pagination" content="1" />
  75. <meta name="if:pagination icon" content="1" />
  76.  
  77. <meta name="select:background image" content="repeat" title="repeat">
  78. <meta name="select:background image" content="cover" title="cover">
  79.  
  80. <meta name="select:post size" content="400" title="400px">
  81. <meta name="select:post size" content="250" title="250px">
  82. <meta name="select:post size" content="300" title="300px">
  83. <meta name="select:post size" content="350" title="350px">
  84. <meta name="select:post size" content="450" title="450px">
  85. <meta name="select:post size" content="500" title="500px">
  86.  
  87. <meta name="select:permalinkpage post size" content="500" title="500px">
  88. <meta name="select:permalinkpage post size" content="250" title="250px">
  89. <meta name="select:permalinkpage post size" content="300" title="300px">
  90. <meta name="select:permalinkpage post size" content="350" title="350px">
  91. <meta name="select:permalinkpage post size" content="400" title="400px">
  92. <meta name="select:permalinkpage post size" content="450" title="450px">
  93.  
  94. <meta name="select:body font" content="arial" title="arial">
  95. <meta name="select:body font" content="roboto" title="roboto">
  96. <meta name="select:body font" content="lato" title="lato">
  97. <meta name="select:body font" content="cousine" title="cousine">
  98. <meta name="select:body font" content="tahoma" title="tahoma">
  99. <meta name="select:body font" content="cambria" title="cambria">
  100. <meta name="select:body font" content="georgia" title="georgia">
  101. <meta name="select:body font" content="consolas" title="consolas">
  102. <meta name="select:body font" content="inconsolata" title="inconsolata">
  103. <meta name="select:body font" content="calibri" title="calibri">
  104. <meta name="select:body font" content="karla" title="karla">
  105. <meta name="select:body font" content="courier" title="courier">
  106. <meta name="select:body font" content="trebuchet ms" title="trebuchet ms">
  107.  
  108. <meta name="select:body font size" content="11" title="11px">
  109. <meta name="select:body font size" content="7" title="7px">
  110. <meta name="select:body font size" content="8" title="8px">
  111. <meta name="select:body font size" content="9" title="9px">
  112. <meta name="select:body font size" content="10" title="10px">
  113. <meta name="select:body font size" content="12" title="12px">
  114.  
  115. <meta name="select:accents font" content="montserrat" title="montserrat">
  116. <meta name="select:accents font" content="roboto" title="roboto">
  117. <meta name="select:accents font" content="lato" title="lato">
  118. <meta name="select:accents font" content="calibri" title="calibri">
  119. <meta name="select:accents font" content="play" title="play">
  120. <meta name="select:accents font" content="oswald" title="oswald">
  121. <meta name="select:accents font" content="cousine" title="cousine">
  122. <meta name="select:accents font" content="consolas" title="consolas">
  123. <meta name="select:accents font" content="karla" title="karla">
  124. <meta name="select:accents font" content="courier" title="courier">
  125. <meta name="select:accents font" content="monda" title="monda">
  126.  
  127. <meta name="select:title font size" content="10" title="10px">
  128. <meta name="select:title font size" content="7" title="7px">
  129. <meta name="select:title font size" content="8" title="8px">
  130. <meta name="select:title font size" content="9" title="9px">
  131. <meta name="select:title font size" content="11" title="11px">
  132. <meta name="select:title font size" content="12" title="12px">
  133. <meta name="select:title font size" content="13" title="13px">
  134.  
  135.  
  136. <meta name="select:permalink font size" content="13" title="13px">
  137. <meta name="select:permalink font size" content="7" title="7px">
  138. <meta name="select:permalink font size" content="8" title="8px">
  139. <meta name="select:permalink font size" content="9" title="9px">
  140. <meta name="select:permalink font size" content="10" title="10px">
  141. <meta name="select:permalink font size" content="11" title="11px">
  142. <meta name="select:permalink font size" content="12" title="12px">
  143.  
  144. <meta name="select:permalink icon" content="fa fa-eye" title="eye">
  145. <meta name="select:permalink icon" content="fa fa-heart" title="heart">
  146. <meta name="select:permalink icon" content="fa fa-caret-down" title="caret-down">
  147. <meta name="select:permalink icon" content="fa fa-angle-down" title="angle-down">
  148. <meta name="select:permalink icon" content="fa fa-chevron-circle-down" title="chevron-circle-down">
  149. <meta name="select:permalink icon" content="fa fa-clock-o" title="clock">
  150. <meta name="select:permalink icon" content="fa fa-ellipsis-h" title="ellipsis-h">
  151. <meta name="select:permalink icon" content="fa fa-user" title="user">
  152. <meta name="select:permalink icon" content="fa fa-globe" title="globe">
  153. <meta name="select:permalink icon" content="fa fa-info" title="info">
  154. <meta name="select:permalink icon" content="fa fa-info-circle" title="info-cirlce">
  155. <meta name="select:permalink icon" content="fa fa-map-marker" title="map-marker">
  156. <meta name="select:permalink icon" content="fa fa-plus-circle" title="plus-circle">
  157. <meta name="select:permalink icon" content="fa fa-eye" title="eye">
  158. <meta name="select:permalink icon" content="fa fa-power-off" title="power-off">
  159. <meta name="select:permalink icon" content="fa fa-search" title="search">
  160. <meta name="select:permalink icon" content="fa fa-star" title="star">
  161. <meta name="select:permalink icon" content="fa fa-thumb-tack" title="thumb-tack">
  162. <meta name="select:permalink icon" content="fa fa-save" title="save">
  163. <meta name="select:permalink icon" content="fa fa-rss" title="rss">
  164.  
  165. <meta name="select:title icon" content="fa fa-caret-down" title="caret-down">
  166. <meta name="select:title icon" content="fa fa-eye" title="eye">
  167. <meta name="select:title icon" content="fa fa-navicon" title="navicon">
  168. <meta name="select:title icon" content="fa fa-heart" title="heart">
  169. <meta name="select:title icon" content="fa fa-angle-down" title="angle-down">
  170. <meta name="select:title icon" content="fa fa-chevron-down" title="chevron-down">
  171. <meta name="select:title icon" content="fa fa-chevron-circle-down" title="chevron-circle-down">
  172. <meta name="select:title icon" content="fa fa-ellipsis-h" title="ellipsis-h">
  173. <meta name="select:title icon" content="fa fa-ellipsis-v" title="ellipsis-v">
  174. <meta name="select:title icon" content="fa fa-link" title="link">
  175. <meta name="select:title icon" content="fa fa-user" title="user">
  176. <meta name="select:title icon" content="fa fa-globe" title="globe">
  177. <meta name="select:title icon" content="fa fa-info" title="info">
  178. <meta name="select:title icon" content="fa fa-info-circle" title="info-circle">
  179. <meta name="select:title icon" content="fa fa-map-marker" title="map-marker">
  180. <meta name="select:title icon" content="fa fa-plus" title="plus">
  181. <meta name="select:title icon" content="fa fa-plus-circle" title="plus-circle">
  182. <meta name="select:title icon" content="fa fa-power-off" title="power-off">
  183. <meta name="select:title icon" content="fa fa-search" title="search">
  184. <meta name="select:title icon" content="fa fa-star" title="star">
  185. <meta name="select:title icon" content="fa fa-thumb-tack" title="thumb-tack">
  186.  
  187. <meta name="select:sub accents font size" content="7" title="7px">
  188. <meta name="select:sub accents font size" content="8" title="8px">
  189. <meta name="select:sub accents font size" content="9" title="9px">
  190. <meta name="select:sub accents font size" content="10" title="10px">
  191. <meta name="select:sub accents font size" content="11" title="11px">
  192.  
  193.  
  194. <meta name="select:sub accents transform" content="uppercase" title="uppercase">
  195. <meta name="select:sub accents transform" content="lowercase" title="lowercase">
  196.  
  197. <meta name="select:show hide accents" content="hover" title="hover">
  198. <meta name="select:show hide accents" content="click" title="click">
  199.  
  200. <meta name="select:cursor hover" content="help" title="help">
  201. <meta name="select:cursor hover" content="pointer" title="pointer">
  202. <meta name="select:cursor hover" content="default" title="default">
  203. <meta name="select:cursor hover" content="crosshair" title="crosshair">
  204.  
  205. <meta name="text:sidebar title" content="title"/>
  206. <meta name="text:description title" content="info"/>
  207. <meta name="text:links title" content="menu"/>
  208. <meta name="text:tumblrcontrols opacity" content="0.3"/>
  209. <meta name="text:padding" content="5"/>
  210. <meta name="text:posts left" content="450"/>
  211. <meta name="text:posts margin" content="100"/>
  212. <meta name="text:sidebar width" content="100"/>
  213. <meta name="text:sidebar top" content="60"/>
  214. <meta name="text:sidebar left" content="250"/>
  215. <meta name="text:link1" content="home"/>
  216. <meta name="text:link1 url" content="/"/>
  217. <meta name="text:link2" content="ask"/>
  218. <meta name="text:link2 url" content="/ask"/>
  219. <meta name="text:link3" content="past"/>
  220. <meta name="text:link3 url" content="/archive"/>
  221. <meta name="text:link4" content="link 1"/>
  222. <meta name="text:link4 url" content="/"/>
  223. <meta name="text:link5" content=""/>
  224. <meta name="text:link5 url" content="/"/>
  225. <meta name="text:link6" content=""/>
  226. <meta name="text:link6 url" content="/"/>
  227. <meta name="text:link7" content=""/>
  228. <meta name="text:link7 url" content="/"/>
  229. <meta name="text:link8" content=""/>
  230. <meta name="text:link8 url" content="/"/>
  231.  
  232.  
  233.  
  234. <link href='https://fonts.googleapis.com/css?family=Roboto:300,700,400' rel='stylesheet' type='text/css'>
  235. <link href='https://fonts.googleapis.com/css?family=Courier:300,700,400' rel='stylesheet' type='text/css'>
  236. <link href='https://fonts.googleapis.com/css?family=Karla:300,700,400' rel='stylesheet' type='text/css'>
  237. <link href='https://fonts.googleapis.com/css?family=Montserrat:300,700,400' rel='stylesheet' type='text/css'>
  238. <link href='https://fonts.googleapis.com/css?family=Cousine:400,400italic,700,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  239. <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
  240. <link href='https://fonts.googleapis.com/css?family=Monda:400,700' rel='stylesheet' type='text/css'>
  241. <link href='https://fonts.googleapis.com/css?family=Lato:300,700,400' rel='stylesheet' type='text/css'>
  242. <link href='https://fonts.googleapis.com/css?family=Play:300,700,400' rel='stylesheet' type='text/css'>
  243.  
  244.  
  245.  
  246.  
  247.  
  248. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  249. <script type="text/javascript" src="https://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  250. <script>
  251. (function($){
  252. $(document).ready(function(){
  253. $("[title]").style_my_tooltips();
  254. });
  255. })(jQuery);
  256. </script>
  257.  
  258.  
  259. <style type="text/css">
  260.  
  261. iframe#tumblr_controls {
  262. top:0%!important;
  263. right:0%!important;
  264. position:fixed!important;
  265. z-index:999999999!important;
  266. opacity:{text:tumblrcontrols opacity};
  267. -webkit-filter:invert(100%);
  268. -moz-filter:invert(100%);
  269. -o-filter:invert(100%);
  270. -ms-filter:invert(100%);
  271. filter:invert(100%);
  272. }
  273.  
  274.  
  275. ::-webkit-scrollbar-thumb:vertical {
  276. background: {color:scrollbar};
  277. height: 5px;
  278. width:9px;
  279. border-radius: 0px; -moz-border-radius: 8px -webkit-border-radius: 8px o-border-radius: 8px; -ms-border-radius: 8px;
  280. }
  281.  
  282.  
  283. ::-webkit-scrollbar {
  284. height: 0px;
  285. width: 3px;
  286. background: transparent transparent transparent transparent;
  287. }
  288.  
  289.  
  290. ::-moz-selection {background:{color:links};color:{color:text};}
  291. ::selection {background:{color:links};color:{color:text};}
  292.  
  293.  
  294.  
  295. /* Body */
  296.  
  297.  
  298. body {
  299. color: {color:text};
  300. background: {color:background} url('{image:background}') fixed;
  301. background-attachment:{select:background image};
  302. background-size:{select:background image};
  303. font-size: {select:body font size}px;
  304. line-height: 120%;
  305. font-family: {select:body font}, sans-serif;
  306. word-wrap: break-word;
  307. text-align: justify;
  308. }
  309.  
  310. a {
  311. color: {color:links};
  312. text-decoration: none;
  313. }
  314.  
  315.  
  316. a:hover {
  317. color: {color:links hover};
  318. cursor:{select:cursor hover};
  319. }
  320.  
  321. pre, xmp, plaintext, listing {
  322. width:100%;font-size:{select:body font size}px; font-family:{select:body font}, sans-serif;white-space:pre-wrap;word-wrap:break-word;
  323. }
  324.  
  325. small {
  326. font-size:{select:body font size}px;
  327. }
  328.  
  329. big {
  330. font-size:calc({select:body font size}px + 1px);
  331. }
  332.  
  333. sub {
  334. font-size:{select:body font size}px;
  335.  
  336. }
  337.  
  338. sup {
  339. font-size:{select:body font size}px;
  340.  
  341. }
  342.  
  343. code {
  344. font-size:{select:body font size}px;
  345.  
  346. }
  347.  
  348. blockquote {
  349. margin-left:10px;
  350. padding-left:7px;
  351. width:auto;
  352. margin-right:7px;
  353. border-left:solid 1px {color:borders};
  354. }
  355.  
  356. blockquote blockquote {
  357. padding-left:10px;
  358. margin:5px;
  359. border-left:1px solid {color:borders};
  360. }
  361.  
  362. /* Posts */
  363.  
  364.  
  365.  
  366. .post {
  367. padding:{text:padding}px;
  368. margin-top:{text:posts margin}px;
  369. margin-bottom:{text:posts margin}px;
  370. background:{color:posts};
  371. line-height:140%;
  372. {block:IndexPage}
  373. width:{select:post size}px;
  374. {/block:IndexPage}
  375. {block:PermalinkPage}
  376. width:{select:permalinkpage post size}px;
  377. {/block:PermalinkPage}
  378. {block:ifroundedborders}
  379. -moz-border-radius:5px!important;
  380. -webkit-border-radius:5px!important;
  381. border-radius:5px!important;
  382. {/block:ifroundedborders}
  383. {block:ifborders}
  384. border:1px solid {color:borders};
  385. {/block:ifborders}
  386. }
  387.  
  388. .post b, bold, strong {
  389. font-weight:bold;
  390. color:{color:bold};
  391. }
  392.  
  393. .post italic, oblique {
  394. font-style:italic;
  395. color:{color:italic};
  396. }
  397.  
  398.  
  399. #posts {
  400. height:100%;
  401. margin-left: {text:posts left}px;
  402. {block:IndexPage}
  403. width:calc({select:post size}px + {text:padding}px*2);
  404. {/block:IndexPage}
  405. {block:PermalinkPage}
  406. width:calc({select:permalinkpage post size}px + {text:padding}px*2);
  407. {/block:PermalinkPage}
  408. }
  409.  
  410. .post ul {
  411. list-style-type:none;
  412. margin-left:-45px;
  413. margin-top:5px;
  414. margin-bottom:5px;
  415. }
  416.  
  417. .post ul li:before {
  418. content:"—-";
  419. font-size:8px;
  420. color:{color:borders};
  421. margin-right:8px;
  422. font-family: sans-serif;
  423. }
  424.  
  425. .post li {
  426. padding-left:5px;
  427. padding-top:2px;
  428. padding-bottom:2px;
  429. list-style-type:none;
  430. }
  431.  
  432. iframe, img, embed, object, video {
  433. max-width:100%;
  434. {block:ifroundedborders}
  435. -moz-border-top-left-radius:5px!important;
  436. -webkit-border-top-left-radius:5px!important;
  437. -moz-border-top-right-radius:5px!important;
  438. -webkit-border-top-right-radius:5px!important;
  439. border-top-left-radius:5px!important;
  440. border-top-right-radius:5px!important;
  441. {/block:ifroundedborders}}
  442.  
  443. #photo img { max-width:100%;
  444. display:block;
  445. {block:ifroundedborders}
  446. -moz-border-top-left-radius:5px!important;
  447. -webkit-border-top-left-radius:5px!important;
  448. -moz-border-top-right-radius:5px!important;
  449. -webkit-border-top-right-radius:5px!important;
  450. border-top-left-radius:5px!important;
  451. border-top-right-radius:5px!important;
  452. {/block:ifroundedborders}
  453.  
  454. }
  455.  
  456. #captions {
  457. padding:1px 10px 0px 10px;
  458. background:transparent;
  459. background:{color:captions};
  460. border-bottom:1px solid {color:captions};
  461. border-top:1px solid {color:borders};
  462. margin-bottom:0px;
  463. {block:indexpage}
  464. {block:ifnotcaptions}
  465. display:none;
  466. {block:ifnotcaptions}
  467. {/block:indexpage}
  468. }
  469.  
  470.  
  471. #vid {
  472. display:block;
  473. overflow:hidden;
  474. }
  475.  
  476. .tumblr_video_container {
  477. width:auto!important;
  478. height:auto!important;
  479. {block:permalinkpage}
  480. width:{select:permalinkpage post size}px;
  481. height:{select:permalinkpage post size}px;
  482. {/block:permalinkpage}
  483. }
  484.  
  485. iframe.vine-embed {
  486. {block:indexpage}
  487. width:{select:post size}px!important;
  488. height:{select:post size}px!important;
  489. {/block:indexpage}
  490. display:block;
  491. {block:permalinkpage}
  492. width:{select:permalinkpage post size}px;
  493. height:{select:permalinkpage post size}px;
  494. {/block:permalinkpage}
  495.  
  496. }
  497.  
  498.  
  499. /* Sidebar */
  500.  
  501.  
  502. #side {
  503. background:transparent;
  504. height:100%;
  505. margin-left:-10px;
  506. position:fixed;
  507. }
  508.  
  509.  
  510. #sid {
  511. padding:{text:padding}px;
  512. background:{color:sidebar};
  513. position:fixed;
  514. font-family:{select:accents font}, sans-serif;
  515. font-size:{select:sub accents font size}px;
  516. margin-top:{text:sidebar top}px;
  517. width:{text:sidebar width}px;
  518. margin-left:{text:sidebar left}px;
  519. {block:ifroundedborders}
  520. -moz-border-radius:5px!important;
  521. -webkit-border-radius:5px!important;
  522. border-radius:5px!important;
  523. {/block:ifroundedborders}
  524. {block:ifborders}
  525. border:1px solid {color:borders};
  526. {/block:ifborders}
  527. }
  528.  
  529. #sid a {
  530. border-bottom:none;
  531. }
  532.  
  533.  
  534. #sid img {
  535. width:100%;
  536. height:100%;
  537. margin-bottom:-3px;
  538. {block:ifroundedborders}
  539. -moz-border-top-left-radius:5px!important;
  540. -webkit-border-top-left-radius:5px!important;
  541. -moz-border-top-right-radius:5px!important;
  542. -webkit-border-top-right-radius:5px!important;
  543. border-top-left-radius:5px!important;
  544. border-top-right-radius:5px!important;
  545. {/block:ifroundedborders}
  546. }
  547.  
  548. .aa {
  549. display:none;
  550. position:relative;
  551. {block:ifstaticaccents}
  552. display:block;
  553. {/block:ifstaticaccents}
  554. }
  555.  
  556.  
  557.  
  558. #bx {
  559. font: {select:title font size}px {select:accents font}, sans-serif;
  560. font-weight:700;
  561. text-transform:uppercase;
  562. text-align:left;
  563. {block:ifstaticaccents}
  564. text-align:center;
  565. {/block:ifstaticaccents}
  566. overflow: hidden;
  567. background:{color:title background};
  568. color:{color:title};padding:5px;
  569. padding-bottom:5px;
  570. padding-left:7px;
  571. padding-right:7px;
  572. transition: all 0.6s ease-out;
  573. -o-transition: all 0.6s ease-out;
  574. -webkit-transition: all 0.6s ease-out;
  575. -moz-transition: all 0.6s ease-out;
  576. {block:ifroundedborders}
  577. -moz-border-bottom-left-radius:5px!important;
  578. -webkit-border-bottom-left-radius:5px!important;
  579. -moz-border-bottom-right-radius:5px!important;
  580. -webkit-border-bottom-right-radius:5px!important;
  581. border-bottom-left-radius:5px!important;
  582. border-bottom-right-radius:5px!important;
  583. {/block:ifroundedborders}
  584. {block:ifstaticaccents}
  585. -moz-border-bottom-left-radius:0px!important;
  586. -webkit-border-bottom-left-radius:0px!important;
  587. -moz-border-bottom-right-radius:0px!important;
  588. -webkit-border-bottom-right-radius:0px!important;
  589. border-bottom-left-radius:0px!important;
  590. border-bottom-right-radius:0px!important;
  591. {/block:ifstaticaccents}
  592. }
  593.  
  594. #bx:hover {
  595. background:{color:title background hover};
  596. color:{color:title hover};
  597. padding-left:7px;
  598. padding-right:7px;
  599. transition: all 0.6s ease-out;
  600. -o-transition: all 0.6s ease-out;
  601. -webkit-transition: all 0.6s ease-out;
  602. -moz-transition: all 0.6s ease-out;
  603. cursor:{select:cursor hover};
  604. transition: all 0.8s ease-in;
  605. -o-transition: all 0.8s ease-in;
  606. -webkit-transition: all 0.8s ease-in;
  607. -moz-transition: all 0.8s ease-in;
  608. {block:ifroundedborders}
  609. -moz-border-bottom-left-radius:0px!important;
  610. -webkit-border-bottom-left-radius:0px!important;
  611. -moz-border-bottom-right-radius:0px!important;
  612. -webkit-border-bottom-right-radius:0px!important;
  613. border-bottom-left-radius:0px!important;
  614. border-bottom-right-radius:0px!important;
  615. {/block:ifroundedborders}
  616. }
  617.  
  618. .ee:hover #bx {
  619. background:{color:title background hover};color:{color:title hover};
  620. padding-left:7px;
  621. padding-right:7px;
  622. transition: all 0.6s ease-out;
  623. -o-transition: all 0.6s ease-out;
  624. -webkit-transition: all 0.6s ease-out;
  625. -moz-transition: all 0.6s ease-out;
  626. cursor:{select:cursor hover};
  627. }
  628.  
  629.  
  630. /* Permalink */
  631.  
  632. #pm {
  633. font: {select:permalink font size}px {select:accents font}, sans-serif;
  634. font-weight:bold;
  635. text-transform:uppercase;
  636. background-color:transparent;
  637. text-align:left;
  638. overflow: hidden;
  639. background:{color:perma background};
  640. color:{color:permalink};
  641. padding:5px;
  642. padding-left:7px;
  643. border-top:1px solid {color:borders};
  644. padding-right:7px;
  645. margin-top:0px;
  646. padding-bottom:7px;
  647. transition: all 0.6s ease-out;
  648. -o-transition: all 0.6s ease-out;
  649. -webkit-transition: all 0.6s ease-out;
  650. -moz-transition: all 0.6s ease-out;
  651. {block:ifroundedborders}
  652. -moz-border-bottom-left-radius:5px!important;
  653. -webkit-border-bottom-left-radius:5px!important;
  654. -moz-border-bottom-right-radius:5px!important;
  655. -webkit-border-bottom-right-radius:5px!important;
  656. border-bottom-left-radius:5px!important;
  657. border-bottom-right-radius:5px!important;
  658. {/block:ifroundedborders}
  659. {block:ifstaticaccents}
  660. -moz-border-bottom-left-radius:0px!important;
  661. -webkit-border-bottom-left-radius:0px!important;
  662. -moz-border-bottom-right-radius:0px!important;
  663. -webkit-border-bottom-right-radius:0px!important;
  664. border-bottom-left-radius:0px!important;
  665. border-bottom-right-radius:0px!important;
  666. {/block:ifstaticaccents}
  667. {block:permalinkpage}
  668. background:{color:perma background hover};
  669. color:{color:permalink hover};
  670. margin-right:3px;
  671. {/block:permalinkpage}
  672. }
  673.  
  674. #pm a {
  675. border-bottom:none;
  676. color:{color:permalink};
  677. }
  678.  
  679. #pm:hover a {
  680. color:{color:permalink hover};
  681. }
  682.  
  683. #pm:hover {
  684. background:{color:perma background hover};
  685. color:{color:permalink hover};
  686. border-top:1px solid {color:borders};
  687. padding-left:7px;
  688. padding-right:7px;
  689. transition: all 0.6s ease-out;
  690. -o-transition: all 0.6s ease-out;
  691. -webkit-transition: all 0.6s ease-out;
  692. -moz-transition: all 0.6s ease-out;
  693. cursor:{select:cursor hover};
  694. {block:ifroundedborders}
  695. -moz-border-bottom-left-radius:0px!important;
  696. -webkit-border-bottom-left-radius:0px!important;
  697. -moz-border-bottom-right-radius:0px!important;
  698. -webkit-border-bottom-right-radius:0px!important;
  699. border-bottom-left-radius:0px!important;
  700. border-bottom-right-radius:0px!important;
  701. {/block:ifroundedborders}
  702. }
  703.  
  704. .ss:hover #pm {
  705. background:{color:perma background hover};
  706. color:{color:permalink hover};
  707. border-top:1px solid {color:borders};
  708. padding-left:7px;
  709. padding-right:7px;
  710. transition: all 0.6s ease-out;
  711. -o-transition: all 0.6s ease-out;
  712. -webkit-transition: all 0.6s ease-out;
  713. -moz-transition: all 0.6s ease-out;
  714. cursor:{select:cursor hover};
  715. }
  716.  
  717. .xx {
  718. display:none;
  719. position:relative;
  720. font-family:{select:accents font}, sans-serif;
  721. font-size:{select:sub accents font size}px;
  722. background:transparent;
  723. color:{color:sub permalink};
  724. margin-top:2px;
  725. margin-bottom:0px;
  726. text-transform:{select:sub accents transform};
  727. {block:ifstaticaccents}
  728. display:block;
  729. {/block:ifstaticaccents}
  730. {block:permalinkpage}
  731. display:block;
  732. {/block:permalinkpage}
  733. }
  734.  
  735. .xx a {
  736. color:{color:tags};
  737. }
  738.  
  739. .xx a:hover {
  740. color:{color:links hover};
  741. }
  742.  
  743.  
  744. #inf {
  745. padding:1px;
  746. margin-bottom:0px;
  747. text-transform:{select:sub accents transform};
  748. text-align:center;
  749. font-family:{select:accents font}, sans-serif;
  750. font-weight:bold;
  751. border-bottom:1px solid {color:sidebar};
  752. font-size:{select:sub accents font size}px;
  753. color:{color:sub titles};
  754. background-color:{color:sub titles background};
  755. {block:ifstaticdescription}
  756. display:none;
  757. {/block:ifstaticdescription}
  758. }
  759.  
  760. #inf:hover {
  761. background-color:{color:sub titles background hover};
  762. color:{color:sub titles hover};
  763. font-weight:bold;
  764. border-bottom:1px solid {color:sidebar};
  765. transition:0.4s;
  766. -o-transition-transition:0.4s;
  767. -webkit-transition-duration:0.4s;
  768. -moz-transition-duration:0.4s;
  769. cursor:{select:cursor hover};
  770. }
  771.  
  772. .des {
  773. text-align:center;
  774. font-size:{select:sub accents font size}px;
  775. color:{color:description};
  776. font-family:{select:accents font}, sans-serif;
  777. text-transform:{select:sub accents transform};
  778. background:{color:sidebar};
  779. margin-top:5px; margin-bottom:5px;display:none;
  780. {block:ifstaticdescription}
  781. display:block;
  782. {/block:ifstaticdescription}
  783.  
  784. }
  785.  
  786. #men {
  787. padding:1px;
  788. margin-bottom:0px;
  789. border-bottom:1px solid {color:sidebar};
  790. text-transform:{select:sub accents transform};
  791. font-family:{select:accents font}, sans-serif;
  792. text-align:center;
  793. font-weight:bold;
  794. font-size:{select:sub accents font size}px;
  795. color:{color:sub titles};
  796. background-color:{color:sub titles background};
  797. {block:ifroundedborders}
  798. -moz-border-bottom-left-radius:5px!important;
  799. -webkit-border-bottom-left-radius:5px!important;
  800. -moz-border-bottom-right-radius:5px!important;
  801. -webkit-border-bottom-right-radius:5px!important;
  802. border-bottom-left-radius:5px!important;
  803. border-bottom-right-radius:5px!important;
  804. {/block:ifroundedborders}
  805. {block:ifstaticdescription}
  806. display:none;
  807. {/block:ifstaticdescription}
  808. }
  809.  
  810. #men:hover {
  811. background-color:{color:sub titles background hover};
  812. color:{color:sub titles hover};
  813. border-bottom:1px solid {color:sidebar};
  814. font-weight:bold;
  815. transition:0.4s;
  816. -o-transition-transition:0.4s;
  817. -webkit-transition-duration:0.4s;
  818. -moz-transition-duration:0.4s;
  819. cursor:{select:cursor hover};
  820. }
  821.  
  822. .lin {
  823. display:none;
  824. {block:iftwocolumnedsidebarlinks}
  825. width:calc(100% + 4px);
  826. margin-left:-2px;
  827. {/block:iftwocolumnedsidebarlinks}
  828. {block:ifnottwocolumnedsidebarlinks}
  829. width:calc(100% - 2px);
  830. margin-left:0px;
  831. {/block:ifnottwocolumnedsidebarlinks}
  832. text-align:center;
  833. padding-top:5px;
  834. {block:ifstaticdescription}
  835. display:block;
  836. {/block:ifstaticdescription}
  837. }
  838.  
  839. .lin a {
  840. display:inline-block;
  841. {block:iftwocolumnedsidebarlinks}
  842. width:calc({text:sidebar width}px/2 - 3px);
  843. {/block:iftwocolumnedsidebarlinks}
  844. {block:ifnottwocolumnedsidebarlinks}
  845. width:100%;
  846. {/block:ifnottwocolumnedsidebarlinks}
  847. text-align:center;
  848. font-size:{select:sub accents font size}px;
  849. font-family:{select:accents font}, sans-serif;
  850. color:{color:sidebar links};
  851. background:{color:sidebar links background};
  852. margin-top:1px;
  853. margin-bottom:1px;
  854. text-transform:{select:sub accents transform};
  855. padding:1px;
  856. border-bottom:1px solid {color:sidebar links background};
  857. transition:0.4s;
  858. -o-transition-transition:0.4s;
  859. -webkit-transition-duration:0.4s;
  860. -moz-transition-duration:0.4s;
  861. {block:ifnotstaticdescription}
  862. transition:0.4s;
  863. -o-transition-transition:0.4s;
  864. -webkit-transition-duration:0.4s;
  865. -moz-transition-duration:0.4s;
  866. {/block:ifnotstaticdescription}
  867.  
  868. }
  869.  
  870. .lin a:hover {
  871. background:{color:sidebar links background hover};
  872. color:{color:sidebar links hover};
  873. transition:0.4s;
  874. -o-transition-transition:0.4s;
  875. -webkit-transition-duration:0.4s;
  876. -moz-transition-duration:0.4s;
  877. {block:ifnotstaticdescription}
  878. transition:0.4s;
  879. -o-transition-transition:0.4s;
  880. -webkit-transition-duration:0.4s;
  881. -moz-transition-duration:0.4s;
  882. {/block:ifnotstaticdescription}
  883. }
  884.  
  885. /* Audio */
  886.  
  887.  
  888. #art {
  889. position: absolute;
  890. height: 60px;
  891. width: 60px;
  892. background: {color:posts};
  893. padding: 10px;
  894. border:1px solid {color:audio ask and chat};
  895. {block:ifroundedborders}
  896. -moz-border-top-left-radius:5px!important;
  897. -webkit-border-top-left-radius:5px!important;
  898. border-top-left-radius:5px!important;
  899. {/block:ifroundedborders}
  900. }
  901.  
  902.  
  903. #art img {
  904. opacity: 1;
  905. height: 60px;
  906. width: 60px;
  907. -webkit-transition: all 0.6s ease-in-out;
  908. -moz-transition: all 0.6s ease-in-out;
  909. -o-transition: all 0.6s ease-in-out;
  910. {block:ifroundedborders}
  911. -moz-border-radius:5px!important;
  912. -webkit-border-radius:5px!important;
  913. border-radius:5px!important;
  914. {/block:ifroundedborders}
  915. }
  916.  
  917.  
  918. #player {
  919. opacity: 0;
  920. -webkit-transition: all 0.6s ease-in-out;
  921. -moz-transition: all 0.6s ease-in-out;
  922. -o-transition: all 0.6s ease-in-out;
  923. }
  924.  
  925. #info {
  926. margin-left: 81px;
  927. min-height:32px;
  928. text-transform: {select:sub accents transform};
  929. font-family:{select:accents font};
  930. text-align:center;
  931. padding:25px;
  932. padding-left:15px;
  933. padding-right:15px;
  934. letter-spacing: 1px;
  935. line-height:100%;
  936. background:{color:audio ask and chat};
  937. {block:ifroundedborders}
  938. -moz-border-top-right-radius:5px!important;
  939. -webkit-border-top-right-radius:5px!important;
  940. border-top-right-radius:5px!important;
  941. {/block:ifroundedborders}
  942. }
  943.  
  944.  
  945. #info span.song {
  946. display:block;
  947. margin-top:0px;
  948. font-size: {select:sub accents font size}px;
  949. }
  950.  
  951. #info span.artist {
  952. display:block;
  953. margin-top:2px;
  954. font-size: {select:sub accents font size}px;
  955. color:rgba({RGBcolor:text}, .65);
  956. }
  957.  
  958.  
  959. .post:hover #player {
  960. opacity: 0.8;
  961. }
  962.  
  963.  
  964. /* Ask */
  965.  
  966. .q {
  967. padding:10px;
  968. background:{color:audio ask and chat};
  969. margin-left:71px;
  970. min-height:52px;
  971. text-align:left;
  972. margin-bottom:5px;
  973. {block:ifroundedborders}
  974. -moz-border-top-right-radius:5px!important;
  975. -webkit-border-top-right-radius:5px!important;
  976. border-top-right-radius:5px!important;
  977. {/block:ifroundedborders}
  978. }
  979. .q span {
  980. display:block;
  981. font-size:{select:sub accents font size}px;
  982. text-align:left;
  983. font-family:{select:accents font};
  984. font-weight:700;
  985. text-transform:{select:sub accents transform};
  986. letter-spacing:1px;
  987. color:{color:sub permalink};
  988. }
  989.  
  990. .q span a {
  991. color:{color:links};
  992. }
  993.  
  994. .q span a:hover {
  995. color:{color:links hover};
  996. }
  997.  
  998. .q img {
  999. display:block;
  1000. padding:10px;
  1001. background:{color:posts};
  1002. border:1px solid {color:audio ask and chat};
  1003. width:50px;
  1004. margin: -10px 0px 0px 0px;
  1005. position:absolute;
  1006. margin-left:-81px;
  1007. {block:ifroundedborders}
  1008. -moz-border-top-left-radius:5px!important;
  1009. -webkit-border-top-left-radius:5px!important;
  1010. border-top-left-radius:5px!important;
  1011. -moz-border-bottom-left-radius:0px!important;
  1012. -webkit-border-bottom-left-radius:0px!important;
  1013. border-bottom-left-radius:0px!important;
  1014. -moz-border-top-right-radius:0px!important;
  1015. -webkit-border-top-right-radius:0px!important;
  1016. border-top-right-radius:0px!important;
  1017. {/block:ifroundedborders}
  1018. }
  1019.  
  1020. /* Post Title */
  1021.  
  1022. .title {
  1023. padding-bottom:10px;padding-top:10px;font-size:{select:permalink font size}px;font-family:{select:accents font};letter-spacing:0px;font-weight:bold;text-transform: uppercase;word-spacing:2px;margin-bottom:10px;line-height:100%;text-align:center;color:{color:links};
  1024. }
  1025.  
  1026. /* Chat */
  1027.  
  1028. .lines .line {
  1029. background: {color:audio ask and chat};
  1030. border:1px solid {color:audio ask and chat};
  1031. padding: 4px;
  1032. margin-bottom: 0px;
  1033. }
  1034.  
  1035.  
  1036. .lines .line.even {
  1037. background: {color:posts};
  1038. border:1px solid {color:audio ask and chat};
  1039. }
  1040.  
  1041.  
  1042. /* Tumblr Controls */
  1043.  
  1044.  
  1045.  
  1046. /* Tooltip */
  1047.  
  1048. #s-m-t-tooltip {
  1049. z-index: 9999;
  1050. background: transparent;
  1051. line-height:150%;
  1052. font-size:7px;
  1053. font-style: normal;
  1054. letter-spacing: 0px;
  1055. font-family:{select:accents font};
  1056. font-weight:bold;
  1057. text-transform: uppercase;
  1058. border-bottom: 1px solid {color:borders};
  1059. max-width: 300px;
  1060. text-align: justify;
  1061. padding: 7px 2px 5px 2px;
  1062. display: block;
  1063. margin:24px 14px 7px 12px;
  1064. }
  1065.  
  1066.  
  1067. /* Lightbox */
  1068.  
  1069. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.0!important;}
  1070.  
  1071. #tumblr_lightbox { background:rgba({RGBcolor:background}, .85)!important; }
  1072.  
  1073. #vignette , #tumblr_lightbox_caption { opacity:0!important;
  1074. color:{color:text}!important;
  1075. font-family:inherit!important;
  1076. font-size:10px!important;
  1077. font-weight:normal!important;
  1078. text-shadow:none!important;}
  1079.  
  1080.  
  1081. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  1082. padding:0px!important;
  1083. opacity:1!important;
  1084. border-radius:0px!important;
  1085. -webkit-border-radius:0px!important;
  1086. -moz-border-radius:0px!important;
  1087. box-shadow:none!important;
  1088. -webkit-box-shadow:none!important;
  1089. -moz-box-shadow:none!important;
  1090. }
  1091.  
  1092.  
  1093. /* Notes */
  1094.  
  1095. ol.notes {
  1096. color:{color:text};
  1097. padding: 0px;
  1098. margin:30px 5px;
  1099. list-style-type:none;
  1100. font-size:{select:sub accents font size}px;
  1101. font-family:{select:accents font};
  1102. font-style: normal;
  1103. letter-spacing: 0px;
  1104. text-transform: {select:sub accents transform};
  1105. width:{select:permalinkpage post size}px;
  1106. }
  1107.  
  1108. ol.notes a {
  1109. color:{color:links};
  1110. text-decoration:none;
  1111. }
  1112. ol.notes a:hover {
  1113. color:{color:links hover};
  1114. text-decoration:none;
  1115. }
  1116.  
  1117. li.note {
  1118. list-style-type:none;
  1119. margin-left:0px;
  1120. padding:3px;
  1121. }
  1122.  
  1123. ul li.note:before {
  1124. content:none;
  1125. }
  1126.  
  1127. img.avatar {
  1128. vertical-align:-4px;
  1129. margin-right:10px;
  1130. width:14px;
  1131. height:14px;
  1132. display:none;
  1133. }
  1134.  
  1135.  
  1136. /* Pages */
  1137.  
  1138. {block:iffixedpagination}
  1139. #page {
  1140.  
  1141. }
  1142.  
  1143.  
  1144. .nextpage {
  1145. padding:4px 0px 3px 0px;
  1146. text-transform:uppercase;
  1147. font: {select:title font size}px {select:accents font};
  1148. letter-spacing:0px;
  1149. font-weight:bold;
  1150. display:inline-block;
  1151. position:fixed;
  1152. bottom:20px;
  1153. right:20px;
  1154. color:{color:text};
  1155. }
  1156.  
  1157. .nextpage a {
  1158. color:{color:pages};
  1159. }
  1160.  
  1161. .nextpage a:hover {
  1162. color:{color:links hover};
  1163. }
  1164.  
  1165. .prevpage {
  1166. padding:4px 0px 3px 0px;
  1167. text-transform:uppercase;
  1168. font: {select:title font size}px {select:accents font};
  1169. letter-spacing:0px;
  1170. display:inline-block;
  1171. font-weight:bold;
  1172. position:fixed;
  1173. bottom:20px;
  1174. left:20px;
  1175. color:{color:text};
  1176. }
  1177.  
  1178. .prevpage a {
  1179. color:{color:pages};
  1180. }
  1181.  
  1182. .prevpage a:hover {
  1183. color:{color:links hover};
  1184. }
  1185. {/block:iffixedpagination}
  1186.  
  1187. {block:ifnotfixedpagination}
  1188. #page {
  1189.  
  1190. }
  1191.  
  1192. .nextpage {
  1193. padding:4px 0px 3px 0px;
  1194. text-transform:uppercase;
  1195. font: {select:title font size}px {select:accents font};
  1196. letter-spacing:0px;
  1197. font-weight:bold;
  1198. display:inline-block;
  1199. margin-bottom:{text:posts margin}px;
  1200. margin-right:10px;
  1201. float:right;
  1202. color:{color:text};
  1203. {block:iffixedpagination}
  1204. display:none;
  1205. {/block:iffixedpagination}
  1206. }
  1207.  
  1208. .nextpage a {
  1209. color:{color:pages};
  1210. }
  1211.  
  1212. .nextpage a:hover {
  1213. color:{color:links hover};
  1214. }
  1215.  
  1216. .prevpage {
  1217. padding:4px 0px 3px 0px;
  1218. text-transform:uppercase;
  1219. font: {select:title font size}px {select:accents font};
  1220. letter-spacing:0px;
  1221. display:inline-block;
  1222. font-weight:bold;
  1223. margin-bottom:{text:posts margin}px;
  1224. margin-left:10px;
  1225. color:{color:text};
  1226. {block:iffixedpagination}
  1227. display:none;
  1228. {/block:iffixedpagination}
  1229. }
  1230.  
  1231. .prevpage a {
  1232. color:{color:pages};
  1233. }
  1234.  
  1235. .prevpage a:hover {
  1236. color:{color:links hover};
  1237. }
  1238. {/block:ifnotfixedpagination}
  1239.  
  1240.  
  1241. /* Credit */
  1242.  
  1243. .cr {
  1244. top:0px;
  1245. left:0px;
  1246. font-weight:bold;
  1247. font-size:10px;
  1248. position:fixed;
  1249. padding:6px 8px;
  1250. font-family:{select:accents font};
  1251.  
  1252. }
  1253.  
  1254. .cr a {
  1255. color:rgba({RGBcolor:text}, .65);
  1256. }
  1257.  
  1258. .cr a:hover {
  1259. color:rgba({RGBcolor:text}, .35);
  1260. }
  1261.  
  1262.  
  1263.  
  1264. </style>
  1265.  
  1266. <script type="text/javascript" src="https://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  1267. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  1268.  
  1269.  
  1270. <script>
  1271. $(document).ready(function() {
  1272. {block:ifnotstaticaccents}
  1273. {block:indexpage}
  1274. $('.ss').each(function() {
  1275. $(this).{select:show hide accents}(function() {
  1276. var $this = $(this);
  1277. $this.closest('.post').find('.xx').slideToggle('slow');
  1278. $this.showClass('sm');
  1279. if ($this.hideClass('sm')) {
  1280. } else {
  1281. }
  1282. });
  1283. });
  1284. {/block:indexpage}
  1285. $('.ee').each(function() {
  1286. $(this).{select:show hide accents}(function() {
  1287. var $this = $(this);
  1288. $this.find('.aa').slideToggle('slow');
  1289. $this.showClass('sm');
  1290. if ($this.hideClass('sm')) {
  1291. } else {
  1292. }
  1293. });
  1294. });
  1295. {/block:ifnotstaticaccents}
  1296. {block:ifnotstaticdescription}
  1297. $(".des").hide();
  1298. $("#inf").click(function(){
  1299. $(this).next(".des").slideToggle('fast');
  1300. });
  1301. $(".lin").hide();
  1302. $("#men").click(function(){
  1303. $(this).next(".lin").slideToggle('fast');
  1304. });
  1305. {/block:ifnotstaticdescription}
  1306. $('#vid iframe').each(function(){
  1307. var scale = $(this).parents('#vid').width() / 500;
  1308. $(this).attr({
  1309. width: Math.floor($(this).attr('width') * scale),
  1310. height: Math.floor($(this).attr('height') * scale)
  1311. });
  1312. });
  1313. });
  1314. </script>
  1315.  
  1316. </head>
  1317.  
  1318.  
  1319. <body>
  1320.  
  1321.  
  1322. <div id="sid">{block:ifsidebarimage}<a href="/"><img src="{image:sidebar}"></a>{/block:ifsidebarimage}
  1323. {block:ifstaticdescription}
  1324. <div class="des">{description}</div>
  1325. {/block:ifstaticdescription}
  1326. <div class="ee sm">
  1327. <div id="bx">
  1328. {text:sidebar title} {block:ifnotstaticaccents}<span style="float:right; text-align:right;"><i class="{select:title icon}"></i></span>{/block:ifnotstaticaccents}</div>
  1329. <div class="aa">
  1330. <div id="inf">{text:description title}</div>
  1331. {block:ifnotstaticdescription}
  1332. <div class="des">{description}</div>
  1333. {/block:ifnotstaticdescription}
  1334.  
  1335. <div id="men">{text:links title}</div>
  1336. <div class="lin">
  1337.  
  1338. {block:iflink1}<a href="{text:link1 url}">{text:link1}</a>{/block:iflink1}
  1339. {block:iflink2} <a href="{text:link2 url}">{text:link2}</a>{/block:iflink2}
  1340. {block:iflink3} <a href="{text:link3 url}">{text:link3}</a>{/block:iflink3}
  1341. {block:iflink4}<a href="{text:link4 url}">{text:link4}</a>{/block:iflink4}
  1342. {block:iflink5} <a href="{text:link5 url}">{text:link5}</a>{/block:iflink5}
  1343. {block:iflink6} <a href="{text:link6 url}">{text:link6}</a>{/block:iflink6}
  1344. {block:iflink7} <a href="{text:link7 url}">{text:link7}</a>{/block:iflink7}
  1345. {block:iflink8} <a href="{text:link8 url}">{text:link8}</a>{/block:iflink8}
  1346.  
  1347. </div>
  1348. </div>
  1349. </div></div>
  1350.  
  1351. {block:iffixedpagination}
  1352. {block:Pagination}
  1353. <div id="page">
  1354. {block:PreviousPage}<div class="prevpage"><a href="{PreviousPage}">{block:ifpaginationicon}<i class="fa fa-arrow-left"></i>{/block:ifpaginationicon}{block:ifnotpaginationicon}back{/block:ifnotpaginationicon}</a></div>{/block:PreviousPage}
  1355.  
  1356. {block:NextPage}<div class="nextpage"><a href="{NextPage}">{block:ifpaginationicon}<i class="fa fa-arrow-right"></i>{/block:ifpaginationicon}{block:ifnotpaginationicon}next{/block:ifnotpaginationicon}</a>
  1357. </a></div>{/block:NextPage}
  1358. </div>
  1359. {/block:Pagination}
  1360. {/block:iffixedpagination}
  1361.  
  1362. <!-- just don't fucking touch this don't even look at it -->
  1363.  
  1364. <div class="cr"><a href="https://kimtys.tumblr.com" title="theme by kimtys"><i class="fa fa-code"></i></a></div>
  1365.  
  1366. <div id="posts">
  1367.  
  1368. {block:Posts}
  1369.  
  1370. <div class="post">
  1371.  
  1372.  
  1373.  
  1374. {block:Text}
  1375. {block:Title}
  1376. <div class="title">
  1377. {Title}
  1378. </div>
  1379. {/block:Title}
  1380. {Body}
  1381. {block:More}
  1382. <a href="{Permalink}">keep reading</a>
  1383. {/block:More}
  1384. {block:Caption}
  1385. <div id="captions">{Caption}</div>
  1386. {/block:Caption}
  1387.  
  1388. {block:ContentSource}
  1389. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1390. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1391. {/block:SourceLogo}
  1392. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1393. {/block:ContentSource}
  1394. {/block:Text}
  1395.  
  1396.  
  1397.  
  1398.  
  1399. {block:Photo}
  1400.  
  1401. {LinkOpenTag}
  1402. <img style="width:100%" src="{PhotoURL-HighRes}" />
  1403. {LinkCloseTag}
  1404.  
  1405. {block:Caption}
  1406. <div id="captions">{Caption}</div>
  1407. {/block:Caption}
  1408.  
  1409. {block:ContentSource}
  1410. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1411. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1412. {/block:SourceLogo}
  1413. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1414. {/block:ContentSource}
  1415. {/block:Photo}
  1416.  
  1417. {block:Photoset}
  1418.  
  1419. <div style="width:100%;">{Photoset}</div>
  1420.  
  1421. {block:Caption}
  1422. {block:indexpage}
  1423. <div id="captions">{Caption}</div>
  1424. {/block:indexpage}
  1425. {block:permalinkpage}
  1426. <div id="captions" style="margin-right:3px">{Caption}</div>
  1427. {/block:permalinkpage}
  1428. {/block:Caption}
  1429.  
  1430. {block:ContentSource}
  1431. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1432. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1433. {/block:SourceLogo}
  1434. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1435. {/block:ContentSource}
  1436. {/block:Photoset}
  1437.  
  1438.  
  1439.  
  1440.  
  1441. {block:Quote}
  1442. <div style="color:{color:links};font-size:18px;line-height:40px;float:left;font-family:arial;font-weight:bold;"><i class="fa fa-quote-left"></i>
  1443. </div>
  1444. <div style="font-size: {select:permalink font size}px; text-transform:uppercase;line-height: 150%; font-weight:bold;text-align:right;letter-spacing:0px;font-family:{select:accents font}; margin-left:35px;border-left:1px solid {color:borders};margin-right:0px; padding:10px;padding-left:10px;color:{color:text};">{Quote}</div>
  1445. {block:Source}
  1446. <div style="text-align:left;margin-top:10px;">{Source}</div>
  1447. <div style="margin-bottom:4px"></div>
  1448. {/block:Source}
  1449.  
  1450. {block:ContentSource}
  1451. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1452. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1453. {/block:SourceLogo}
  1454. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1455. {/block:ContentSource}
  1456. {/block:Quote}
  1457.  
  1458.  
  1459.  
  1460.  
  1461. {block:Link}
  1462. <div class="title"><a href="{URL}" {Target}>{Name}</a></div>
  1463. {block:Description}
  1464. {Description}
  1465. {/block:Description}
  1466.  
  1467. {block:ContentSource}
  1468. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1469. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1470. {/block:SourceLogo}
  1471. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1472. {/block:ContentSource}
  1473. {/block:Link}
  1474.  
  1475.  
  1476.  
  1477.  
  1478. {block:Chat}
  1479. {block:Title}
  1480. <div class="title">
  1481. {Title}
  1482. </div>
  1483. {/block:Title}
  1484. <div class="lines">
  1485. {block:Lines}
  1486. <div class="line {Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}</div>
  1487. {/block:Lines}
  1488. </div>
  1489. <div style="margin-bottom:4px"></div>
  1490.  
  1491. {block:ContentSource}
  1492. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1493. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1494. {/block:SourceLogo}
  1495. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1496. {/block:ContentSource}
  1497. {/block:Chat}
  1498.  
  1499.  
  1500.  
  1501.  
  1502. {block:Audio}
  1503. <div id="art">
  1504. {block:AlbumArt}<img src="{AlbumArtURL}">
  1505. {/block:AlbumArt}
  1506. </div>
  1507. <div id="player"><div style="position: absolute; margin: 11px 0px 0px 11px; padding: 16px 17px 17px 16px; background: #FFF;{block:ifroundedborders}-moz-border-radius:5px!important;-webkit-border-radius:5px!important;border-radius:5px!important;{/block:ifroundedborders}">
  1508. <div style="width: 27px; height: 27px; overflow: hidden;">
  1509. {AudioPlayerWhite}
  1510. </div></div></div>
  1511. <div id="info">
  1512. <span class="song"><b><span{block:TrackName} style="display:none;"{/block:TrackName}> Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}
  1513. </span></b>
  1514. <span class="artist"><i><span{block:Artist} style="display:none;"{/block:Artist}> Unknown</span>{block:Artist}{Artist}{/block:Artist}</span></i>
  1515. </div><div style="margin-bottom:4px"></div>
  1516. {block:Caption}
  1517. <div id="captions">{Caption}</div>
  1518. {/block:Caption}
  1519.  
  1520. {block:ContentSource}
  1521. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1522. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1523. {/block:SourceLogo}
  1524. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1525. {/block:ContentSource}
  1526. {/block:Audio}
  1527.  
  1528.  
  1529.  
  1530.  
  1531. {block:Video}
  1532. <div id="vid">{Video-500}</div>
  1533. {block:Caption}
  1534. <div id="captions">{Caption}</div>
  1535. {/block:Caption}
  1536.  
  1537. {block:ContentSource}
  1538. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1539. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1540. {/block:SourceLogo}
  1541. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1542. {/block:ContentSource}
  1543. {/block:Video}
  1544.  
  1545.  
  1546.  
  1547.  
  1548. {block:Answer}
  1549. <div class="q"><img src="{AskerPortraitURL-64}"><span><i class="fa fa-angle-right"></i>&emsp;{Asker} sent:</span> {Question}</div>{Answer}
  1550. {block:More}
  1551. <a href="{Permalink}">keep reading</a>
  1552. {/block:More}
  1553.  
  1554. {block:ContentSource}
  1555. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1556. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1557. {/block:SourceLogo}
  1558. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1559. {/block:ContentSource}
  1560. {/block:Answer}
  1561.  
  1562. {block:ContentSource}
  1563. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1564. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1565. {/block:SourceLogo}
  1566. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1567. {/block:ContentSource}
  1568.  
  1569. {block:indexpage}<div class="ss sm"><div id="pm">{block:Date}{block:ifstaticaccents}<a href="{Permalink}">{/block:ifstaticaccents}{block:ifpermatime}{12HourWithZero}:{Minutes} {AmPm}{/block:ifpermatime}{block:ifpermadate}{ShortMonth} {DayOfMonth}{/block:ifpermadate} <span style="float:right; text-align:right;"><i class="{select:permalink icon}"></i></span></a>{/block:Date}</div><div class="xx">{block:NoteCount}{block:ifsubpermalinkicons}<i class="fa fa-heart"></i>&emsp;{/block:ifsubpermalinkicons}<a href="{Permalink}" style="color:{color:sub permalink}">{NoteCountWithLabel}</a> &emsp;{/block:NoteCount} <span style="float:right; text-align:right;margin-left:10px;">{block:ifsubpermalinkicons}<i class="fa fa-share"></i>{/block:ifsubpermalinkicons}
  1570. &emsp;<a href="{ReblogURL}" style="color:{color:sub permalink}">reblog</span></a>
  1571. {block:iftags}
  1572. {block:HasTags}
  1573. {block:ifsubpermalinkicons}<i class="fa fa-tags"></i>&emsp;{/block:ifsubpermalinkicons}{block:Tags}<a href="{TagURL}">{Tag}</a>&emsp;{/block:Tags}
  1574. {/block:HasTags}{/block:iftags}</div></div>{/block:indexpage}
  1575.  
  1576.  
  1577. {block:permalinkpage}{block:Date}<div class="ss sm"><div id="pm">{block:ifpermatime}{12HourWithZero}:{Minutes} {AmPm}{/block:ifpermatime} {block:ifpermadate}{ShortMonth} {DayOfMonth}{/block:ifpermadate} <span style="float:right; text-align:right;">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</span></div>{/block:Date}<div class="xx">{block:RebloggedFrom}<i class="fa fa-share"></i>&emsp;from <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>&emsp; <i class="fa fa-user"></i>&emsp;by <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>&emsp; {/block:RebloggedFrom}
  1578. {block:HasTags}
  1579. <i class="fa fa-tags"></i>&emsp;{block:Tags}<a href="{TagURL}">{Tag}</a>&emsp;{/block:Tags}
  1580. {/block:HasTags}</div></div>
  1581.  
  1582.  
  1583. {block:PostNotes}{PostNotes}{/block:PostNotes}
  1584. {/block:permalinkpage}
  1585.  
  1586.  
  1587. </div>
  1588.  
  1589.  
  1590. {/block:Posts}
  1591.  
  1592. {block:Pagination}
  1593. <div id="page">
  1594. {block:PreviousPage}<div class="prevpage"><a href="{PreviousPage}">{block:ifpaginationicon}<i class="fa fa-arrow-left"></i>{/block:ifpaginationicon}{block:ifnotpaginationicon}back{/block:ifnotpaginationicon}</a></div>{/block:PreviousPage}
  1595.  
  1596. {block:NextPage}<div class="nextpage"><a href="{NextPage}">{block:ifpaginationicon}<i class="fa fa-arrow-right"></i>{/block:ifpaginationicon}{block:ifnotpaginationicon}next{/block:ifnotpaginationicon}</a>
  1597. </a></div>{/block:NextPage}
  1598. </div>
  1599. {/block:Pagination}
  1600.  
  1601. </div>
  1602.  
  1603.  
  1604.  
  1605.  
  1606. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!