API tools faq
paste
Advertisement
mardeemoe

[10] the new avatar

mardeemoe
Jul 29th, 2014
2,090
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.48 KB | None | 0 0
raw download clone embed print report
  1. <!--------------------------------------------
  2. THEME 10: THE NEW AVATAR
  3.  
  4. THEME BY CYNESSIE
  5. http://cythemes.tumblr.com // http://cynessie.tumblr.com
  6. ---------------------------------------------
  7. TERMS OF USE:
  8. ● DO NOT REMOVE THE CREDITS
  9. ● DO NOT CLAIM AS YOUR OWN
  10. ● DO NOT REDISTRIBUTE
  11. ● DO NOT USE AS A BASE
  12. ----------------------------------------------->
  13.  
  14. {block:IfinfiniteScroll}<script type="text/javascript"
  15. src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfinfiniteScroll}
  16. <head>
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="" />
  22.  
  23. <!-- S-M-T TOOLTIP CODE START -->
  24. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  25. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  26. <script>
  27. (function($){
  28. $(document).ready(function(){
  29. $("a[title]").style_my_tooltips({
  30. tip_follows_cursor:true,
  31. tip_delay_time:0,
  32. tip_fade_speed:0,
  33. attribute:"title"
  34. });
  35. });
  36. })(jQuery);
  37. </script>
  38. <!-- S-M-T TOOLTIP CODE END -->
  39.  
  40. <meta name="image:background" content="http://static.tumblr.com/057805aba84a257ad0542cc98bb46b10/skpdfau/GLEn9g8gc/tumblr_static_5vqmeiw4orcwsso4ck848wg04.png">
  41. <meta name="image:left sidebar image" content="http://static.tumblr.com/4b387ebe0f859e5b7cd4c02cf268181e/skpdfau/80Gn9er60/tumblr_static_5m2exdo7dnok0kscs4oowgcw4.gif">
  42. <meta name="image:right sidebar image" content="http://static.tumblr.com/0cfc7fdd847c411e225f69e271771f1f/skpdfau/u8Pn9fl37/tumblr_static_e3rckxkrubs4400swgsgow8o0.gif">
  43. <meta name="image:postwrap bg" content="http://static.tumblr.com/b70048d2ff7ae5fd2c5dfc828a0e77bb/skpdfau/YItn9g8kt/tumblr_static_1tz42r0kfrk0wsgs4kowcg8gc.png">
  44.  
  45. <meta name="color:background" content="#f3f3f3">
  46.  
  47. <meta name="color:text" content="#213f52">
  48. <meta name="color:bold" content="#315f7a">
  49. <meta name="color:italic" content="#315f7a">
  50. <meta name="color:link" content="#529ecc">
  51. <meta name="color:link hover" content="#529ecc">
  52.  
  53. <meta name="color:borders" content="#97c5e0">
  54.  
  55. <meta name="color:tooltip text" content="#315f7a">
  56. <meta name="color:tooltip bg" content="#dcecf5">
  57. <meta name="color:tooltip border" content="#97c5e0">
  58.  
  59. <meta name="color:scrollbar bg" content="#97c5e0">
  60. <meta name="color:scrollbar thumb" content="#427ea3">
  61.  
  62. <meta name="color:middle bar bg" content="#bad8eb">
  63. <meta name="color:description bg" content="#dcecf5">
  64. <meta name="color:big header text" content="#142c3c">
  65. <meta name="color:small header text" content="#142c3c">
  66.  
  67. <meta name="color:navibar bg" content="#97c5e0">
  68. <meta name="color:navibar border" content="#dcecf5">
  69. <meta name="color:navibar border hover" content="#97c5e0">
  70. <meta name="color:navi button text" content="#f0f5f8">
  71. <meta name="color:navi button text hover" content="#97c5e0">
  72. <meta name="color:navi button bg hover" content="#dcecf5">
  73.  
  74. <meta name="color:postwrap bg" content="#f3f3f3">
  75. <meta name="color:post bg" content="#dcecf5">
  76. <meta name="color:post title" content="#28526b">
  77. <meta name="color:post title bg" content="#dcecf5">
  78. <meta name="color:post title border" content="#bad8eb">
  79. <meta name="color:post title link" content="#427ea3">
  80. <meta name="color:post title link hover" content="#427ea3">
  81. <meta name="color:post title link bg" content="#dcecf5">
  82. <meta name="color:post title link bg hover" content="#dcecf5">
  83. <meta name="color:post title link border" content="#bad8eb">
  84. <meta name="color:post title link border hover" content="#bad8eb">
  85. <meta name="color:subtitle text" content="#213f52">
  86. <meta name="color:subtitle bg" content="#bad8eb">
  87. <meta name="color:blockquote border" content="#bad8eb">
  88. <meta name="color:pre bg" content="#bad8eb">
  89. <meta name="color:pre text" content="#315f7a">
  90.  
  91. <meta name="color:question bg" content="#bad8eb">
  92. <meta name="color:question text" content="#102029">
  93. <meta name="color:asker text" content="#213f52">
  94. <meta name="color:asker link" content="#427ea3">
  95. <meta name="color:asker link hover" content="#427ea3">
  96.  
  97. <meta name="color:quote" content="#427ea3">
  98. <meta name="color:quote marks" content="#97c5e0">
  99.  
  100. <meta name="color:chat even name" content="#315f7a">
  101. <meta name="color:chat even text" content="#213f52">
  102. <meta name="color:chat even bg" content="#bad8eb">
  103. <meta name="color:chat odd name" content="#315f7a">
  104. <meta name="color:chat odd text" content="#213f52">
  105. <meta name="color:chat odd bg" content="#bad8eb">
  106.  
  107. <meta name="color:audio info bg" content="#bad8eb">
  108. <meta name="color:audio info label" content="#315f7a">
  109. <meta name="color:audio info text" content="#213f52">
  110.  
  111. <meta name="color:post info bg" content="#97c5e0">
  112. <meta name="color:post info border" content="#dcecf5">
  113. <meta name="color:post info border hover" content="#97c5e0">
  114. <meta name="color:post info button text" content="#f0f5f8">
  115. <meta name="color:post info button text hover" content="#97c5e0">
  116. <meta name="color:post info button bg hover" content="#dcecf5">
  117.  
  118. <meta name="color:pagination bg" content="#97c5e0">
  119. <meta name="color:pagination text" content="#f0f5f8">
  120. <meta name="color:pagination text hover" content="#97c5e0">
  121. <meta name="color:pagination button bg hover" content="#dcecf5">
  122. <meta name="color:pagination border" content="#dcecf5">
  123. <meta name="color:pagination border hover" content="#97c5e0">
  124.  
  125. <meta name="if:infinite scroll" content="0">
  126. <meta name="if:large desc" content="1">
  127. <meta name="if:500px posts" content="0">
  128. <meta name="if:monochrome photos" content="0">
  129. <meta name="if:faded photos" content="0">
  130. <meta name="if:black audio player" content="1">
  131. <meta name="if:show captions" content="1">
  132. <meta name="if:music player" content="1">
  133.  
  134. <meta name="text:big header" content="title here">
  135. <meta name="text:small header" content="this is a cool quote or something idk">
  136.  
  137. <meta name="text:link 1 title" content="">
  138. <meta name="text:link 1 url" content="">
  139. <meta name="text:link 1 icon" content="">
  140.  
  141. <meta name="text:link 2 title" content="">
  142. <meta name="text:link 2 url" content="">
  143. <meta name="text:link 2 icon" content="">
  144.  
  145. <meta name="text:link 3 title" content="">
  146. <meta name="text:link 3 url" content="">
  147. <meta name="text:link 3 icon" content="">
  148.  
  149. <meta name="text:link 4 title" content="">
  150. <meta name="text:link 4 url" content="">
  151. <meta name="text:link 4 icon" content="">
  152.  
  153. <meta name="text:link 5 title" content="">
  154. <meta name="text:link 5 url" content="">
  155. <meta name="text:link 5 icon" content="">
  156.  
  157. <meta name="text:link 6 title" content="">
  158. <meta name="text:link 6 url" content="">
  159. <meta name="text:link 6 icon" content="">
  160.  
  161. <meta name="text:link 7 title" content="">
  162. <meta name="text:link 7 url" content="">
  163. <meta name="text:link 7 icon" content="">
  164.  
  165. <meta name="text:link 8 title" content="">
  166. <meta name="text:link 8 url" content="">
  167. <meta name="text:link 8 icon" content="">
  168.  
  169. <meta name="text:link 9 title" content="">
  170. <meta name="text:link 9 url" content="">
  171. <meta name="text:link 9 icon" content="">
  172.  
  173. <meta name="text:link 10 title" content="">
  174. <meta name="text:link 10 url" content="">
  175. <meta name="text:link 10 icon" content="">
  176.  
  177. <link href="//fonts.googleapis.com/css?family=Oswald:300,400,700" rel="stylesheet" type="text/css">
  178. <link href="//fonts.googleapis.com/css?family=Share+Tech Mono:400" rel="stylesheet" type="text/css">
  179.  
  180. <style type="text/css">
  181. /*---BASICS---*/
  182.  
  183. @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);
  184.  
  185. @font-face {
  186. font-family: 'tinytots';
  187. src: url('https://dl.dropboxusercontent.com/s/k85vnokasc9renw/tinytots.ttf?');
  188. }
  189.  
  190. body {
  191. margin: 0;
  192. background: url('{image:background}') {color:background} fixed;
  193. color: {color:text};
  194. font-family: tahoma;
  195. font-size: 10px;
  196. }
  197.  
  198. a {
  199. color: {color:link};
  200. text-decoration: none;
  201. transition: 0.4s;
  202. -moz-transition: 0.4s;
  203. -webkit-transition: 0.4s;
  204. -o-transition: 0.4s;
  205. }
  206.  
  207. a:hover {
  208. color: {color:link hover};
  209. text-decoration:line-through;
  210. transition: 0.4s;
  211. -moz-transition: 0.4s;
  212. -webkit-transition: 0.4s;
  213. -o-transition: 0.4s;
  214. }
  215.  
  216. i, em {
  217. color: {color:italic};
  218. }
  219.  
  220. b, strong {
  221. color: {color:bold};
  222. }
  223.  
  224. pre {
  225. padding: 5px;
  226. background-color: {color:pre bg};
  227. color: {color:pre text};
  228. }
  229.  
  230. blockquote {
  231. margin: 0 0 0 10px;
  232. padding-left: 5px;
  233. border-left: 1px solid {color:blockquote border};
  234. }
  235.  
  236. h1 {
  237. background-color: {color:subtitle bg};
  238. color: {color:subtitle};
  239. font-family: arial;
  240. font-size: 20px;
  241. font-weight: bold;
  242. letter-spacing: -2px;
  243. text-align: center;
  244. text-transform: lowercase;
  245. }
  246.  
  247. h2 {
  248. color: {color:bold};
  249. font-family: arial;
  250. font-size: 17px;
  251. font-weight: bold;
  252. letter-spacing: -1px;
  253. text-align: center;
  254. text-transform: lowercase;
  255. }
  256.  
  257. h3 {
  258. color: {color:bold};
  259. font-family: arial;
  260. font-size: 15px;
  261. font-weight: bold;
  262. letter-spacing: -1px;
  263. text-transform: lowercase;
  264. }
  265.  
  266. ::-webkit-scrollbar {
  267. width: 5px;
  268. height: 5px;
  269. background: {color:scrollbar bg};
  270. }
  271.  
  272. ::-webkit-scrollbar-thumb {
  273. background: {color:scrollbar thumb};
  274.  
  275. }
  276.  
  277. .container {
  278. margin: auto;
  279. {block:if500pxposts}width: 1060px;{/block:if500pxposts}
  280. {block:ifnot500pxposts}width: 960px;{/block:ifnot500pxposts}
  281. }
  282.  
  283. /*---SIDE---*/
  284. .navbar {
  285. position: fixed;
  286. z-index: 30;
  287. {block:if500pxposts}height: 30px;{/block:if500pxposts}
  288. {block:ifnot500pxposts}height: 25px;{/block:ifnot500pxposts}
  289. {block:if500pxposts}width: 520px;{/block:if500pxposts}
  290. {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
  291. margin: 0 0 0 270px;
  292. top: 0;
  293. background: {color:navibar bg};
  294. {block:if500pxposts}line-height: 30px;{/block:if500pxposts}
  295. {block:ifnot500pxposts}line-height: 25px;{/block:ifnot500pxposts}
  296. text-align: center;
  297. border-bottom: 5px solid {color:navibar border};
  298. }
  299.  
  300. .navbar a {
  301. display: inline-block;
  302. {block:if500pxposts}height: 30px;{/block:if500pxposts}
  303. {block:ifnot500pxposts}height: 25px;{/block:ifnot500pxposts}
  304. {block:if500pxposts}width: 30px;{/block:if500pxposts}
  305. {block:ifnot500pxposts}width: 25px;{/block:ifnot500pxposts}
  306. margin: 0px 2px;
  307. {block:if500pxposts}margin: 0px 2px;{/block:if500pxposts}
  308. {block:ifnot500pxposts}margin: 0px 1px;{/block:ifnot500pxposts}
  309. color: {color:navi button text};
  310. {block:if500pxposts}font-size: 20px;{/block:if500pxposts}
  311. {block:ifnot500pxposts}font-size: 15px;{/block:ifnot500pxposts}
  312. {block:if500pxposts}line-height: 30px;{/block:if500pxposts}
  313. {block:ifnot500pxposts}line-height: 25px;{/block:ifnot500pxposts}
  314. text-align: center;
  315. border-bottom: 5px solid {color:navibar border};
  316. }
  317.  
  318. .navbar a:hover {
  319. background: {color:navi button bg hover};
  320. color: {color:navi button text hover};
  321. border-bottom: 5px solid {color:navibar border hover};
  322. }
  323.  
  324.  
  325. .sideleft {
  326. position: fixed;
  327. height: 100%;
  328. width: 250px;
  329. margin: 0px 0 0 0;
  330. background: transparent;
  331. }
  332.  
  333. .fishbarleft {
  334. position: fixed;
  335. height: 100%;
  336. width: 30px;
  337. {block:if500pxposts}margin: 0 0 0 220px;{/block:if500pxposts}
  338. {block:ifnot500pxposts}margin: 0 0 0 220px;{/block:ifnot500pxposts}
  339. background: {color:borders};
  340. }
  341.  
  342. .sidestripleft {
  343. position: fixed;
  344. z-index: 8;
  345. {block:iflargedesc}height: 340px;{/block:iflargedesc}
  346. {block:ifnotlargedesc}height: 240px;{/block:ifnotlargedesc}
  347. width: 250px;
  348. margin: 0 0 40px 0;
  349. bottom: 0;
  350. background: transparent;
  351. transition-delay: 1s;
  352. -webkit-transition-delay: 1s;
  353. }
  354.  
  355. .sidestripleft:hover {
  356. z-index: 10;
  357. {block:if500pxposts}width: 1060px;{/block:if500pxposts}
  358. {block:ifnot500pxposts}width: 960px;{/block:ifnot500pxposts}
  359. transition-delay: 0s;
  360. -webkit-transition-delay: 0s;
  361. }
  362.  
  363.  
  364. .sideimgleft {
  365. z-index: 4;
  366. overflow: hidden;
  367. position: absolute;
  368. {block:iflargedesc}height: 300px;{/block:iflargedesc}
  369. {block:ifnotlargedesc}height: 200px;{/block:ifnotlargedesc}
  370. width: 200px;
  371. margin: 0 0 0 0px;
  372. padding: 20px 0px 20px 20px;
  373. bottom: 0;
  374. background: {color:borders};
  375. }
  376.  
  377. .sideimgleft img {
  378. {block:iflargedesc}height: 300px;{/block:iflargedesc}
  379. {block:ifnotlargedesc}height: 200px;{/block:ifnotlargedesc}
  380. width: 200px;
  381. }
  382.  
  383. .descboxleft1 {
  384. position: absolute;
  385. opacity: .7;
  386. z-index: 11;
  387. {block:iflargedesc}height: 170px;{/block:iflargedesc}
  388. {block:ifnotlargedesc}height: 120px;{/block:ifnotlargedesc}
  389. width: 0px;
  390. {block:iflargedesc}margin: 0 0 170px 250px;{/block:iflargedesc}
  391. {block:ifnotlargedesc}margin: 0 0 120px 250px;{/block:ifnotlargedesc}
  392. bottom: 0;
  393. background: {color:middle bar bg};
  394. transition: 1s;
  395. -moz-transition: 1s;
  396. -webkit-transition: 1s;
  397. -o-transition: 1;
  398. }
  399.  
  400. .sidestripleft:hover .descboxleft1 {
  401. {block:if500pxposts}width: 560px;{/block:if500pxposts}
  402. {block:ifnot500pxposts}width: 460px;{/block:ifnot500pxposts}
  403. }
  404.  
  405. .descboxleft2 {
  406. position: absolute;
  407. opacity: .7;
  408. z-index: 11;
  409. {block:iflargedesc}height: 170px;{/block:iflargedesc}
  410. {block:ifnotlargedesc}height: 120px;{/block:ifnotlargedesc}
  411. width: 0px;
  412. margin: 0 250px 0 0;
  413. right: 0;
  414. bottom: 0;
  415. background: {color:middle bar bg};
  416. transition: 1s;
  417. -moz-transition: 1s;
  418. -webkit-transition: 1s;
  419. -o-transition: 1;
  420. }
  421.  
  422. .sidestripleft:hover .descboxleft2 {
  423. {block:if500pxposts}width: 560px;{/block:if500pxposts}
  424. {block:ifnot500pxposts}width: 460px;{/block:ifnot500pxposts}
  425. }
  426.  
  427.  
  428. .sideright {
  429. position: fixed;
  430. height: 100%;
  431. width: 250px;
  432. {block:if500pxposts}margin: 0px 0 0 810px;{/block:if500pxposts}
  433. {block:ifnot500pxposts}margin: 0px 0 0 710px;{/block:ifnot500pxposts}
  434. background: transpare;
  435. }
  436.  
  437. .fishbarright {
  438. position: fixed;
  439. height: 100%;
  440. width: 30px;
  441. margin: 0 0 0 0;
  442. background: {color:borders};
  443. }
  444.  
  445. .sidestripright {
  446. position: fixed;
  447. z-index: 8;
  448. {block:iflargedesc}height: 340px;{/block:iflargedesc}
  449. {block:ifnotlargedesc}height: 240px;{/block:ifnotlargedesc}
  450. width: 250px;
  451. {block:if500pxposts}margin: 0 0 40px 810px;{/block:if500pxposts}
  452. {block:ifnot500pxposts}margin: 0 0 40px 710px;{/block:ifnot500pxposts}
  453. bottom: 0;
  454. background: transparent;
  455. transition-delay: 1s;
  456. -webkit-transition-delay: 1s;
  457. }
  458.  
  459. .sidestripright:hover {
  460. z-index: 10;
  461. {block:if500pxposts}width: 1060px;{/block:if500pxposts}
  462. {block:ifnot500pxposts}width: 960px;{/block:ifnot500pxposts}
  463. margin: 0 0 40px 0px;
  464. transition-delay: 0s;
  465. -webkit-transition-delay: 0s;
  466. }
  467.  
  468.  
  469. .sideimgright {
  470. z-index: 4;
  471. position: absolute;
  472. {block:iflargedesc}height: 300px;{/block:iflargedesc}
  473. {block:ifnotlargedesc}height: 200px;{/block:ifnotlargedesc}
  474. width: 200px;
  475. margin: 0 0 0 0px;
  476. padding: 20px 20px 20px 0px;
  477. right: 0;
  478. bottom: 0;
  479. background: {color:borders};
  480. }
  481.  
  482. .sideimgright img {
  483. {block:iflargedesc}height: 300px;{/block:iflargedesc}
  484. {block:ifnotlargedesc}height: 200px;{/block:ifnotlargedesc}
  485. width: 200px;
  486. }
  487.  
  488.  
  489. .descboxright1 {
  490. position: absolute;
  491. opacity: .7;
  492. z-index: 10;
  493. {block:iflargedesc}height: 170px;{/block:iflargedesc}
  494. {block:ifnotlargedesc}height: 120px;{/block:ifnotlargedesc}
  495. width: 0px;
  496. {block:iflargedesc}margin: 0 0 170px 250px;{/block:iflargedesc}
  497. {block:ifnotlargedesc}margin: 0 0 120px 250px;{/block:ifnotlargedesc}
  498. bottom: 0;
  499. background: {color:middle bar bg};
  500. transition: 1s;
  501. -moz-transition: 1s;
  502. -webkit-transition: 1s;
  503. -o-transition: 1;
  504. }
  505.  
  506. .sidestripright:hover .descboxright1 {
  507. {block:if500pxposts}width: 560px;{/block:if500pxposts}
  508. {block:ifnot500pxposts}width: 460px;{/block:ifnot500pxposts}
  509. }
  510.  
  511. .descboxright2 {
  512. position: absolute;
  513. opacity: .7;
  514. z-index: 10;
  515. {block:iflargedesc}height: 170px;{/block:iflargedesc}
  516. {block:ifnotlargedesc}height: 120px;{/block:ifnotlargedesc}
  517. width: 0px;
  518. margin: 0 0 0 0;
  519. right: 250px;
  520. bottom: 0;
  521. background: {color:middle bar bg};
  522. transition: 1s;
  523. -moz-transition: 1s;
  524. -webkit-transition: 1s;
  525. -o-transition: 1;
  526. }
  527.  
  528. .sidestripright:hover .descboxright2 {
  529. {block:if500pxposts}width: 560px;{/block:if500pxposts}
  530. {block:ifnot500pxposts}width: 460px;{/block:ifnot500pxposts}
  531. }
  532.  
  533. .dboxh {
  534. position: absolute;
  535. overflow: hidden;
  536. width: 0px;
  537. {block:iflargedesc}height: 340px;{/block:iflargedesc}
  538. {block:ifnotlargedesc}height: 240px;{/block:ifnotlargedesc}
  539. margin: 0 0 0 250px;
  540. transition-delay: 1s;
  541. -webkit-transition-delay: 1s;
  542. }
  543.  
  544. .sidestripleft:hover .dboxh {
  545. {block:if500pxposts}width: 540px;{/block:if500pxposts}
  546. {block:ifnot500pxposts}width: 440px;{/block:ifnot500pxposts}
  547. transition-delay: 0s;
  548. -webkit-transition-delay: 0s;
  549. }
  550.  
  551. .sidestripright:hover .dboxh {
  552. {block:if500pxposts}width: 540px;{/block:if500pxposts}
  553. {block:ifnot500pxposts}width: 440px;{/block:ifnot500pxposts}
  554. transition-delay: 0s;
  555. -webkit-transition-delay: 0s;
  556. }
  557.  
  558. .dboxhold {
  559. position: absolute;
  560. opacity: 0;
  561. z-index: 14;
  562. {block:iflargedesc}height: 300px;{/block:iflargedesc}
  563. {block:ifnotlargedesc}height: 200px;{/block:ifnotlargedesc}
  564. {block:if500pxposts}width: 520px;{/block:if500pxposts}
  565. {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
  566. margin: 5px 0 0 20px;
  567. background: transparent;
  568. transition: 1s;
  569. -moz-transition: 1s;
  570. -webkit-transition: 1s;
  571. -o-transition: 1;
  572. }
  573.  
  574. .sidestripleft:hover .dboxhold {
  575. opacity: 1;
  576. margin: 20px 0 0 20px;
  577. }
  578.  
  579. .sidestripright:hover .dboxhold {
  580. opacity: 1;
  581. margin: 20px 0 0 20px;
  582. }
  583.  
  584. .header1 {
  585. position: absolute;
  586. z-index: 15;
  587. {block:if500pxposts}width: 520px;{/block:if500pxposts}
  588. {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
  589. color: {color:big header text};
  590. font-family: arial;
  591. font-size: 35px;
  592. font-weight: bold;
  593. letter-spacing: -3px;
  594. text-align: center;
  595. }
  596.  
  597. .header2 {
  598. position: absolute;
  599. z-index: 15;
  600. {block:if500pxposts}width: 520px;{/block:if500pxposts}
  601. {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
  602. margin: 35px 0 0 0;
  603. color: {color:small header text};
  604. font-family: tinytots, share tech mono;
  605. font-size: 8px;
  606. text-align: center;
  607. text-transform: uppercase;
  608. }
  609.  
  610. .descbg {
  611. position: absolute;
  612. opacity: .7;
  613. z-index: 15;
  614. {block:iflargedesc}height: 230px;{/block:iflargedesc}
  615. {block:ifnotlargedesc}height: 130px;{/block:ifnotlargedesc}
  616. padding: 10px;
  617. {block:if500pxposts}width: 520px;{/block:if500pxposts}
  618. {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
  619. {block:if500pxposts}margin: 50px 0 0 0px;{/block:if500pxposts}
  620. {block:ifnot500pxposts}margin: 50px 0 0 0px;{/block:ifnot500pxposts}
  621. background: {color:description bg};
  622. text-align: center;
  623. }
  624.  
  625. .desc {
  626. position: absolute;
  627. opacity: 1;
  628. overflow: auto;
  629. z-index: 16;
  630. {block:iflargedesc}height: 230px;{/block:iflargedesc}
  631. {block:ifnotlargedesc}height: 130px;{/block:ifnotlargedesc}
  632. padding: 10px;
  633. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  634. {block:ifnot500pxposts}width: 400px;{/block:ifnot500pxposts}
  635. {block:if500pxposts}margin: 50px 0 0 0px;{/block:if500pxposts}
  636. {block:ifnot500pxposts}margin: 50px 0 0 0px;{/block:ifnot500pxposts}
  637. background: transparent;
  638. text-align: center;
  639. }
  640.  
  641. /*---ENTRIES---*/
  642. .postwrap {
  643. position: absolute;
  644. z-index: 3;
  645. {block:if500pxposts}width: 520px;{/block:if500pxposts}
  646. {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
  647. {block:if500pxposts}margin: 0 0 0 250px;{/block:if500pxposts}
  648. {block:ifnot500pxposts}margin: 0 0 0 250px;{/block:ifnot500pxposts}
  649. {block:if500pxposts}padding: 35px 20px 40px 20px;{/block:if500pxposts}
  650. {block:ifnot500pxposts}padding: 30px 20px 40px 20px;{/block:ifnot500pxposts}
  651.  
  652. background: url('{image:postwrap bg}') {color:postwrap bg}; fixed;
  653. }
  654.  
  655. .entryhold {
  656. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  657. {block:ifnot500pxposts}width: 400px;{/block:ifnot500pxposts}
  658. margin: 20px 0 0 0;
  659. }
  660.  
  661. .entry {
  662. position: relative;
  663. z-index: 4;
  664. {block:if500pxposts}width: 500px;{/block:if500pxposts}
  665. {block:ifnot500pxposts}width: 400px;{/block:ifnot500pxposts}
  666. padding: 10px;
  667. background: {color:post bg};
  668. }
  669.  
  670. .entrytitle {
  671. background: {color:post title bg};
  672. color: {color:post title};
  673. font-size: 25px;
  674. font-family: arial;
  675. font-weight: bold;
  676. letter-spacing: -2px;
  677. text-align: center;
  678. text-transform: lowercase;
  679. border-bottom: 1px solid {color:post title border};
  680. }
  681.  
  682. .entrytitle a {
  683. color: {color:post title link};
  684. }
  685.  
  686. .entrytitle a:hover {
  687. color: {color:post title link hover};
  688. }
  689.  
  690. .entrytext img {
  691. max-width:100%;
  692. }
  693.  
  694. /*---ANSWER---*/
  695. .queshold {
  696. margin: 0 0 2px 0;
  697. }
  698.  
  699. .question {
  700. min-height: 48px ;
  701. margin-left: 90px;
  702. padding: 10px 10px 10px 10px;
  703. background-color: {color:question bg};
  704. color: {color:question text};
  705. font-size: 9px;
  706. text-align: center;
  707. }
  708.  
  709. .questionimg img{
  710. position: absolute;
  711. border: 10px solid {color:question bg};
  712. }
  713.  
  714. .point {
  715. position: absolute;
  716. margin-top: 13px;
  717. margin-left: 70px;
  718. color: {color:question bg};
  719. font-size: 30px;
  720. }
  721.  
  722. .asker {
  723. margin-top: 0px;
  724. color: {color:asker text};
  725. font-family: arial;
  726. font-weight: bold;
  727. font-size: 20px;
  728. letter-spacing: -2px;
  729.  
  730. }
  731.  
  732. .asker a {
  733. color: {color:asker link};
  734. }
  735.  
  736. .asker a:hover {
  737. color: {color:asker link};
  738. text-decoration:line-through;
  739. }
  740.  
  741.  
  742.  
  743. /*---QUOTES---*/
  744. .quotehold {
  745. padding: 10px 10px 10px 60px;
  746. background: {color:quote bg};
  747. }
  748.  
  749. .marks {
  750. overflow: hidden;
  751. position: absolute;
  752. margin: -20px 0 0 -65px;
  753. height: 60px;
  754. width: 60px;
  755. color: {color:quote marks};
  756. font-family: georgia;
  757. font-size: 130px;
  758. font-style: italic;
  759. }
  760.  
  761. .quote {
  762. margin: 10px 0 0 0px;
  763. color: {color:quote};
  764. font-family: arial;
  765. font-size: 20px;
  766. font-weight: bold;
  767. letter-spacing: -2px;
  768. text-transform: lowercase;
  769. }
  770.  
  771. /*---CHAT---*/
  772.  
  773. .convo li {
  774. list-style: none;
  775. margin-left: -40px;
  776. }
  777.  
  778. .line_odd {
  779. background-color: {color:chat odd bg};
  780. color: {color:chat odd text};
  781. margin-bottom: 5px;
  782. padding: 8px 4px;
  783.  
  784.  
  785. }
  786.  
  787. .line_even {
  788. background-color: {color:chat even bg};
  789. color: {color:chat even text};
  790. margin-bottom: 5px;
  791. padding: 8px 4px;
  792. }
  793.  
  794. .convo .label {
  795. font-family: arial;
  796. font-size: 14px;
  797. font-weight: bold;
  798. letter-spacing: -1px;
  799. text-transform: lowercase;
  800. }
  801.  
  802. .line_odd .label {
  803. color: {color:chat odd name};
  804. }
  805.  
  806. .line_even .label {
  807. color: {color:chat even name};
  808. }
  809.  
  810. /*---PHOTO---*/
  811.  
  812. .photos {
  813. margin-bottom: 5px;
  814. {block:iffadedphotos}
  815. -webkit-transition: opacity 0.8s linear;
  816. opacity: 0.60;{/block:iffadedphotos}
  817. {block:ifmonochromephotos}-webkit-filter: grayscale(1);
  818. -webkit-transition: all 0.5s ease-in-out;
  819. -moz-transition: all 0.5s ease-in-out;
  820. -o-transition: all 0.5s ease-in-out;
  821. -ms-transition: all 0.5s ease-in-out;
  822. transition: all 0.5s ease-in-out;{/block:ifmonochromephotos}
  823. }
  824.  
  825. .photos:hover {
  826. {block:iffadedphotos}-webkit-transition: opacity 0.8s linear;
  827. opacity: 1;{/block:iffadedphotos}
  828. {block:ifmonochromephotos}
  829. filter: none;
  830. -webkit-filter: grayscale(0);
  831. -webkit-transition: all 0.5s ease-in-out;
  832. -moz-transition: all 0.5s ease-in-out;
  833. -o-transition: all 0.5s ease-in-out;
  834. -ms-transition: all 0.5s ease-in-out;
  835. transition: all 0.5s ease-in-out;{/block:Ifmonochromephotos}
  836. }
  837.  
  838.  
  839. /*---AUDIO---*/
  840.  
  841. .playbox {
  842. height: 150px;
  843. margin: 0 0 10px 0;
  844. }
  845.  
  846. .player {
  847. position: absolute;
  848. opacity: .3;
  849. overflow: hidden;
  850. height: 30px;
  851. width: 30px;
  852. margin-top: 60px;
  853. margin-left: 60px;
  854. transition: 0.4s;
  855. -moz-transition: 0.4s;
  856. -webkit-transition: 0.4s;
  857. -o-transition: 0.4s;
  858. }
  859.  
  860. .player:hover {
  861. opacity: 1;
  862. transition: 0.4s;
  863. -moz-transition: 0.4s;
  864. -webkit-transition: 0.4s;
  865. -o-transition: 0.4s;
  866. }
  867.  
  868. .artwork {
  869. position: absolute;
  870. width: 150px;
  871. height: 150px;
  872. margin-bottom: 5px;
  873. }
  874.  
  875. .artwork img {
  876. width: 150px;
  877. height: 150px;
  878. }
  879.  
  880. .trackinfo {
  881. position: absolute;
  882. height: 150px;
  883. {block:ifnot500pxposts}width: 235px;{/block:ifnot500pxposts}
  884. {block:if500pxposts}width: 335px;{/block:if500pxposts}
  885. margin: 0 0 0 165px;
  886. background-color: transparent;
  887.  
  888. }
  889.  
  890. .tracklist {
  891. height: 30px;
  892. {block:ifnot500pxpost}width: 227px;{/block:ifnot500pxpost}
  893. {block:if500pxpost}width: 327px;{/block:if500pxpost}
  894. padding: 0px 4px;
  895. margin-bottom: 10px;
  896. background-color: {color:audio info bg};
  897. color: {color:audio info text};
  898. line-height: 30px;
  899. }
  900.  
  901. .tracklabel {
  902. color: {color:audio info label};
  903. font-family: arial;
  904. font-size: 15px;
  905. font-weight: bold;
  906. letter-spacing: -1px;
  907. text-transform: lowercase;
  908. }
  909.  
  910. /*---INDEX POST INFO---*/
  911. .postinfohold {
  912. position: relative;
  913. z-index: 6;
  914. height: 25px;
  915. {block:if500pxposts}width:510px;{/block:if500pxposts}
  916. {block:ifnot500pxposts}width: 410px;{/block:ifnot500pxposts}
  917. padding: 0 10px 0 0;
  918. background: {color:post info bg};
  919. text-align: right;
  920. border-bottom: 5px solid {color:post info border};
  921. }
  922.  
  923. .postinfo a {
  924. display: inline-block;
  925. height: 25px;
  926. width: 25px;
  927. {block:if500pxposts}margin: 0 0 0 5px;{/block:if500pxposts}
  928. {block:ifnot500pxposts}margin: 0 0 0 2px;{/block:ifnot500pxposts}
  929.  
  930. color: {color:post info button text};
  931. font-size: 15px;
  932. line-height: 25px;
  933. text-align: center;
  934. border-bottom: 5px solid {color:post info border};
  935. transition: 0.4s;
  936. -moz-transition: 0.4s;
  937. -webkit-transition: 0.4s;
  938. -o-transition: 0.4s;
  939. }
  940.  
  941. .postinfo a:hover {
  942. background: {color:post info button bg hover};
  943. color: {color:post info button text hover};
  944. border-bottom: 5px solid {color:post info border hover};
  945. }
  946.  
  947. /*---PAGINATION---*/
  948.  
  949. .pagination {
  950. position: fixed;
  951. z-index: 10;
  952. height: 20px;
  953. width: 640px;
  954. bottom: 0px;
  955. margin: 0 0 0 270px;
  956. {block:if500pxposts}width:520px;{/block:if500pxposts}
  957. {block:ifnot500pxposts}width: 420px;{/block:ifnot500pxposts}
  958. background-color: {color:pagination bg};
  959. color: {color:pagination text};
  960. font-family: tinytots, share tech mono;
  961. font-size: 15px;
  962. letter-spacing: 1px;
  963. line-height: 20px;
  964. text-align: center;
  965. text-transform: uppercase;
  966. border-top: 5px solid {color:pagination border};
  967. }
  968.  
  969. .currentpage, .pagination a {
  970. display: inline-block;
  971. height: 20px;
  972. width: 20px;
  973. margin: -5px 0 0 0;
  974. color: {color:pagination text};
  975. text-decoration: none;
  976. font-family: arial;
  977. font-size: 15px;
  978. font-weight: bold;
  979. line-height: 20px;
  980. border-top: 5px solid {color:pagination border};
  981. transition: 0.4s;
  982. -moz-transition: 0.4s;
  983. -webkit-transition: 0.4s;
  984. -o-transition: 0.4s;
  985. }
  986.  
  987. .pagination a:hover {
  988. background: {color:pagination button bg hover};
  989. color: {color:pagination text hover};
  990. border-top: 5px solid {color:pagination border hover};
  991. transition: 0.4s;
  992. -moz-transition: 0.4s;
  993. -webkit-transition: 0.4s;
  994. -o-transition: 0.4s;
  995. }
  996. /*---PERMALINK PAGE---*/
  997. .permalink {
  998. position: relative;
  999. z-index: 999px;
  1000. margin: 0px 20px 0px 0px;
  1001. padding-top: 5px;
  1002. color: {color:bold};
  1003. font-family: arial;
  1004. font-size: 14px;
  1005. font-weight: bold;
  1006. letter-spacing: -1px;
  1007. text-align: center;
  1008. text-transform: lowercase;
  1009. border-top: 1px solid {color:post title border};
  1010. }
  1011.  
  1012. .permalinknotes {
  1013. position: relative;
  1014. z-index: 999px;
  1015. overflow: hidden;
  1016. margin-top: 20px;
  1017. color: {color:text};
  1018. font-family: tahoma;
  1019. font-size: 8px;
  1020. font-weight: normal;
  1021. letter-spacing: 1px;
  1022. text-transform: lowercase;
  1023.  
  1024. }
  1025.  
  1026. .permalinknotes a {
  1027. color: {color:link};
  1028. font-family: tahoma;
  1029. font-size: 8px;
  1030. font-weight: normal;
  1031. letter-spacing: 1px;
  1032. text-decoration: none;
  1033. text-transform: lowercase;
  1034. -webkit-transition: all 0.5s ease-in-out;
  1035. -moz-transition: all 0.5s ease-in-out;
  1036. -o-transition: all 0.5s ease-in-out;
  1037. -ms-transition: all 0.5s ease-in-out;
  1038. transition: all 0.5s ease-in-out;
  1039. }
  1040.  
  1041.  
  1042. .permalinknotes a:hover {
  1043. color: {color:link hover};
  1044. }
  1045.  
  1046. /*---NOTES---*/
  1047.  
  1048. ol.notes {
  1049. overflow: auto;
  1050. position: static;
  1051. padding: 2px;
  1052. max-height: 200px;
  1053. {block:if500pxposts}width: ;{/block:if500pxposts}
  1054. {block:ifNot500pxposts}width: ;{/block:ifNot500pxposts}
  1055. margin: 15px 0px;
  1056. padding: 10px;
  1057. letter-spacing: 1px;
  1058. list-style-type: none;
  1059. }
  1060.  
  1061. ol.notes li.note {
  1062. margin-left: 10px
  1063. margin-bottom: 10px;
  1064. letter-spacing: 1px;
  1065. line-height: 20px;
  1066. }
  1067.  
  1068. .notes img{
  1069. opacity: .7;
  1070. margin-bottom: -5px;
  1071. margin-right: 5px;
  1072. }
  1073.  
  1074. .notes::-webkit-scrollbar {
  1075. width: 5px;
  1076. height: 5px;
  1077. background-color: {color:scrollbar bg};
  1078. }
  1079.  
  1080. .notes::-webkit-scrollbar-thumb {
  1081. background-color: {color:scrollbar thumb};
  1082. }
  1083.  
  1084. /*---MUSIC PLAYER---*/
  1085.  
  1086. .playholder {
  1087. position:fixed;
  1088. overflow: hidden;
  1089. height: 30px;
  1090. width: 30px;
  1091. bottom: -5px;
  1092. margin-left: 180px;
  1093. margin-bottom: 5px;
  1094. background: {color:navibar bg};
  1095. color: {color:navi button text};
  1096. border: 5px solid {color:navibar border};
  1097. -webkit-transition: all 0.4s;
  1098. -moz-transition: all 0.4s;
  1099. -o-transition: all 0.4s;
  1100. -ms-transition: all 0.4s;
  1101. transition: all 0.4s;
  1102. }
  1103.  
  1104. .playholder:hover {
  1105. background: {color:navi button bg hover};
  1106. color: {color:navi button text hover};
  1107. border: 5px solid {color:navibar border hover};
  1108. }
  1109.  
  1110. .eplayer {
  1111. margin-top: 0px;
  1112. margin-left: -22px;
  1113. -webkit-transition: all 0.4s;
  1114. -moz-transition: all 0.4s;
  1115. -o-transition: all 0.4s;
  1116. -ms-transition: all 0.4s;
  1117. transition: all 0.4s;
  1118. }
  1119.  
  1120. .playgif {
  1121. margin-bottom: 20px;
  1122. font-size: 20px;
  1123. line-height: 30px;
  1124. text-align: center;
  1125. -webkit-transition: all 0.4s;
  1126. -moz-transition: all 0.4s;
  1127. -o-transition: all 0.4s;
  1128. -ms-transition: all 0.4s;
  1129. transition: all 0.4s;
  1130. }
  1131.  
  1132. .playholder:hover .playgif {
  1133. margin-top: -30px;
  1134. }
  1135.  
  1136. .playholder:hover .eplayer {
  1137. margin-top: -15px;
  1138. }
  1139.  
  1140.  
  1141. /*---CREDIT - DO NOT REMOVE---*/
  1142. .logo {
  1143. overflow: hidden;
  1144. z-index: 9999;
  1145. position: fixed;
  1146. height: 30px;
  1147. width: 30px;
  1148. top: 10px;
  1149. left: 10px;
  1150. background-color: {color:post bg};
  1151. color: {color:link};
  1152. text-align: center;
  1153. border: 1px solid {color:link};
  1154. transition: 0.4s;
  1155. -moz-transition: 0.4s;
  1156. -webkit-transition: 0.4s;
  1157. -o-transition: 0.4s;
  1158. transition-delay: .4s;
  1159. -webkit-transition-delay: .4s;
  1160. }
  1161.  
  1162. .logo:hover {
  1163. width: 90px;
  1164. transition: 0.4s;
  1165. -moz-transition: 0.4s;
  1166. -webkit-transition: 0.4s;
  1167. -o-transition: 0.4s;
  1168. transition-delay: .4s;
  1169. -webkit-transition-delay: .4s;
  1170. }
  1171.  
  1172. .logo a {
  1173. color: #b0647f;
  1174. width: 100px;
  1175. font-family: trebuchet ms;
  1176. font-size: 8px;
  1177. transition: 0.4s;
  1178. -moz-transition: 0.4s;
  1179. -webkit-transition: 0.4s;
  1180. -o-transition: 0.4s;
  1181.  
  1182. }
  1183.  
  1184. .logo a:hover {
  1185. color: {color:link};
  1186. width: 100px;
  1187. font-size: 8px;
  1188. transition: 0.4s;
  1189. -moz-transition: 0.4s;
  1190. -webkit-transition: 0.4s;
  1191. -o-transition: 0.4s;
  1192. }
  1193.  
  1194. .logobolt {
  1195. position: absolute;
  1196. height: 30px;
  1197. width: 30px;
  1198. color: {color:link};
  1199. font-size: 20px;
  1200. line-height: 30px;
  1201. text-align: center;
  1202. transition: 0.4s;
  1203. -moz-transition: 0.4s;
  1204. -webkit-transition: 0.4s;
  1205. -o-transition: 0.4s;
  1206. transition-delay: .8s;
  1207. -webkit-transition-delay: .8s;
  1208. }
  1209.  
  1210. .logo:hover .logobolt {
  1211. opacity: 0;
  1212. transition: 0.4s;
  1213. -moz-transition: 0.4s;
  1214. -webkit-transition: 0.4s;
  1215. -o-transition: 0.4s;
  1216. transition-delay: 0s;
  1217. -webkit-transition-delay: 0s;
  1218. }
  1219.  
  1220. .logoline1 {
  1221. opacity: 0;
  1222. margin: 3px 1px 0 1px;
  1223. font-family: trebuchet ms;
  1224. font-size: 8px;
  1225. letter-spacing: 4px;
  1226. line-height: 8px;
  1227. transition: 0.4s;
  1228. -moz-transition: 0.4s;
  1229. -webkit-transition: 0.4s;
  1230. -o-transition: 0.4s;
  1231. transition-delay: 0s;
  1232. -webkit-transition-delay: 0s;
  1233. }
  1234.  
  1235. .logo:hover .logoline1 {
  1236. opacity: 1;
  1237. transition: 0.4s;
  1238. -moz-transition: 0.4s;
  1239. -webkit-transition: 0.4s;
  1240. -o-transition: 0.4s;
  1241. transition-delay: .8s;
  1242. -webkit-transition-delay: .8s;
  1243. }
  1244.  
  1245. .logoline2 {
  1246. opacity: 0;
  1247. margin: 0px 1px 1px 1px;
  1248. font-family: oswald;
  1249. font-size: 16px;
  1250. letter-spacing: 1px;
  1251. line-height: 16px;
  1252. transition: 0.4s;
  1253. -moz-transition: 0.4s;
  1254. -webkit-transition: 0.4s;
  1255. -o-transition: 0.4s;
  1256. transition-delay: 0s;
  1257. -webkit-transition-delay: 0s;
  1258. }
  1259.  
  1260. .logo:hover .logoline2 {
  1261. opacity: 1;
  1262. transition: 0.4s;
  1263. -moz-transition: 0.4s;
  1264. -webkit-transition: 0.4s;
  1265. -o-transition: 0.4s;
  1266. transition-delay: .8s;
  1267. -webkit-transition-delay: .8s;
  1268. }
  1269.  
  1270. #s-m-t-tooltip {
  1271. z-index:999;
  1272. padding: 5px 10px;
  1273. margin:20px 14px 7px 10px;
  1274. background-color: {color:tooltip bg};
  1275. color: {color:tooltip text};
  1276. font-family: tinytots, share tech mono;
  1277. font-size: 8px;
  1278. letter-spacing: 0px;
  1279. text-transform:uppercase;
  1280. border: 3px solid {color:tooltip border};
  1281. }
  1282.  
  1283. .scrolltthold {
  1284. position: fixed;
  1285. opacity: 0;
  1286. z-index: 99999;
  1287. bottom: 0px;
  1288. margin: 0 0 0 30px;
  1289. transition: 0.4s;
  1290. -moz-transition: 0.4s;
  1291. -webkit-transition: 0.4s;
  1292. -o-transition: 0.4s;
  1293. }
  1294.  
  1295. .scrollttholdaf {
  1296. opacity: 1;
  1297. transition: 0.4s;
  1298. -moz-transition: 0.4s;
  1299. -webkit-transition: 0.4s;
  1300. -o-transition: 0.4s;
  1301. }
  1302.  
  1303. .scrolltt {
  1304. height: 30px;
  1305. width: 30px;
  1306. background: {color:navibar bg};
  1307. color: {color:navi button text};
  1308. font-size: 15px;
  1309. line-height: 30px;
  1310. text-align: center;
  1311. border: 5px solid {color:navibar border};
  1312. transition: 0.4s;
  1313. -moz-transition: 0.4s;
  1314. -webkit-transition: 0.4s;
  1315. -o-transition: 0.4s;
  1316. }
  1317.  
  1318. .scrolltt:hover {
  1319. background: {color:navi button bg hover};
  1320. color: {color:navi button text hover};
  1321. border: 5px solid {color:navibar border hover};
  1322. transition: 0.4s;
  1323. -moz-transition: 0.4s;
  1324. -webkit-transition: 0.4s;
  1325. -o-transition: 0.4s;
  1326. }
  1327. </style>
  1328. </head>
  1329.  
  1330. <!-- START SCROLL STICK -->
  1331. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
  1332. <script>
  1333. $(document).ready(function(){
  1334. $(window).bind('scroll', function(){
  1335. if($(window).scrollTop() > 100){
  1336. $('.scrolltthold').addClass('scrollttholdaf');
  1337. }
  1338. else{
  1339. $('.scrolltthold').removeClass('scrollttholdaf');
  1340. }
  1341. });
  1342. });
  1343. </script>
  1344. <!-- END SCROLL STICK -->
  1345.  
  1346. <!--START SCROLL TO TOP-->
  1347. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
  1348. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  1349. <!--END SCROLL TO TOP-->
  1350.  
  1351. <body>
  1352. <a href="http://cythemes.tumblr.com"><div class="logohold">
  1353. <div class="logo">
  1354. <div class="logobolt"><span class="fa fa-bolt"></span></div>
  1355. <div class="logoline1">THEME BY</div>
  1356. <div class="logoline2">CYTHEMES</div>
  1357. </div></a>
  1358.  
  1359. <div class="container">
  1360.  
  1361. <div class="sidestripleft">
  1362.  
  1363. <div class="descboxleft1"></div>
  1364. <div class="descboxleft2"></div>
  1365.  
  1366. <div class="dboxh">
  1367. <div class="dboxbg"></div>
  1368. <div class="dboxhold">
  1369. <div class="descbg"></div>
  1370. <div class="desc">{description}</div>
  1371. <div class="header1">{text:big header}</div>
  1372. <div class="header2">{text:small header}</div>
  1373. </div>
  1374. </div>
  1375.  
  1376. <div class="sideimgleft">
  1377. <img src="{image:left sidebar image}">
  1378. </div>
  1379. </div>
  1380.  
  1381. <div class="sideleft">
  1382. {block:ifmusicplayer}
  1383. <div class="playholder">
  1384. <div class="playgif"><span class="fa fa-music"></span></div>
  1385. <div class="eplayer">
  1386. <!-- REMOVE THIS AND EMBED YOUR OWN MUSIC PLAYER (MUST BE A BILLY PLAYER) HERE!!!! -->
  1387. </div>
  1388. </div>
  1389. {/block:ifmusicplayer}
  1390. <div class="fishbarleft">
  1391. <!-- REMOVE THIS AND EMBED YOUR OWN FISH HERE!!!! REMEMBER TO EDIT THE WIDTH OF THE CODE TO 30 AND THE HEIGHT TO 100% -->
  1392. </div>
  1393. </div>
  1394.  
  1395.  
  1396. <div class="sidestripright">
  1397.  
  1398. <div class="descboxright1"></div>
  1399. <div class="descboxright2"></div>
  1400.  
  1401. <div class="dboxh">
  1402. <div class="dboxbg"></div>
  1403. <div class="dboxhold">
  1404. <div class="descbg"></div>
  1405. <div class="desc">{description}</div>
  1406. <div class="header1">{text:big header}</div>
  1407. <div class="header2">{text:small header}</div>
  1408. </div>
  1409. </div>
  1410.  
  1411. <div class="sideimgright">
  1412. <img src="{image:right sidebar image}">
  1413. </div>
  1414. </div>
  1415.  
  1416. <div class="sideright">
  1417. <!--START SCROLL TO TOP-->
  1418. <div class="scrolltthold">
  1419. <a href="javascript:;" id="scrollToTop" title="back to top"><div class="scrolltt"><span class="fa fa-chevron-up"></span></div></a></div>
  1420. <!--END SCROLL TO TOP-->
  1421. <div class="fishbarright">
  1422. <!-- REMOVE THIS AND EMBED YOUR OWN FISH HERE!!!! REMEMBER TO EDIT THE WIDTH OF THE CODE TO 30 AND THE HEIGHT TO 100% -->
  1423. </div>
  1424. </div>
  1425.  
  1426.  
  1427. <div class="navbar">
  1428. <a href="/" title="reboot"><span class="fa fa-power-off"></span></a>
  1429. <a href="/ask" title="message"><span class="fa fa-comment-o"></span></a>
  1430. <a href="/archive" title="history"><span class="fa fa-clock-o"></span></a>
  1431.  
  1432. {block:iflink1icon}<a href="{text:link 1 url}" title="{text:link 1 title}"><span class="fa {text:link 1 icon}"></span></a>{/block:iflink1icon}
  1433.  
  1434. {block:iflink2icon}<a href="{text:link 2 url}" title="{text:link 2 title}"><span class="fa {text:link 2 icon}"></span></a>{/block:iflink2icon}
  1435.  
  1436. {block:iflink3icon}<a href="{text:link 3 url}" title="{text:link 3 title}"><span class="fa {text:link 3 icon}"></span></a>{/block:iflink3icon}
  1437.  
  1438. {block:iflink4icon}<a href="{text:link 4 url}" title="{text:link 4 title}"><span class="fa {text:link 4 icon}"></span></a>{/block:iflink4icon}
  1439.  
  1440. {block:iflink5icon}<a href="{text:link 5 url}" title="{text:link 5 title}"><span class="fa {text:link 5 icon}"></span></a>{/block:iflink5icon}
  1441.  
  1442. {block:iflink6icon}<a href="{text:link 6 url}" title="{text:link 6 title}"><span class="fa {text:link 6 icon}"></span></a>{/block:iflink6icon}
  1443.  
  1444. {block:iflink7icon}<a href="{text:link 7 url}" title="{text:link 7 title}"><span class="fa {text:link 7 icon}"></span></a>{/block:iflink7icon}
  1445.  
  1446. {block:iflink8icon}<a href="{text:link 8 url}" title="{text:link 8 title}"><span class="fa {text:link 8 icon}"></span></a>{/block:iflink8icon}
  1447.  
  1448. {block:iflink9icon}<a href="{text:link 9 url}" title="{text:link 9 title}"><span class="fa {text:link 9 icon}"></span></a>{/block:iflink9icon}
  1449.  
  1450. {block:iflink10icon}<a href="{text:link 10 url}" title="{text:link 10 title}"><span class="fa {text:link 10 icon}"></span></a>{/block:iflink10icon}
  1451. <a href="http://cynessie.tumblr.com" title="theme"><span class="fa fa-bolt"></span></a>
  1452. </div>
  1453.  
  1454. <div class="postwrap">
  1455. {block:IfinfiniteScroll}<div class="autopagerize_page_element">{/block:IfinfiniteScroll}
  1456. {block:Posts}
  1457. <div class="entryhold">
  1458. <div class="entry">
  1459.  
  1460. <!---------------------------------------------------
  1461. TEXT POSTS
  1462. ---------------------------------------------------->
  1463. {block:Text}
  1464. {block:Title}<div class="entrytitle">{Title}</div>{/block:Title}
  1465. <div class="entrytext">{Body}</div>
  1466. {/block:Text}
  1467.  
  1468. <!---------------------------------------------------
  1469. ANSWER POSTS
  1470. ---------------------------------------------------->
  1471. {block:Answer}
  1472. <div class="queshold">
  1473. <div class="questionimg">
  1474. <img src="{AskerPortraitURL-48}"></div> <div class="point">◀</div>
  1475. <div class="question">
  1476. <div class="asker">{Asker} whispered:</div>
  1477. {Question}
  1478. </div>
  1479. </div>
  1480. <div class="entrytext">{Answer}</div>
  1481. {/block:Answer}
  1482.  
  1483.  
  1484. <!---------------------------------------------------
  1485. QUOTE POSTS
  1486. ---------------------------------------------------->
  1487. {block:Quote}<div class="quotehold">
  1488. <div class="marks">“</div><div class="quote">{Quote}</div>
  1489. <br>
  1490. </div>
  1491. {block:Source}<div class="entrytext" align="right">— {Source}</div>{/block:Source}
  1492. {/block:Quote}
  1493.  
  1494. <!---------------------------------------------------
  1495. LINK POSTS
  1496. ---------------------------------------------------->
  1497. {block:Link}
  1498. <div class="entrytitle"><a href="{URL}">{Name}</a></div>
  1499. {block:Description}<div class="entrytext">{Description}</div>{/block:Description}
  1500. {/block:Link}
  1501.  
  1502. <!---------------------------------------------------
  1503. CHAT POSTS
  1504. ---------------------------------------------------->
  1505. {block:Chat}
  1506. {block:Title}<div class="entrytitle">{Title}</div>
  1507. {/block:Title}
  1508. <ul class="convo">{block:Lines}
  1509. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1510. {Line}</li>
  1511. {/block:Lines}</ul>
  1512.  
  1513. {/block:Chat}
  1514.  
  1515. <!---------------------------------------------------
  1516. AUDIO POSTS
  1517. ---------------------------------------------------->
  1518. {block:Audio}
  1519. <div class="playbox">
  1520. {block:AlbumArt}<div class="artwork"><img src="{AlbumArtURL}" width="150"></div>{/block:AlbumArt}
  1521.  
  1522. {block:AudioPlayer}<div class="player">
  1523. {block:ifblackaudioplayer}{AudioPlayerBlack}{block:ifblackaudioplayer}
  1524. {block:ifnotblackaudioplayer}{AudioPlayerWhite}{block:ifnotblackaudioplayer}
  1525. </div>{/block:AudioPlayer}
  1526.  
  1527. <div class="trackinfo">
  1528. <div class="tracklist"><span class="tracklabel">TRACK:</span> {block:TrackName}{TrackName}{/block:TrackName}</div>
  1529. <div class="tracklist"><span class="tracklabel">ARTIST:</span> {block:Artist}{Artist}{/block:Artist}</div>
  1530. <div class="tracklist"><span class="tracklabel">ALBUM:</span> {block:Album}{Album}{/block:Album}</div>
  1531. <div class="tracklist"><span class="tracklabel">PLAYS:</span> {PlayCount}</div>
  1532. </div>
  1533. </div>
  1534. {block:IfShowCaptions}{block:Caption}<div class="entrytext">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1535. {/block:Audio}
  1536.  
  1537.  
  1538. <!---------------------------------------------------
  1539. PHOTO POSTS
  1540. ---------------------------------------------------->
  1541. {block:Photo}
  1542.  
  1543. {block:IfNot500pxposts}{LinkOpenTag}<div class="photos"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px"></div>{LinkCloseTag}{/block:IfNot500pxposts}
  1544.  
  1545. {block:if500pxposts}{LinkOpenTag}<div class="photos"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></div>{LinkCloseTag}{/block:if500pxposts}
  1546. {block:IfShowCaptions}{block:Caption}<div class="entrytext">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1547. {/block:Photo}
  1548.  
  1549. <!---------------------------------------------------
  1550. PHOTOSET POSTS
  1551. ---------------------------------------------------->
  1552. {block:Photoset}
  1553. {block:IfNot500pxposts}<div class="photos">{Photoset-400}</div>{/block:IfNot500pxposts}
  1554. {block:If500pxposts}<div class="photos">{Photoset-500}</div>{/block:if500pxposts}
  1555. {block:IfShowCaptions}{block:Caption}<div class="entrytext">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1556. {/block:Photoset}
  1557.  
  1558. <!---------------------------------------------------
  1559. VIDEO POSTS
  1560. ---------------------------------------------------->
  1561. {block:Video}
  1562. {block:IfNot500pxposts}{Video-400}{/block:IfNot500pxposts}
  1563. {block:If500pxposts}{Video-500}{/block:If500pxposts}
  1564. {block:IfShowCaptions}{block:Caption}<div class="entrytext">{Caption}</div>{/block:Caption}{/block:IfShowCaptions}
  1565. {/block:Video}
  1566.  
  1567. <!---------------------------------------------------
  1568. PERMA POST INFO
  1569. ---------------------------------------------------->
  1570. {block:PermalinkPage}{block:Date}
  1571. <div class="permalinknotes">
  1572. <div class="permalink">
  1573. {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>{block:RebloggedFrom}origin: <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;&nbsp; via: <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1574. {block:HasTags}tags: {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  1575. </div>
  1576. {block:PostNotes}
  1577. {PostNotes-16} {PostNotes}
  1578. {/block:PostNotes}
  1579. </div>{/block:Date}
  1580. {/block:PermalinkPage}
  1581.  
  1582. </div>
  1583.  
  1584. <!---------------------------------------------------
  1585. INDEX POST INFO
  1586. ---------------------------------------------------->
  1587.  
  1588. {block:IndexPage}{block:Date}
  1589. <div class="postinfohold">
  1590. <div class="postinfo">
  1591. <a href="{Permalink}" title="{DayOfMonth} {Month} {Year}"><span class="fa fa-calendar-o"></span></a>
  1592. <a href="{Permalink}" title="{NoteCountWithLabel}"><span class="fa fa-heart"></span></a>
  1593. {block:ContentSource}<a href="{ReblogRootURL}" title="source: {ReblogRootName}"><span class="fa fa-user"></span></a>{/block:ContentSource}
  1594. {block:HasTags}<a href="{Permalink}" title="{block:Tags}tagged: #{Tag}{/block:Tags}"><span class="fa fa-tag"></span></a>{/block:HasTags}
  1595. <a href="{ReblogURL}" title="reblog"><span class="fa fa-retweet"></span></a>
  1596. </div>
  1597. {/block:Date}{/block:IndexPage}
  1598.  
  1599.  
  1600. </div></div>
  1601. {/block:Posts}
  1602.  
  1603. {block:IfinfiniteScroll}</div>{/block:IfinfiniteScroll}
  1604. </div>
  1605.  
  1606. <!---------------------------------------------------
  1607. PAGENATION
  1608. ---------------------------------------------------->
  1609. {block:IndexPage}
  1610. {block:IfNotinfiniteScroll}
  1611. <div class="pagination">
  1612. {block:Pagination}
  1613. {block:PreviousPage}
  1614. <a href="{PreviousPage}"><span class="fa fa-chevron-left" style="font-size:15px;"></span></a>
  1615. {/block:PreviousPage}
  1616.  
  1617. {block:JumpPagination length="5"}
  1618. {block:CurrentPage}
  1619. <span class="current_page"><span class="fa fa-times"</span>
  1620. {/block:CurrentPage}
  1621.  
  1622. {block:JumpPage}
  1623. <a href="{URL}">{PageNumber}</a>
  1624. {/block:JumpPage}
  1625. {/block:JumpPagination}
  1626.  
  1627. {block:NextPage}
  1628. <a href="{NextPage}"><span class="fa fa-chevron-right" style="font-size:15px;"></span></a>
  1629. {/block:NextPage}
  1630. {/block:Pagination}
  1631. </div>
  1632. {/block:IfNotinfiniteScroll}
  1633. {/block:IndexPage}
  1634. </div>
  1635. </body>
  1636. </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!