API tools faq
paste
Advertisement
mardeemoe

--for XONADINE

mardeemoe
Feb 16th, 2014
91
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.59 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <!--------------------------------------------
  3. THEME: [06] SNOW QUEEN - CUSTOMIZED FOR XONADINE
  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.  
  17. <head>
  18.  
  19. <title>{Title}</title>
  20. <link rel="shortcut icon" href="{Favicon}">
  21. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  22. <meta name="description" content="" />
  23. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  24.  
  25. <!-- S-M-T TOOLTIP CODE START -->
  26. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  27.  
  28. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  29.  
  30.  
  31. <script>
  32.  
  33. (function($){
  34.  
  35. $(document).ready(function(){
  36.  
  37. $("a[title]").style_my_tooltips({
  38.  
  39. tip_follows_cursor:true,
  40.  
  41. tip_delay_time:0,
  42.  
  43. tip_fade_speed:0,
  44.  
  45. attribute:"title"
  46.  
  47. });
  48.  
  49. });
  50.  
  51. })(jQuery);
  52.  
  53. </script>
  54.  
  55. <!-- S-M-T TOOLTIP CODE END -->
  56.  
  57. <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  58.  
  59. <meta name="image:main bg" content="http://static.tumblr.com/e790c2f8eac9fdbf95690b71f44a33a5/skpdfau/sMUn0enpq/tumblr_static_frozenbg.png">
  60. <meta name="image:topbar image" content="">
  61. <meta name="image:sidebar img" content="http://static.tumblr.com/68a1bc1703ec8de1f9bfb704665765ae/skpdfau/ZMZn0eo7z/tumblr_static_yoooe.png">
  62.  
  63. <meta name="color:main bg" content="#e3e3e3">
  64. <meta name="color:custom navi buttons bg" content="#c0d8e5">
  65. <meta name="color:custom navi text" content="#1e698f">
  66. <meta name="color:custom navi text hover" content="#86a5bd">
  67. <meta name="color:header text" content="#1e698f">
  68. <meta name="color:topbar title" content="#1e698f">
  69. <meta name="color:outer borders" content="#c0d8e5">
  70. <meta name="color:entry bg" content="#f7f7f7">
  71. <meta name="color:title text" content="#86a5bd">
  72. <meta name="color:dashed borders" content="#9ec2dd">
  73. <meta name="color:text" content="#1e698f">
  74. <meta name="color:bold text" content="#1e698f">
  75. <meta name="color:italic text" content="#1e698f">
  76. <meta name="color:links" content="#70afd1">
  77. <meta name="color:links hover" content="#a8a8a8">
  78. <meta name="color:question bg" content="#c0d8e5">
  79. <meta name="color:question text" content="#1e698f">
  80. <meta name="color:post info bg" content="#c0d8e5">
  81. <meta name="color:post info text" content="#1e698f">
  82. <meta name="color:post info links" content="#1e698f">
  83. <meta name="color:post info links hover" content="#1e698f">
  84.  
  85.  
  86. <meta name="if:500 px" content="0">
  87. <meta name="if:infinite scroll" content="1">
  88. <meta name="if:hover custom links" content="1">
  89. <meta name="if:show captions" content="1">
  90. <meta name="if:show tags" content="1">
  91. <meta name="if:monochrome images" content="1">
  92.  
  93. <meta name="text:topbar title" content="">
  94. <meta name="text:header" content="">
  95. <meta name="text:Link 1 Title" content="link 1">
  96. <meta name="text:Link 1 URL" content="">
  97. <meta name="text:Link 2 Title" content="link 2">
  98. <meta name="text:Link 2 URL" content="">
  99. <meta name="text:Link 3 Title" content="">
  100. <meta name="text:Link 3 URL" content="">
  101. <meta name="text:Link 4 Title" content="">
  102. <meta name="text:Link 4 URL" content="">
  103. <meta name="text:Link 5 Title" content="">
  104. <meta name="text:Link 5 URL" content="">
  105. <meta name="text:Link 6 Title" content="">
  106. <meta name="text:Link 6 URL" content="">
  107.  
  108.  
  109. <style type="text/css">
  110.  
  111. /* MAIN */
  112. body {
  113. background-attachment: fixed;
  114. background-color: {color:main bg};
  115. background-image: url('{image:main bg}');
  116. color: {color:text};
  117. font-family: trebuchet ms, arial, verdana;
  118. font-size: 10px;
  119. }
  120.  
  121. a {
  122. color: {color:links};
  123. text-decoration: none;
  124. -moz-transition-duration: 0.7s;
  125. -o-transition-duration: 0.7s;
  126. -webkit-transition-duration: 0.7s;
  127. transition-duration: 0.7s;
  128. }
  129.  
  130. a:hover {
  131. color: {color:links hover};
  132. -moz-transition-duration: 0.7s;
  133. -o-transition-duration: 0.7s;
  134. -webkit-transition-duration: 0.7s;
  135. transition-duration: 0.7s;
  136. }
  137.  
  138. b, stong {
  139. color: {color:bold text};
  140. }
  141.  
  142. i, em {
  143. color: {color:italic text};
  144. }
  145.  
  146. blockquote {
  147. margin-top: 0px;
  148. margin-left: 10px;
  149. padding-left: 10px;
  150. border-left: 2px solid {color:outer borders};
  151. }
  152.  
  153. h1 {
  154. font-family: georgia;
  155. font-size: 20px;
  156. font-style: italic;
  157. font-weight: normal;
  158. letter-spacing: -2px;
  159. text-align: center;
  160. }
  161.  
  162. h2 {
  163. font-family: georgia;
  164. font-size: 17px;
  165. font-style: italic;
  166. font-weight: normal;
  167. letter-spacing: -2px;
  168. }
  169.  
  170. h3 {
  171. font-family: georgia;
  172. font-size: 14px;
  173. font-style: italic;
  174. font-weight: normal;
  175. letter-spacing: -1px;
  176. }
  177.  
  178. .container {
  179. width: 800px;
  180. margin: auto;}
  181.  
  182. /* TOPBAR */
  183. .topbar {
  184. position: fixed;
  185. z-index: 2;
  186. height: 100px;
  187. width: 100%;
  188. margin-top: -10px;
  189. margin-left: -10px;
  190. background-color: {color:entry bg};
  191. border-bottom: 10px solid {color:outer borders};
  192. }
  193.  
  194. .toptitlehold {
  195. z-index: 4;
  196. position: fixed;
  197. background: transparent;
  198. width: 100%;
  199. height: auto;
  200. margin-top: 20px;
  201. text-align: center;
  202. }
  203.  
  204. .toptitle {
  205. display: inline-block;
  206. opacity: .8;
  207. height: auto;
  208. width: auto;
  209. margin: auto;
  210. padding: 5px 10px;
  211. background-color: {color:entry bg};
  212. color: {color:topbar title};
  213. font-family: georgia;
  214. font-size: 40px;
  215. font-style: italic;
  216. letter-spacing: -2px;
  217. text-align: center;
  218. text-transform: lowercase;
  219. }
  220.  
  221.  
  222. /* SIDEBAR */
  223. .left {
  224. position: fixed;
  225. height: auto;
  226. width: 150px;
  227. margin-top: 150px;
  228. {block:If500px}margin-left: 860px;{/block:If500px}
  229. {block:IfNot500px}margin-left: 760px;{/block:IfNot500px}
  230. background: transparent;
  231. }
  232.  
  233. .navibg {
  234. position: absolute;
  235. display: inline-block;
  236. height: auto;
  237. width: 95px;
  238. margin-top: 10px;
  239. margin-left: 30px;
  240. padding: 10px 0px 10px 10px;
  241. background-color: {color:outer borders};
  242. font-family: georgia;
  243. font-size: 15px;
  244. font-style: italic;
  245. letter-spacing: -1px;
  246. border-radius: 60px 15px 60px 15px;
  247. }
  248.  
  249. .navib {
  250.  
  251. height: auto;
  252. width: 75px;
  253. padding: 5px 5px 5px 5px;
  254. background-color: {color:entry bg};
  255. text-align: center;
  256. border-radius: 5px;
  257. }
  258.  
  259. .navib a{
  260. display: inline-block;
  261. }
  262.  
  263. {block:IfHoverCustomLinks}
  264. .navibh {
  265. z-index: 3;
  266. position: relative;
  267. }
  268.  
  269. .navibha {
  270. z-index: 4;
  271. position: fixed;
  272. overflow: hidden;
  273. height: 0px;
  274. margin-top: 80px;
  275. margin-left: 40px;
  276. padding-top: 15px;
  277. text-align: center;
  278. -moz-transition-duration: 0.7s;
  279. -o-transition-duration: 0.7s;
  280. -webkit-transition-duration: 0.7s;
  281. transition-duration: 0.7s;
  282. }
  283.  
  284. .navibha:hover{
  285. height: 150px;
  286. -moz-transition-duration: 0.7s;
  287. -o-transition-duration: 0.7s;
  288. -webkit-transition-duration: 0.7s;
  289. transition-duration: 0.7s;
  290. }
  291.  
  292. .navibha a {
  293. display: inline-block;
  294. height: auto;
  295. width: 80px;
  296. margin-top: 2px;
  297. padding: 4px 2px;
  298. background-color: {color:custom navi buttons bg};
  299. color: {color:custom navi text};
  300. font-family: trebuchet ms;
  301. font-size: 10px;
  302. -moz-transition-duration: 0.7s;
  303. -o-transition-duration: 0.7s;
  304. -webkit-transition-duration: 0.7s;
  305. transition-duration: 0.7s;
  306. }
  307.  
  308.  
  309. .navibha a:hover {
  310. color: {color:custom navi text hover};
  311. -moz-transition-duration: 0.7s;
  312. -o-transition-duration: 0.7s;
  313. -webkit-transition-duration: 0.7s;
  314. transition-duration: 0.7s;
  315. }
  316. {/block:IfHoverCustomLinks}
  317.  
  318. {block:IfNotHoverCustomLinks}
  319. .navibha {
  320. z-index: 4;
  321. position: fixed;
  322. overflow: hidden;
  323. height: 150px;
  324. margin-top: 95px;
  325. margin-left: 40px;
  326. padding-top: 0px;
  327. text-align: center;
  328. -moz-transition-duration: 0.7s;
  329. -o-transition-duration: 0.7s;
  330. -webkit-transition-duration: 0.7s;
  331. transition-duration: 0.7s;
  332. }
  333.  
  334. .navibha a {
  335. display: inline-block;
  336. height: auto;
  337. width: 80px;
  338. margin-top: 2px;
  339. padding: 4px 2px;
  340. background-color: {color:outer borders};
  341. color: {color:text};
  342. font-family: trebuchet ms;
  343. font-size: 10px;
  344. -moz-transition-duration: 0.7s;
  345. -o-transition-duration: 0.7s;
  346. -webkit-transition-duration: 0.7s;
  347. transition-duration: 0.7s;
  348. }
  349. {/block:IfNotHoverCustomLinks}
  350.  
  351. .iconbg {
  352. position: relative;
  353. height: 95px;
  354. width: 95px;
  355. margin-left: 30px;
  356. padding: 10px 0px 0px 10px;
  357. background-color: {color:outer borders};
  358. border-radius: 60px 15px 60px 15px;
  359. }
  360.  
  361. .iconbg img {
  362. height: 75px;
  363. width: 75px;
  364. border: 5px solid {color:entry bg};
  365. border-radius: 5px;
  366. }
  367.  
  368. .header {
  369. position: fixed;
  370. width: 230px;
  371. bottom: 0;
  372. {block:If500px}margin-left: 20px;{/block:If500px}
  373. {block:IfNot500px}margin-left: 20px;{/block:IfNot500px}
  374. margin-bottom: 515px;
  375. color: {color:header text};
  376. font-family: georgia;
  377. font-size: 20px;
  378. font-style: italic;
  379. letter-spacing: -2px;
  380. text-align: right;
  381. }
  382.  
  383. .sidebar {
  384. position: fixed;
  385. height: auto;
  386. width: auto;
  387. bottom: 0;
  388. margin-left: 30px;
  389. margin-bottom: 50px;
  390. padding: 20px;
  391. background-color: {color:outer borders};
  392. border-radius: 100px 20px 100px 20px;
  393. }
  394.  
  395. .sbback {
  396. overflow: hidden;
  397. height: 400px;
  398. width: 180px;
  399. background-color: {color:entry bg};
  400. padding: 10px;
  401. border-radius: 10px;
  402. }
  403.  
  404.  
  405. .sbtext {
  406. position: absolute;
  407. overflow: auto;
  408. opacity: .8;
  409. height: 0px;
  410. width: 180px;
  411. padding: 0;
  412. background-color: {color:entry bg};
  413. text-align: center;
  414. -moz-transition-duration: 0.7s;
  415. -o-transition-duration: 0.7s;
  416. -webkit-transition-duration: 0.7s;
  417. transition-duration: 0.7s;
  418. }
  419.  
  420.  
  421. .sbimg {
  422. overflow: hidden;
  423. position: absolute;
  424. height: 400px;
  425. width: 180px;
  426. margin-top: 0px;
  427. }
  428.  
  429.  
  430. .sbimg img{
  431. -moz-transition-duration: 0.7s;
  432. -o-transition-duration: 0.7s;
  433. -webkit-transition-duration: 0.7s;
  434. transition-duration: 0.7s;
  435. }
  436.  
  437. .sidebar:hover .sbtext {
  438. height: 400px;
  439. width: 160px;
  440. margin-top: 0;
  441. padding: 0px 10px;
  442. -moz-transition-duration: 0.7s;
  443. -o-transition-duration: 0.7s;
  444. -webkit-transition-duration: 0.7s;
  445. transition-duration: 0.7s;
  446. }
  447.  
  448. /* ENTRIES */
  449.  
  450. .postwrap {
  451. position: absolute;
  452. {block:If500px}width: 560px;{/block:If500px}
  453. {block:IfNot500px}width: 460px;{/block:IfNot500px}
  454. margin-left: 300px;
  455. padding-top: 120px;
  456.  
  457. }
  458.  
  459.  
  460. .entry {
  461. margin-bottom: 20px;
  462. padding: 20px;
  463. background-color: {color:outer borders};
  464. border-radius: 150px 20px 150px 20px;
  465. }
  466.  
  467. .entrytitle {
  468. padding-right: 5px;
  469. color: {color:title text};
  470. font-family: georgia;
  471. {block:If500px}font-size: 30px;{/block:If500px}
  472. {block:IfNot500px}font-size: 25px;{/block:IfNot500px}
  473. font-style: italic;
  474. letter-spacing: -3px;
  475. line-height: 25px;
  476. text-align: right;
  477. text-transform: lowercase;
  478. border-bottom: 1px dashed {color:dashed borders};
  479.  
  480. }
  481.  
  482. .entryy {
  483. padding: 10px;
  484. background-color: {color:entry bg};
  485. text-align: justify;
  486. border-radius: 10px;
  487. }
  488. /* ANSWER */
  489.  
  490. .question {
  491. overflow: ;
  492. min-height: 10px;
  493. width: auto;
  494. padding: 10px;
  495. background-color: {color:question bg};
  496. color: {color:question text};
  497. text-align: center;
  498. border-radius: 10px;
  499. }
  500.  
  501. .askericon img {
  502. border-radius: 2px;
  503. }
  504.  
  505. .askerurl {
  506. font-family: georgia;
  507. font-style: italic;
  508. letter-spacing: -1px;
  509. }
  510.  
  511. /* QUOTES */
  512.  
  513. .marks {
  514. position: absolute;
  515. margin-top: -20px;
  516. margin-right: 10px;
  517. color: {color:links};
  518. font-family: georgia;
  519. font-size: 150px;
  520. font-style: italic;
  521.  
  522. }
  523.  
  524. .quote {
  525. margin-top: 20px;
  526. margin-left: 60px;
  527. padding-left: 10px;
  528. color: {color:title text};
  529. font-family: georgia;
  530. font-size: 17px;
  531. font-style: italic;
  532. letter-spacing: -1px;
  533. text-transform: lowercase;
  534.  
  535. }
  536.  
  537. /* CHAT POST */
  538.  
  539. .convo li {
  540. list-style: none;
  541. margin-left: -20px;
  542. }
  543.  
  544. .line_odd {
  545. padding: 2px;
  546.  
  547. }
  548.  
  549. .line_even {
  550. padding: 2px;
  551. }
  552.  
  553. .convo .label {
  554. text-transform: uppercase;
  555. font-weight: bold;
  556. }
  557.  
  558. .line_odd .label {
  559. color: {color:links};
  560. }
  561.  
  562. .line_even .label {
  563. color: {color:links hover};
  564.  
  565. }
  566.  
  567.  
  568. /* PHOTOS */
  569. {block:IfMonochromeImages}.photos {
  570. -webkit-filter: grayscale(1);
  571. -webkit-transition: all 0.5s ease-in-out;
  572. -moz-transition: all 0.5s ease-in-out;
  573. -o-transition: all 0.5s ease-in-out;
  574. -ms-transition: all 0.5s ease-in-out;
  575. transition: all 0.5s ease-in-out;
  576. }
  577.  
  578. .photos:hover {
  579. filter: none;
  580. -webkit-filter: grayscale(0);
  581. -webkit-transition: all 0.5s ease-in-out;
  582. -moz-transition: all 0.5s ease-in-out;
  583. -o-transition: all 0.5s ease-in-out;
  584. -ms-transition: all 0.5s ease-in-out;
  585. transition: all 0.5s ease-in-out;
  586. }{/block:IfMonochromeImages}
  587.  
  588. /* AUDIO */
  589. .playerbuttonbg {
  590. position: absolute;
  591. left: 20px;
  592. top: -20px;
  593. width: 16px;
  594. height: 20px;
  595. background-color: #fff;
  596. padding: 10px;
  597. opacity: .4;
  598. filter: alpha(opacity=40);
  599. -moz-opacity: 0.4;
  600. -khtml-opacity: 0.4;
  601. transition: opacity .7s ease-in-out;
  602. -moz-transition: opacity .7s ease-in-out;
  603. -webkit-transition: opacity .7s ease-in-out;
  604. }
  605.  
  606. .playerbuttonbg:hover {
  607. opacity: 1;
  608. filter: alpha(opacity=100);
  609. -moz-opacity: 1;
  610. -khtml-opacity: 1;
  611. }
  612.  
  613. .newplayerbutton {
  614. position: relative;
  615. width: 20px;
  616. height: 20px;
  617. overflow: hidden;
  618. }
  619.  
  620. .playerbuttonhug {
  621. position: absolute;
  622. top: -35px;
  623. left: -17px;
  624. }
  625.  
  626. .tumblr_audio_player {
  627. height: 90px;
  628. width: 270px;
  629. -moz-transform: scale(0.60, 0.60);
  630. -webkit-transform: scale(0.60, 0.60);
  631. -o-transform: scale(0.60, 0.60);
  632. -ms-transform: scale(0.60, 0.60);
  633. transform: scale(0.60, 0.60);
  634. -moz-transform-origin: top left;
  635. -webkit-transform-origin: top left;
  636. -o-transform-origin: top left;
  637. -ms-transform-origin: top left;
  638. transform-origin: top left;
  639. }
  640.  
  641. .audioimgwrapper {
  642. position: absolute;
  643. overflow: hidden;
  644. height: 70px;
  645. width: 70px;
  646. left: 0px;
  647. top: -40px;
  648. border: 3px solid {color:outer borders};
  649.  
  650. }
  651.  
  652. .audioimgwrapper img {
  653. width: 100%;
  654. height: auto;
  655. }
  656.  
  657. .trackdetailshold {
  658. width: 400px;
  659. margin-top: 0px;
  660. margin-left: 80px;
  661. }
  662.  
  663. .trackdetails {
  664. {block:If500px}width: 395px;{/block:If500px}
  665. {block:IfNot500px}width: 295px;{/block:IfNot500px}
  666. height: auto;
  667. margin-top: 0px;
  668. padding: 2px 8px;
  669. background-color: {color:outer borders};
  670. color: {color:navi text};
  671. line-height: 15px;
  672. text-transform: uppercase;
  673. }
  674.  
  675. .audiowrapper {
  676. position: relative;
  677. display:inline-block;
  678. }
  679.  
  680. /* POST INFO */
  681.  
  682. .info {
  683. z-index: 3;
  684. width:auto;
  685. margin-top:10px;
  686. padding: 2px 6px;
  687. background-color: {color:post info bg};
  688. color: {color:post info text};
  689. font-size:8px;
  690. font-family:trebuchet ms;
  691. text-align: left;
  692. text-transform: lowercase;
  693. letter-spacing:1px;
  694. border-radius: 4px;
  695. }
  696.  
  697. .info a {
  698. color: {color:post info links};
  699. }
  700.  
  701. .info a:hover {
  702. color: {color:post info links hover};
  703. }
  704.  
  705. /* TAGS */
  706.  
  707. .indextags {
  708. overflow: auto;
  709. display: inline-block;
  710. float: center;
  711. opacity: 1;
  712. height: auto;
  713. margin-top: 5px;
  714. padding-left: 10px;
  715. padding-right: 30px;
  716. color: {color:entry text};
  717. font-size: 8px;
  718. font-family: trebuchet ms;
  719. letter-spacing: 1px;
  720. text-transform: lowercase;
  721. text-align: left;
  722. -webkit-transition: all .7s ease-in-out;
  723. -moz-transition: all .7s ease-in-out;
  724. -o-transition: all .7s ease-in-out;
  725. -ms-transition: all .7s ease-in-out;
  726. transition: all .7s ease-in-out;
  727. }
  728.  
  729. .indextags a {
  730. color: {color:link};
  731. text-decoration: none;
  732. -webkit-transition: all .7s ease-in-out;
  733. -moz-transition: all .7s ease-in-out;
  734. -o-transition: all .7s ease-in-out;
  735. -ms-transition: all .7s ease-in-out;
  736. transition: all .7s ease-in-out;
  737. }
  738.  
  739. .indextags a:hover {
  740. color: {color:link hover};
  741. -webkit-transition: all .7s ease-in-out;
  742. -moz-transition: all .7s ease-in-out;
  743. -o-transition: all .7s ease-in-out;
  744. -ms-transition: all .7s ease-in-out;
  745. transition: all .7s ease-in-out;
  746. }
  747.  
  748. .entry:hover .indextags {
  749. opacity: 1;
  750. -webkit-transition: all .7s ease-in-out;
  751. -moz-transition: all .7s ease-in-out;
  752. -o-transition: all .7s ease-in-out;
  753. -ms-transition: all .7s ease-in-out;
  754. transition: all .7s ease-in-out;
  755. }
  756.  
  757. /* PERMALINK PAGE */
  758. .permalink {
  759. position: relative;
  760. z-index: 999px;
  761. {block:if500px}width: 500px;{/block:if500px}
  762. {block:ifNot500px}width: 400px;{/block:ifNot500px}
  763. margin: 20px 20px 0px 0px;
  764. color: {color:entrytext};
  765. font-family: trebuchet ms;
  766. font-size: 9px;
  767. letter-spacing: 1px;
  768. text-align: center;
  769. text-transform: lowercase;
  770. }
  771.  
  772. .permalinknotes {
  773. position: relative;
  774. z-index: 999px;
  775. overflow: hidden;
  776. margin-top: 20px;
  777. {block:if500px}width: 500px;{/block:if500px}
  778. {block:ifNot500px}width: 400px;{/block:ifNot500px}
  779. color: {color:text};
  780. font-family: verdana;
  781. font-size: 8px;
  782. letter-spacing: 1px;
  783. text-transform: lowercase;
  784.  
  785. }
  786.  
  787. .permalinknotes a {
  788. color: {color:link};
  789. text-decoration: none;
  790. -webkit-transition: all 0.5s ease-in-out;
  791. -moz-transition: all 0.5s ease-in-out;
  792. -o-transition: all 0.5s ease-in-out;
  793. -ms-transition: all 0.5s ease-in-out;
  794. transition: all 0.5s ease-in-out;
  795. }
  796.  
  797. .permalinknotes a:hover {
  798. color: {color:link hover};
  799. }
  800.  
  801. /* NOTES */
  802.  
  803. ol.notes {
  804. overflow: auto;
  805. position: static;
  806. padding: 2px;
  807. max-height: 200px;
  808. {block:if500px}width: 470px;{/block:if500px}
  809. {block:ifNot500px}width: 370px;{/block:ifNot500px}
  810. margin: 15px 0px;
  811. padding: 10px;
  812. letter-spacing: 1px;
  813. list-style-type: none;
  814. }
  815.  
  816. ol.notes li.note {
  817. margin-left: 10px
  818. margin-bottom: 10px;
  819. letter-spacing: 1px;
  820. line-height: 20px;
  821.  
  822. }
  823.  
  824. .notes img{
  825. opacity: .7;
  826. margin-bottom: -5px;
  827. margin-right: 5px;
  828. border-radius: 2px;
  829. }
  830.  
  831. .notes::-webkit-scrollbar-thumb:horizontal {
  832. height:20px!important;
  833. background-color: {color:borders};
  834. border: 5px solid transparent;
  835.  
  836.  
  837. }
  838.  
  839. .notes::-webkit-scrollbar-thumb:vertical {
  840. width: 4px!important;
  841. background-color: {color:borders};
  842. border: 5px solid transparent;
  843.  
  844. }
  845.  
  846. .notes::-webkit-scrollbar {
  847. height:0px;
  848. width:4px;
  849. background-color: transparent;
  850. }
  851.  
  852.  
  853. /* PAGINATION */
  854. .pagiholder {
  855. margin-bottom: 10px;
  856. padding: 15px;
  857. background-color: {color:outer borders};
  858. border-radius: 150px 20px 150px 20px;
  859. }
  860.  
  861. .pagination {
  862. z-index: 10;
  863. height: 30px;
  864. {block:IfNot500px}width: 420px;{/block:IfNot500px}
  865. padding: 5px;
  866. background-color: {color:entry bg};
  867. color: {color:text};
  868. font-family: trebuchet ms;
  869. font-size: 10px;
  870. letter-spacing: 1px;
  871. text-align: center;
  872. text-transform: uppercase;
  873. border-radius: 10px;
  874.  
  875. }
  876.  
  877. .currentpage {
  878. display: inline-block;
  879. background-color: {color:outer borders};
  880. color: {color:links};
  881. padding: 0px 5px 1px 6px;
  882. font-size: 12px;
  883. text-decoration: none;
  884. -webkit-transition: all 0.5s ease-in-out;
  885. -moz-transition: all 0.5s ease-in-out;
  886. -o-transition: all 0.5s ease-in-out;
  887. -ms-transition: all 0.5s ease-in-out;
  888. transition: all 0.5s ease-in-out;
  889. }
  890.  
  891. .pagination a {
  892. display: inline-block;
  893. background-color: {color:outer borders};
  894. color: {color:links};
  895. margin-top: 8px;
  896. padding: 2px 8px 2px 8px;
  897. text-decoration: none;
  898. -webkit-transition: all 0.5s ease-in-out;
  899. -moz-transition: all 0.5s ease-in-out;
  900. -o-transition: all 0.5s ease-in-out;
  901. -ms-transition: all 0.5s ease-in-out;
  902. transition: all 0.5s ease-in-out;}
  903.  
  904. .pagination a:hover {
  905. color: {color:Links};
  906. -webkit-transition: all 0.5s ease-in-out;
  907. -moz-transition: all 0.5s ease-in-out;
  908. -o-transition: all 0.5s ease-in-out;
  909. -ms-transition: all 0.5s ease-in-out;
  910. transition: all 0.5s ease-in-out;
  911. }
  912.  
  913. /* CREDIT - DO NOT REMOVE */
  914. .logo {
  915. z-index: 9999;
  916. position: fixed;
  917. height: 30px;
  918. width: 30px;
  919. right: 10px;
  920. bottom: 10px;
  921. background-color: {color:outer borders};
  922. color: #f3e5e5;
  923. font-family: trebuchet ms;
  924. font-size: 8px;
  925. letter-spacing: 1px;
  926. line-height: 30px;
  927. text-align: center;
  928. border-radius: 20px;
  929. -moz-transition-duration: 0.5s;
  930. -o-transition-duration: 0.5s;
  931. -webkit-transition-duration: 0.5s;
  932. transition-duration: 0.5s;
  933. }
  934.  
  935. .logo a {
  936. color: {color:text};
  937. width: 100px;
  938. -moz-transition-duration: 0.5s;
  939. -o-transition-duration: 0.5s;
  940. -webkit-transition-duration: 0.5s;
  941. transition-duration: 0.5s;
  942.  
  943. }
  944.  
  945. .logo a:hover {
  946. color: {color:text};
  947. width: 100px;
  948. -moz-transition-duration: 0.5s;
  949. -o-transition-duration: 0.5s;
  950. -webkit-transition-duration: 0.5s;
  951. transition-duration: 0.5s;
  952.  
  953. }
  954.  
  955. #s-m-t-tooltip {
  956. z-index:999;
  957. padding: 5px 10px;
  958. margin:20px 14px 7px 10px;
  959. background-color: {color:entry bg};
  960. color: {color:text};
  961. font-family: verdana;
  962. font-size: 8px;
  963. letter-spacing: 0px;
  964. text-transform:uppercase;
  965. border: 3px solid {color:outer borders};
  966. border-radius: 7px;
  967. }
  968. </style>
  969. </head>
  970.  
  971. <body>
  972. <div class="logo"><a href="http://cynessie.tumblr.com" title="THEME CREATED BY CYNESSIE [CYTHEMES]. THIS THEME WAS PERSONALIZED SPECIFICALLY FOR XONADINEE BY CYNESSIE. THIS VERSION IS NOT FOR PUBLIC USE.">CY</a></div>
  973.  
  974. <div class="topbar"><center><img src="{image:topbar image}"></center></div>
  975. <div class="toptitlehold">
  976. <div class="toptitle">{text:topbar title}</div>
  977. </div>
  978.  
  979. <div class="left">
  980. <div class="iconbg">
  981. <img src="{favicon}">
  982. </div>
  983.  
  984. <div class="navibg">
  985. <div class="navib">
  986. <a href="/">home</a><br>
  987. <a href="/archive">archive</a><br>
  988. <a href="/ask">message</a><br>
  989. {block:IfHoverCustomLinks}<div class="navibh"><a href="/">more</a></div>{/block:IfHoverCustomLinks}
  990. </div>
  991. </div>
  992.  
  993. {block:IfHoverCustomLinks}
  994. <div class="navibha">
  995. <br><br>
  996. {block:IfLink1Title}<a href="{text:Link 1 URL}">{text:Link 1 Title}</a>{/block:IfLink1Title}<br>
  997. {block:IfLink2Title}<a href="{text:Link 2 URL}">{text:Link 2 Title}</a>{/block:IfLink2Title}<br>
  998. {block:IfLink3Title}<a href="{text:Link 3 URL}">{text:Link 3 Title}</a>{/block:IfLink3Title}<br>
  999. {block:IfLink4Title}<a href="{text:Link 4 URL}">{text:Link 4 Title}</a>{/block:IfLink4Title}<br>
  1000. {block:IfLink5Title}<a href="{text:Link 5 URL}">{text:Link 5 Title}</a>{/block:IfLink5Title}<br>
  1001. {block:IfLink6Title}<a href="{text:Link 6 URL}">{text:Link 6 Title}</a>{/block:IfLink6Title}
  1002. </div>
  1003. {/block:IfHoverCustomLinks}
  1004.  
  1005. {block:IfNotHoverCustomLinks}
  1006. <div class="navibha">
  1007. {block:IfLink1Title}<a href="{text:Link 1 URL}">{text:Link 1 Title}</a>{/block:IfLink1Title}<br>
  1008. {block:IfLink2Title}<a href="{text:Link 2 URL}">{text:Link 2 Title}</a>{/block:IfLink2Title}<br>
  1009. {block:IfLink3Title}<a href="{text:Link 3 URL}">{text:Link 3 Title}</a>{/block:IfLink3Title}<br>
  1010. {block:IfLink4Title}<a href="{text:Link 4 URL}">{text:Link 4 Title}</a>{/block:IfLink4Title}<br>
  1011. {block:IfLink5Title}<a href="{text:Link 5 URL}">{text:Link 5 Title}</a>{/block:IfLink5Title}<br>
  1012. {block:IfLink6Title}<a href="{text:Link 6 URL}">{text:Link 6 Title}</a>{/block:IfLink6Title}
  1013. </div>
  1014. {/block:IfNotHoverCustomLinks}
  1015. </div>
  1016.  
  1017. <div class="header">{text:header}</div>
  1018. <div class="sidebar">
  1019. <div class="sbback">
  1020. <div class="sbimg">
  1021. <img src="{image:sidebar img}">
  1022. </div>
  1023. <div class="sbtext">
  1024. <table><tr><td style="height:400px;">
  1025. <br>
  1026. {Description}
  1027. <br>
  1028. </td></tr></table>
  1029. </div>
  1030. </div>
  1031. </div>
  1032.  
  1033.  
  1034.  
  1035. <div class="postwrap">
  1036. {block:IfinfiniteScroll}<div class="autopagerize_page_element">{/block:IfinfiniteScroll}
  1037. {block:Posts}
  1038. <div class="entry">
  1039. <div class="entryy">
  1040.  
  1041.  
  1042. <!---------------------------------------------------
  1043. TEXT POSTS
  1044. ---------------------------------------------------->
  1045. {block:Text}
  1046. {block:Title}<div class="entrytitle">{Title}</div>{/block:Title}
  1047.  
  1048. {Body}
  1049.  
  1050. {/block:Text}
  1051.  
  1052. <!---------------------------------------------------
  1053. ANSWER POSTS
  1054. ---------------------------------------------------->
  1055. {block:Answer}
  1056. <div class="ques">
  1057. <div class="question">
  1058. {Question}
  1059. </div><center>
  1060. <table>
  1061. <tr>
  1062. <td><div style="color:{color:outer borders}; margin-top: -6px; font-size: 15px;">◥</div></td>
  1063. <td class="askericon"><img src="{AskerPortraitURL-16}"></td> <td class="askerurl">{Asker}</td>
  1064. </td>
  1065. </tr>
  1066. </table>
  1067. </center>
  1068. {Answer}
  1069. </div>
  1070.  
  1071. {/block:Answer}
  1072.  
  1073. <!---------------------------------------------------
  1074. QUOTE POSTS
  1075. ---------------------------------------------------->
  1076. {block:Quote}
  1077. <div class="marks">“</div>
  1078. <div class="quote">{Quote}</div>
  1079. <br>
  1080. {block:Source}<div align="right"><b>—</b> {Source}</div>{/block:Source}
  1081. {/block:Quote}
  1082.  
  1083. <!---------------------------------------------------
  1084. LINK POSTS
  1085. ---------------------------------------------------->
  1086. {block:Link}
  1087. <div class="entrytitle"><a href="{URL}">» {Name}</a></div>
  1088. {block:Description}{Description}{/block:Description}
  1089. {/block:Link}
  1090.  
  1091. <!---------------------------------------------------
  1092. CHAT POSTS
  1093. ---------------------------------------------------->
  1094. {block:Chat}
  1095. {block:Title}<div class="entrytitle">{Title}</div>
  1096. {/block:Title}
  1097. <ul class="convo">{block:Lines}
  1098. <li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}
  1099. {Line}</li>
  1100. {/block:Lines}</ul>
  1101.  
  1102. {/block:Chat}
  1103.  
  1104. <!---------------------------------------------------
  1105. PHOTO POSTS
  1106. ---------------------------------------------------->
  1107. {block:Photo}
  1108.  
  1109. {block:IfNot500px}{LinkOpenTag}<div class="photos"><img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px"></div>{LinkCloseTag}{/block:IfNot500px}
  1110.  
  1111. {block:if500px}{LinkOpenTag}<div class="photos"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></div>{LinkCloseTag}{/block:if500px}
  1112. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1113.  
  1114. {/block:Photo}
  1115.  
  1116. <!---------------------------------------------------
  1117. PHOTOSET POSTS
  1118. ---------------------------------------------------->
  1119. {block:Photoset}
  1120. {block:IfNot500px}<div class="photos">{Photoset-400}</div>{/block:IfNot500px}
  1121. {block:If500px}<div class="photos">{Photoset-500}</div>{/block:if500px}
  1122. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1123. {/block:Photoset}
  1124.  
  1125. <!---------------------------------------------------
  1126. AUDIO POSTS
  1127. ---------------------------------------------------->
  1128.  
  1129. {block:AudioPlayer}
  1130. <table style="margin-top: 5px;"><tr>
  1131. <td>
  1132. <div class="audiowrapper">
  1133. {block:AlbumArt}
  1134. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1135. {/block:AlbumArt}
  1136.  
  1137. <div class="playerbuttonbg">
  1138. <div class="newplayerbutton">
  1139. <div class="playerbuttonhug">
  1140.  
  1141. {AudioPlayerWhite}
  1142.  
  1143. </div>
  1144. </div>
  1145. </div></td>
  1146. <td>
  1147. <div class="trackdetailshold">
  1148. <div class="trackdetails">
  1149. {block:TrackName}<b>Song: </b>{TrackName}<br>{/block:TrackName}
  1150. {block:Artist}<b>Artist: </b>{Artist}<br>{/block:Artist}
  1151. {block:Album}<b>Album: </b>{Album}<br>{/block:Album}
  1152. {block:PlayCount}<b>Plays: </b>{PlayCount}</div>{/block:PlayCount}
  1153. </div>
  1154.  
  1155. </div>
  1156. </td>
  1157. </tr></table>
  1158. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1159.  
  1160. {/block:AudioPlayer}
  1161.  
  1162. <!---------------------------------------------------
  1163. VIDEO POSTS
  1164. ---------------------------------------------------->
  1165. {block:Video}
  1166. {block:IfNot500px}{Video-400}{/block:IfNot500px}
  1167. {block:If500px}{Video-500}{/block:If500px}
  1168. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  1169.  
  1170. {/block:Video}
  1171.  
  1172. <!---------------------------------------------------
  1173. POST INFO
  1174. ---------------------------------------------------->
  1175. {block:IndexPage}
  1176. {block:Date}<div class="info">
  1177. {block:Date}
  1178. <a href="{Permalink}">{Month} {DayOfMonthWithZero}, {Year}</a> {/block:Date} {block:NoteCount}/ <a href="{Permalink}">{NoteCount} Notes</a>{/block:NoteCount} <div style="float:right;">{block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom} {block:ContentSource}/ source: <a href="{SourceURL}">{SourceLink}</a>
  1179. {/block:ContentSource}</div>
  1180. </div>{/block:Date}
  1181.  
  1182.  
  1183. {block:IfShowtags}{block:HasTags}<div class="indextags">TAGS:&nbsp;&nbsp;{block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}</div>{/block:HasTags}{/block:IfShowtags}{block:IndexPage}
  1184.  
  1185.  
  1186. <!---------------------------------------------------
  1187. POST INFO
  1188. ---------------------------------------------------->
  1189. {block:PermalinkPage}
  1190. <div class="permalinknotes">
  1191. <div class="permalink">
  1192. {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>{block:RebloggedFrom}<b>origin:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> &nbsp;|&nbsp; <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br />{/block:RebloggedFrom}
  1193. {block:HasTags}<b>tags:</b> {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;{/block:Tags}{/block:HasTags}
  1194. </div>
  1195. {block:PostNotes}
  1196. {PostNotes-16} {PostNotes}
  1197. {/block:PostNotes}
  1198. </div>
  1199. {/block:PermalinkPage}
  1200.  
  1201. </div>
  1202. </div>
  1203. {/block:Posts}{block:IfinfiniteScroll}</div>{/block:IfinfiniteScroll}
  1204.  
  1205. <!---------------------------------------------------
  1206. PAGINATION
  1207. ---------------------------------------------------->
  1208.  
  1209.  
  1210. {block:IfNotinfiniteScroll}
  1211. {block:Pagination}
  1212. <div class="pagiholder">
  1213. <div class="pagination">
  1214. {block:PreviousPage}
  1215. <span style="font-family: georgia; font-size: 10px;"><a href="{PreviousPage}">«</a></span>
  1216. {/block:PreviousPage}
  1217.  
  1218. {block:JumpPagination length="5"}
  1219. {block:CurrentPage}
  1220. <span class="currentpage">●</span>
  1221. {/block:CurrentPage}
  1222.  
  1223. {block:JumpPage}
  1224. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1225. {/block:JumpPage}
  1226. {/block:JumpPagination}
  1227.  
  1228. {block:NextPage}
  1229. <span style="font-family: georgia; font-size: 10px;"><a href="{NextPage}">»</a></span>
  1230. {/block:NextPage}
  1231. </div></div>
  1232. {/block:Pagination}
  1233. {/block:IfNotinfiniteScroll}
  1234.  
  1235. </div>
  1236. </body>
  1237. </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!