API tools faq
paste
Advertisement
mardeemoe

[08] the garden

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