API tools faq
paste
trenzalours

Arabella - 20

trenzalours
Oct 26th, 2014
2,031
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.62 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5. <title>{Title}</title>
  6.  
  7. <link rel="shortcut icon" href="{favicon}">
  8. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  10. <link href='http://fonts.googleapis.com/css?family=Inconsolata:700,400' rel='stylesheet' type='text/css'>
  11. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  12.  
  13. <!-- ᴄᴜsᴛᴏᴍ ᴛʜᴇᴍᴇ
  14. ʙʏ ᴛʀᴇɴᴢᴀᴛʜᴇᴍᴇs
  15. ᴅᴏɴ·ᴛ sᴛᴇᴀʟ ɪᴛs ɴᴏᴛ ᴄʜɪʟʟ
  16. -->
  17.  
  18. <meta name="image:Background Image" content="http://static.tumblr.com/3dkvxpf/yFjn941og/tumblr_mx3toqf8vu1st5lhmo1_1280.jpg"/>
  19.  
  20. <meta name="select:Background image" content="bg-none" title="None">
  21. <meta name="select:Background image" content="bg-cover"
  22. title="Full screen">
  23. <meta name="select:Background image" content="bg-pattern"
  24. title="Pattern">
  25. <meta name="select:Background image" content="bg-gradient"
  26. title="Gradient">
  27.  
  28. <meta name="color:Background" content="#ffffff"/>
  29. <meta name="color:Title" content="#000000"/>
  30. <meta name="color:Text" content="#aaaaaa"/>
  31. <meta name="color:Link" content="#000000"/>
  32. <meta name="color:Description Text" content="#aaaaaa"/>
  33. <meta name="color:Hover" content="#ffffff"/>
  34. <meta name="color:Borders" content="#aaaaaa"/>
  35. <meta name="color:Scrollbar" content="#000000"/>
  36. <meta name="color:Accent" content="#ffffff"/>
  37. <meta name="color:Gradient 1" content="#eeeeee"/>
  38. <meta name="color:Gradient 2" content="#b8b8b8"/>
  39.  
  40. <meta name="if:400px" content="1">
  41. <meta name="if:Lazy Load" content="0">
  42.  
  43. <meta name="text:FAQ" content="Type out your FAQ here!">
  44.  
  45.  
  46. <meta name="text:Link 1 URL" content="" />
  47. <meta name="text:Link 1" content="" />
  48. <meta name="text:Link 2 URL" content="" />
  49. <meta name="text:Link 2" content="" />
  50. <meta name="text:Link 3 URL" content="" />
  51. <meta name="text:Link 3" content="" />
  52. <meta name="text:Link 4 URL" content="" />
  53. <meta name="text:Link 4" content="" />
  54.  
  55.  
  56.  
  57. <!--side push menu from codrops-->
  58. <!--don't touch-->
  59. <script src="http://takien.github.io/jPushMenu/js/jquery-1.9.1.min.js"></script>
  60. <script src="http://takien.github.io/jPushMenu/js/jPushMenu.js"></script>
  61.  
  62. <!--call jPushMenu, required-->
  63. <script>
  64. jQuery(document).ready(function($) {
  65. $('.toggle').jPushMenu();
  66. });
  67. </script>
  68.  
  69. <!-- jquery for tooltips-->
  70. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  71.  
  72. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  73.  
  74. <script>
  75.  
  76. (function($){
  77.  
  78. $(document).ready(function(){
  79.  
  80. $("a[title]").style_my_tooltips({
  81.  
  82. tip_follows_cursor:true,
  83.  
  84. tip_delay_time:30,
  85.  
  86. tip_fade_speed:300,
  87.  
  88. attribute:"title"
  89.  
  90. });
  91.  
  92. });
  93.  
  94. })(jQuery);
  95.  
  96. </script>
  97.  
  98. <!--CSS customization here. -->
  99.  
  100. <style type="text/css">
  101.  
  102. *, #nav a:hover {
  103. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  104. }
  105.  
  106. *, #tops a:hover {
  107. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  108. }
  109.  
  110. *, body a:hover {
  111. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  112. }
  113.  
  114. #s-m-t-tooltip{
  115. padding:4px 9px;
  116. position:absolute;
  117. margin: 10px 20px;
  118. padding:5px;
  119. font-size:11px;
  120. z-index: 99999999999;
  121. letter-spacing:1px;
  122. text-transform:lowercase;
  123. font-family: 'Inconsolata',sans-serif;
  124. background:{color:background};
  125. }
  126.  
  127. /* SELECTION */
  128.  
  129. ::selection {
  130. background-color:{color:accent};
  131. color:black;}
  132.  
  133. ::-webkit-scrollbar{width: 6px;}
  134. ::-webkit-scrollbar-thumb{
  135. border:1px solid {color:scrollbar};
  136. opacity:0.3;
  137. }
  138. ::-webkit-scrollbar-track {
  139. background: rgba(255, 255, 255, 0.3);}
  140.  
  141. /* END CSS Code for Scrollbar END */
  142.  
  143. /*basics*/
  144. blockquote {padding:5px 0 5px 30px;
  145. border-left:1px solid {color:text};
  146. margin-left:30px;
  147. }
  148.  
  149. body {
  150. background:{color:background};
  151. color:{color:text};
  152. font-family:'Consolas', sans-serif;
  153. font-size:10px;
  154. letter-spacing:1px;
  155. text-align:justify;
  156. margin:0;
  157. line-height:1.3em;}
  158.  
  159.  
  160. .bg-none{background:{color:background};}
  161.  
  162. .bg-cover {
  163. background: url({image:Background Image})
  164. no-repeat center center fixed;
  165. -webkit-background-size: cover;
  166. -moz-background-size: cover;
  167. -o-background-size: cover;
  168. background-size: cover;}
  169.  
  170. .bg-pattern {
  171. background: url({image:Background Image});
  172. background-repeat:repeat;
  173. background-attachment: fixed; }
  174.  
  175. .bg-gradient {
  176. background: {color:Gradient 1}; /* Old browsers */
  177. background: -moz-linear-gradient(top, {color:Gradient 1} 0%, {color:Gradient 2} 100%); /* FF3.6+ */
  178. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,{color:Gradient 1}), color-stop(100%,{color:Gradient 2})); /* Chrome,Safari4+ */
  179. background: -webkit-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* Chrome10+,Safari5.1+ */
  180. background: -o-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* Opera 11.10+ */
  181. background: -ms-linear-gradient(top, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* IE10+ */
  182. background: linear-gradient(to bottom, {color:Gradient 1} 0%,{color:Gradient 2} 100%); /* W3C */
  183. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='{color:Gradient 1}', endColorstr='{color:Gradient 2}',GradientType=0 ); /* IE6-9 */
  184. background-attachment: fixed;
  185. }
  186.  
  187.  
  188.  
  189. a {
  190. color:{color:link};
  191. text-decoration:none;
  192. -webkit-transition: all 1s ease;
  193. -moz-transition: all 1s ease;
  194. -o-transition: all 1s ease;
  195. -ms-transition: all 1s ease;
  196. transition: all 1s ease;
  197. }
  198.  
  199. a:hover {
  200. color:{color:hover};
  201. text-decoration:line-through;
  202. -webkit-transition: all 1s ease;
  203. -moz-transition: all 1s ease;
  204. -o-transition: all 1s ease;
  205. -ms-transition: all 1s ease;
  206. transition: all 1s ease;
  207. }
  208.  
  209. img{opacity:1;
  210. border:none;
  211. text-decoration:none}
  212.  
  213.  
  214. small {
  215. font-size:10px;}
  216.  
  217. big {
  218. font-size:12px;}
  219.  
  220. pre{
  221. background:{color:background};
  222. padding:10px;
  223. color:{color:text};
  224. border-bottom:1px solid {color:borders};
  225. font-size:10px;
  226. letter-spacing:1px;
  227. white-space: pre-wrap;
  228. white-space: -moz-pre-wrap;
  229. white-space: -pre-wrap;
  230. white-space: -o-pre-wrap;
  231. word-wrap: break-word;}
  232.  
  233. code{
  234. text-transform:lowercase;
  235. font-style:italic;
  236. }
  237.  
  238. b,strong{
  239. color:{color:accent};
  240. font-weight:bold;
  241. }
  242. em,i{
  243. color:{color:accent};
  244. font-style:italic;
  245. }
  246.  
  247.  
  248. strike{
  249. text-decoration: line-through;
  250. }
  251.  
  252.  
  253. #title {font-size:12px;
  254. line-height:1.4em;
  255. margin-bottom:10px;
  256. text-transform:uppercase;
  257. text-align:left;
  258. font-family: 'Inconsolata',sans-serif;}
  259.  
  260.  
  261. /*sidebar*/
  262.  
  263. .sidebar{
  264. left: 50%;
  265. margin-left: -520px;
  266. top:23%;
  267. position:fixed;
  268. width:200px;
  269. background:rgba(255,255,255,0.7);
  270. border:1px solid {color:borders};
  271. padding:30px 30px 12px;
  272. }
  273.  
  274. .btitle{
  275. text-align:center;
  276. font-size:21px;
  277. font-family: 'Inconsolata',sans-serif;
  278. text-transform:uppercase;
  279. color:{color:title};
  280. line-height:1.3em;
  281. width:200px;
  282. padding:1px;
  283. margin-top:-10px;
  284. background:rgba(255,255,255,0.8);
  285.  
  286. }
  287. .btitle a{
  288. color:{color:title};
  289. }
  290.  
  291. .btitle a:hover{
  292. text-decoration:none;
  293. color:{color:Hover};
  294. -webkit-transition: all 1s ease;
  295. -moz-transition: all 1s ease;
  296. -o-transition: all 1s ease;
  297. -ms-transition: all 1s ease;
  298. transition: all 1s ease;
  299. }
  300.  
  301. .descript{
  302. width:181px;
  303. margin:4px auto;
  304. line-height:1.3em;
  305. font-size:10px;
  306. word-spacing:2px;
  307. text-align:center;
  308. text-transform:lowercase;
  309. padding:10px;
  310. background:rgba(255,255,255,0.8);
  311. font-style:italic;
  312. color:{color:Description Text};
  313. }
  314. .nav-link{
  315. text-align:center;
  316. padding:5px 0px 0px;
  317. }
  318. .nav-link a{
  319. padding:4px;
  320. margin-right:4px;
  321. border:1px solid {color:borders};
  322. background:rgba(255,255,255,0.7);
  323. display:inline-block;
  324. border-radius:0%;
  325.  
  326. }
  327.  
  328. .nav-link a:hover{
  329. background:{color:hover};
  330. border:1px solid white;
  331. opacity:.7;
  332. border-radius:100%;
  333. }
  334.  
  335.  
  336. /*pagination*/
  337. #pagination {
  338. margin-bottom:50px;
  339. width:480px;
  340. margin-left:-20px;
  341. word-spacing:-3px;
  342.  
  343. }
  344.  
  345. .prev{
  346. margin-left:-30px;
  347. }
  348. .next{
  349. margin-left:30px;
  350. }
  351.  
  352. #pagination a {
  353. margin-top:-130px;
  354. }
  355.  
  356. /*container*/
  357. #con {
  358. left:50%;
  359. margin-left:-193px;
  360. position:absolute;
  361. }
  362.  
  363.  
  364.  
  365. /*posts*/
  366.  
  367. #entries{
  368. width:400px;
  369. margin-top:40px;
  370.  
  371. }
  372.  
  373. .posts {
  374. {block:ifnot400px}
  375. width:250px;
  376. margin-left:50px;
  377. {/block:ifnot400px}
  378. {block:if400px}
  379. width:400px;
  380. margin-left:-25px;{/block:if400px}
  381. padding:30px 30px 27px;
  382. background:rgba(255,255,255,0.7);
  383. border:1px solid {color:borders};
  384. {block:IndexPage}
  385. margin-bottom:100px;
  386. {/block:IndexPage}
  387. {block:PermalinkPage}
  388. margin-bottom:75px;
  389. {/block:PermalinkPage}
  390. border-radius:2px;
  391. -webkit-transition: all 1s ease;
  392. -moz-transition: all 1s ease;
  393. -o-transition: all 1s ease;
  394. -ms-transition: all 1s ease;
  395. transition: all 1s ease;
  396. -webkit-transition: all 1s ease;
  397. -moz-transition: all 1s ease;
  398. -o-transition: all 1s ease;
  399. -ms-transition: all 1s ease;
  400. transition: all 1s ease;
  401.  
  402. }
  403.  
  404.  
  405. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  406. .caption {width:100%;
  407. margin-top:10px;
  408. }
  409.  
  410.  
  411. /*quote*/
  412.  
  413. #titlequote{
  414. font-family: 'Inconsolata',sans-serif;
  415. text-transform:uppercase;
  416. letter-spacing:1px;
  417. text-align:justify;
  418. font-size:13px;
  419. line-height:19px;
  420. font-weight:none;
  421. padding:10px;
  422. }
  423.  
  424. #titlequote a{
  425. color:{color:text};
  426. }
  427. #source a{
  428. color:{color:text};
  429. }
  430.  
  431. #source {
  432. text-align:right;
  433. font-style:none;
  434. font-weight:none;
  435. text-transform:uppercase;
  436. letter-spacing:1px;
  437. margin-top:5px;
  438. margin-bottom:20px;
  439. font-size:8px;
  440. }
  441.  
  442. /*audio*/
  443.  
  444. .player iframe {
  445. width: 32px;
  446. height: 32px;}
  447.  
  448. .tracks{
  449. border:1px solid {color:borders};
  450. {block:if400px}
  451. width: 250px;
  452. padding:9px;
  453. {/block:if400px}
  454. {block:ifnot400px}
  455. width: 110px;
  456. padding:7px;
  457. {/block:ifnot400px}
  458. }
  459.  
  460. .playerbuttonbg {
  461. position: absolute;
  462. left: 36px;
  463. top: 36px;
  464. width: 32px;
  465. height: 32px;
  466. background-color: #ffffff;
  467. padding: 10px;
  468. -webkit-border-radius: 40px;
  469. -moz-border-radius: 40px;
  470. border-radius: 40px;
  471. opacity: .4;
  472. filter: alpha(opacity=40);
  473. -moz-opacity: 0.4;
  474. -khtml-opacity: 0.4;
  475. transition: opacity .7s ease-in-out;
  476. -moz-transition: opacity .7s ease-in-out;
  477. -webkit-transition: opacity .7s ease-in-out;
  478. }
  479.  
  480. .playerbuttonbg:hover {
  481. opacity: 1;
  482. filter: alpha(opacity=100);
  483. -moz-opacity: 1;
  484. -khtml-opacity: 1;
  485. }
  486.  
  487. .newplayerbutton {
  488. position: relative;
  489. width: 26px;
  490. height: 26px;
  491. overflow: hidden;
  492. margin-top:-10px;
  493. }
  494.  
  495. .playerbuttonhug {
  496. position: absolute;
  497. top: -18px;
  498. left: -7px;
  499. }
  500.  
  501. #albumart { float:left; margin:0px 7px;}
  502.  
  503. .tumblr_audio_player {
  504. height:33px;
  505. width:35px;
  506. -moz-transform: scale(0.60, 0.60);
  507. -webkit-transform: scale(0.60, 0.60);
  508. -o-transform: scale(0.60, 0.60);
  509. -ms-transform: scale(0.60, 0.60);
  510. transform: scale(0.60, 0.60);
  511. -moz-transform-origin: top left;
  512. -webkit-transform-origin: top left;
  513. -o-transform-origin: top left;
  514. -ms-transform-origin: top left;
  515. transform-origin: top left;
  516. }
  517.  
  518. .audioimgwrapper {
  519. position: absolute;
  520. left: 0px;
  521. top: 0px;
  522. {block:if400px}
  523. margin-top:15px;
  524. {/block:if400px}
  525. {block:ifnot400px}
  526. margin-top:10px;
  527. {/block:ifnot400px}
  528. margin-left:7px;
  529. -webkit-border-radius: 1px;
  530. -moz-border-radius: 1px;
  531. border-radius: 1px;
  532. overflow: hidden;
  533. width: 109px;
  534. height: 109px;
  535. }
  536.  
  537. .audioimgwrapper img {
  538. width: 100%;
  539. height: auto;
  540. -webkit-border-radius: 1px;
  541. -moz-border-radius: 1px;
  542. border-radius: 1px;
  543. }
  544.  
  545. .trackdetails {
  546. width: auto;
  547. display:inline-block;
  548. margin-left: 128px;
  549. min-height: 85px;
  550. }
  551.  
  552. .audiowrapper {
  553. position: relative;
  554. display:inline-block;
  555. margin-bottom:10px;
  556. }
  557.  
  558. /*asks*/
  559. .q {
  560. margin-bottom:10px;
  561. text-transform:uppercase;
  562. letter-spacing:1px;
  563. color:{color:text};
  564. padding:10px 3px;
  565. line-height:13px;
  566. font-size:8px;
  567. }
  568.  
  569. .q a{
  570. color:{color:text};
  571. font-weight:800;
  572. }
  573.  
  574. .as {
  575. background:rgba(255,255,255,0.7);
  576. padding:10px 3px;
  577. color:{color:text};
  578. border:1px solid {color:borders};
  579. }
  580.  
  581.  
  582. .as a{
  583. color:{color:link};}
  584.  
  585.  
  586. .a {
  587. margin-top:10px;
  588. letter-spacing:1px;
  589. padding:10px 3px;
  590. color:{color:text};
  591. letter-spacing:1px;}
  592.  
  593.  
  594. /*chat*/
  595.  
  596. .chat ol {
  597. padding:0;
  598. list-style:none;
  599. }
  600. .line {padding:5px 0;}
  601.  
  602. .label {font-weight:bold;
  603. }
  604.  
  605.  
  606. /*permalink and notes*/
  607. .infos {
  608. padding:10px 3px;
  609. font-size:8px;
  610. letter-spacing:1px;
  611. text-transform:uppercase;
  612. text-align:left;
  613. margin-top:10px;
  614. background:rgba(255,255,255,0.8);
  615. }
  616.  
  617. .infos a {margin:0 5px;
  618. text-decoration:none;
  619. color:{color:link};
  620. }
  621. .infos a:hover {color:{color:hover};}
  622. .up {cursor:pointer;}
  623.  
  624. .posts:hover .tags{
  625. {block:IndexPage}
  626. padding-top:5px;
  627. margin-top:0px;
  628. margin-bottom:-5px;
  629. opacity:1;
  630. -webkit-transition: all 0.8s ease;
  631. -moz-transition: all 0.8s ease;
  632. transition: all 0.8s ease;
  633. {/block:IndexPage}
  634. }
  635.  
  636. .tags {
  637. text-indent:10px;
  638. {block:if400px}
  639. width:390px;
  640. {/block:if400px}
  641. {block:ifnot400px}
  642. width:240px;
  643. {/block:ifnot400px}
  644. {block:IndexPage}
  645. height:9px;
  646. opacity:0;
  647. margin-top:-25px;
  648. {/block:IndexPage}
  649. text-align:left;
  650. padding:7px;
  651. font-size:8px;
  652. font-style:italic;
  653. overflow:hidden;
  654. word-break:break-all;
  655. -webkit-transition: all 0.8s ease;
  656. -moz-transition: all 0.8s ease;
  657. transition: all 0.8s ease;
  658. }
  659.  
  660. .tags a{
  661. text-decoration:none;}
  662.  
  663.  
  664.  
  665. .pagenotes {
  666. {block:if400px}
  667. width:390px;
  668. margin-left:-12px;
  669. {/block:if400px}
  670. {block:ifnot400px}
  671. width:250px;
  672. margin-left:55px;
  673. {/block:ifnot400px}
  674. margin-top:25px;
  675. padding:25px;
  676. position:relative;
  677. background:{color:background};
  678. margin-bottom:50px;
  679. font-size:8px;
  680. border:1px solid {color:Borders};
  681. }
  682. .pagenotes img {
  683. display:none!important;}
  684. .pagenotes ol {
  685. margin:0;
  686. padding:0;
  687. display:block;
  688. }
  689. .pagenotes li {
  690. line-height:200%;
  691. list-style-type:none;
  692. text-align:left;
  693. font-size:8px;
  694. letter-spacing:1px;
  695. text-transform:uppercase;
  696. }
  697.  
  698.  
  699. /* POP UPS AND SLIDES */
  700.  
  701.  
  702. .cbp-spmenu {
  703. position: fixed;
  704. }
  705.  
  706.  
  707. /* Orientation-dependent styles for the content of the menu */
  708.  
  709. .cbp-spmenu-horizontal {
  710. padding:10px;
  711. margin-left:1050px;
  712. text-align:justify;
  713. font-size:10px;
  714. background:rgba(255,255,255,0.7);
  715. border-left:1px solid {color:borders};
  716. width: 400px;
  717. height: 100%;
  718. z-index:1;}
  719.  
  720.  
  721.  
  722. /* Horizontal menu that slides from the top or bottom */
  723.  
  724. .cbp-spmenu-bottom {
  725. right: -700px;
  726. bottom:0;
  727. }
  728.  
  729. .cbp-spmenu-bottom.cbp-spmenu-open {
  730. bottom:0px;
  731. right:0px;
  732. }
  733.  
  734.  
  735.  
  736.  
  737. /* Transitions */
  738.  
  739. .cbp-spmenu,
  740. .cbp-spmenu-push {
  741. -webkit-transition: all 0.8s ease;
  742. -moz-transition: all 0.8s ease;
  743. transition: all 0.8s ease;
  744. }
  745.  
  746.  
  747.  
  748. .pushtitle {
  749. text-align:center;
  750. color:{color:text};
  751. font-size:12px;
  752. margin-bottom:5px;
  753. letter-spacing:1px;
  754. text-transform:uppercase;
  755. }
  756.  
  757.  
  758. #pushdescription {
  759. margin-top:50px;
  760. line-height:14px;
  761. padding:20px;
  762. overflow-y:scroll;
  763. overflow-x:hidden;
  764.  
  765. }
  766.  
  767.  
  768. .cbp-spmenu {
  769. position: fixed;
  770. }
  771.  
  772.  
  773.  
  774. .ask-title{
  775. font-family: 'Inconsolata',sans-serif;
  776. text-align:left;
  777. line-height:1.5em;
  778. font-size:18px;
  779. color:{color:title};
  780. padding:10px;
  781. background:rgba(255,255,255,0.8);
  782. width:320px;
  783. margin-bottom:6px;
  784. border:1px solid {color:borders};
  785. }
  786.  
  787. .ask-faq{
  788. color:{color:text};
  789. padding:10px;
  790. background:rgba(255,255,255,0.8);
  791. width:320px;
  792. margin-bottom:6px;
  793. border:1px solid {color:borders};
  794.  
  795. }
  796.  
  797. .askbox{
  798. margin-top:3px;
  799. padding:10px;
  800. background:rgba(255,255,255,0.8);
  801. width:320px;
  802. border:1px solid {color:borders};
  803. }
  804.  
  805.  
  806. /*DO NOT TOUCH*/
  807. #creds {
  808. letter-spacing:1px;
  809. text-transform:uppercase;
  810. bottom:10px;
  811. position:fixed;
  812. right:6px;
  813. float:right;
  814. padding:5px;
  815. z-index:1;
  816. -webkit-transition: all 1s ease;
  817. -moz-transition: all 1s ease;
  818. -o-transition: all 1s ease;
  819. -ms-transition: all 1s ease;
  820. transition: all 1s ease;
  821. }
  822. #creds a{
  823. font-size:6px;
  824. color:{color:link};
  825. padding:7px;
  826. width:3px;
  827. height:10px;
  828. letter-spacing:-1px;
  829. background:rgba(255,255,255,0.7);
  830. border:1px solid {color:borders};
  831. -webkit-transition: all .7s ease;
  832. -moz-transition: all .7s ease;
  833. -o-transition: all .7s ease;
  834. -ms-transition: all .7s ease;
  835. transition: all .7s ease;}
  836.  
  837.  
  838. #creds a:hover {
  839. text-decoration:none;
  840. color:{color:Hover};
  841. letter-spacing:1px;
  842. padding:10px;
  843. font-size:8px;
  844. -webkit-transition: all .7s ease;
  845. -moz-transition: all .7s ease;
  846. -o-transition: all .7s ease;
  847. -ms-transition: all .7s ease;
  848. transition: all .7s ease;}
  849.  
  850.  
  851. #tumblrcontrols{
  852. position:fixed;
  853. top:10px;
  854. right:10px;
  855. word-spacing:10px;
  856. }
  857. #tumblrcontrols{
  858. font-size:8px;
  859. letter-spacing:1px;
  860. text-transform:uppercase;
  861. color:{color:text};
  862. -webkit-transition: all 1.6s ease-in;
  863. -moz-transition: all 1.6s ease-in;
  864. -o-transition: all 1.6s ease-in;
  865. -ms-transition: all 1.6s ease-in;
  866. transition: all 1.6s ease-in;
  867. }
  868.  
  869. #tumblrcontrols a{
  870. text-decoration:none;
  871. color:{color:text};
  872. border:1px solid {color:borders};
  873. background:rgba(255,255,255,0.8);
  874. padding:5px;
  875. }
  876.  
  877. #tumblrcontrols a:hover{
  878. text-decoration:none;
  879. color:white;
  880. border:1px solid transparent;
  881. background:{color:accent};
  882. }
  883.  
  884. {block:IndexPage}
  885. #tumblr_controls {display:none;}
  886. {/block:IndexPage}
  887.  
  888. {block:PermalinkPage}
  889. #tumblrcontrols{
  890. display:none;}
  891. iframe#tumblr_controls {
  892. top:10px;
  893. position: fixed !important;
  894. right:20px !important;
  895. -moz-transition: all 1s ease-out;
  896. -webkit-transition: opacity 0.7s linear;
  897. -webkit-transition: all 1s ease-out;
  898. transition: all 1s ease-out;
  899. opacity: 0.4;}
  900.  
  901. iframe#tumblr_controls:hover {
  902. -webkit-transition: opacity 0.7s linear;
  903. -moz-transition: all 0.4s ease-out;
  904. -webkit-transition: all 0.4s ease-out;
  905. transition: all 0.4s ease-out;
  906. opacity:.7;}
  907. {/block:PermalinkPage}
  908.  
  909. {CustomCSS}
  910.  
  911.  
  912. </style>
  913. {block:ifLazyLoad}
  914. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/8mXm7q8vn/jquery.js"></script>
  915. <script type="text/javascript" src="http://static.tumblr.com/bmdsqsc/ogWm7q8w1/lazyload.js"></script>
  916. <script type="text/javascript" charset="utf-8">
  917. var $j = jQuery.noConflict();
  918. $j(function() {
  919. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  920. $j("img").lazyload({
  921. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  922. effect: "fadeIn",
  923. });
  924. });
  925. </script>
  926. {/block:ifLazyLoad}
  927. </head>
  928.  
  929. <body>
  930. <body class="{select:Background image}">
  931. <div id="tumblrcontrols">
  932. <a href="http://www.tumblr.com/follow/{Name}">follow</a>
  933. <a href="http://www.tumblr.com/dashboard">dashboard</a>
  934. </div>
  935. <body class="cbp-spmenu-push" class="{select:Background image}">
  936.  
  937. <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s1">
  938. <div class="menu" >
  939. <div class="pushtitle">
  940. </div>
  941. <div id="pushdescription"><div style="padding:5px;">
  942. <div class="ask-title">FAQ & ASK</div>
  943. <div class="ask-faq">
  944. {text:FAQ}
  945. </div>
  946. <div class="askbox">
  947. <iframe frameborder="0" height="250" id="ask_form" scrolling="none" src="http://www.tumblr.com/ask_form/{Name}.tumblr.com" width="97%"> </iframe>
  948. </div>
  949. </div>
  950. </div>
  951. </div>
  952. </div>
  953. </nav>
  954. <body class="cbp-spmenu-push">
  955.  
  956. <div class="sidebar">
  957. <div class="btitle"><p class="subtitle fancy"><span><a href="/">{Title}</a></span></p></div>
  958. <div class="descript">
  959. {Description}
  960. </div>
  961. <div class="nav-link">
  962. <a href="/" title="index"></a>
  963. <a title="message" class="toggle menu-bottom"></a>
  964. <a href="{text:Link 1 URL}" title="{text:Link 1}"></a>
  965. <a href="{text:Link 2 URL}" title="{text:Link 2}"></a>
  966. <a href="{text:Link 3 URL}" title="{text:Link 3}"></a>
  967. <a href="{text:Link 4 URL}" title="{text:Link 4}"></a>
  968. </div>
  969. </div>
  970.  
  971. <div id="con">
  972. <div id="line"></div>
  973. <div id="entries">
  974.  
  975. {block:Posts}
  976. <div class="posts">
  977.  
  978. {block:Quote}
  979. <div id="titlequote">{Quote}</div>
  980. {block:Source}<div id="source">{Source}</div>{/block:Source}
  981. {/block:Quote}
  982.  
  983.  
  984.  
  985. {block:Text}
  986. {block:Title}
  987. <div id="title">{Title}</div>{/block:Title}
  988. {Body}
  989.  
  990. {/block:Text}
  991.  
  992. {block:Link}
  993. <div id="title"><a href="{Name}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  994. {/block:Link}
  995.  
  996. {block:Chat}
  997. {block:Title}
  998. <h1>{Title}</h1>
  999. {/block:Title}
  1000. <div class="chat">
  1001. <ol>{block:Lines}
  1002. <li class="line {Alt}">
  1003. {block:Label}
  1004. <span class="label">
  1005. {Label}</span>
  1006. {/block:Label}{Line}</li>
  1007. {/block:Lines}
  1008. </ol></div>
  1009. {/block:Chat}
  1010.  
  1011.  
  1012. {block:Photo}
  1013.  
  1014. {LinkOpenTag}
  1015. {block:ifnot400px}<img src="{PhotoURL-250}">{/block:ifnot400px}
  1016. {block:if400px}<img src="{PhotoURL-400}">{/block:if400px}
  1017. {LinkCloseTag}
  1018.  
  1019. {block:permalink}{block:Caption}{Caption}{/block:Caption}{/block:permalink}
  1020. {/block:Photo}
  1021.  
  1022. {block:Photoset}
  1023. {block:if400px}{Photoset-400}{/block:if400px}
  1024. {block:ifnot400px}{Photoset-250}{/block:ifnot400px}
  1025. {block:permalink}{block:Caption}{Caption}{/block:Caption}{/block:permalink}
  1026. {/block:Photoset}
  1027.  
  1028. {block:Video}
  1029. {block:if400px}{Video-400}{/block:if400px}
  1030. {block:ifnot400px}{Video-250}{/block:ifnot400px}
  1031. {block:permalink}{block:Caption}{Caption}{/block:Caption}{/block:permalink}
  1032. {/block:Video}
  1033.  
  1034. {block:AudioPlayer}
  1035.  
  1036. <div class="audiowrapper">
  1037. {block:AlbumArt}
  1038. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  1039. {/block:AlbumArt}
  1040.  
  1041. <div class="playerbuttonbg">
  1042. {AudioPlayerWhite}
  1043. </div>
  1044.  
  1045. <div class="trackdetails">
  1046.  
  1047. {block:TrackName}<p class="tracks">{TrackName}</p>{/block:TrackName}
  1048. {block:Artist}<p class="tracks">{Artist}</p>{/block:Artist}
  1049. {block:Album}<p class="tracks">{Album}</p>{/block:Album}
  1050. </div>
  1051. </div>
  1052. {block:permalink}{block:Caption}{Caption}{/block:Caption}{/block:permalink}
  1053. {/block:AudioPlayer}
  1054.  
  1055. {block:Answer}
  1056. <div class="q">
  1057. <div class="as" >{Asker} said: {Question}</div>
  1058. <div class="a">{Answer}</div>
  1059. </div>
  1060. {/block:Answer}
  1061.  
  1062. {block:Date}
  1063. <div class="infos">
  1064. <a href="{Permalink}">{Timeago}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank">reblog</a>{block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  1065. </div>
  1066. {/block:Date}
  1067.  
  1068.  
  1069. </div>
  1070.  
  1071.  
  1072. {block:PostNotes}
  1073. <div class="pagenotes">
  1074. {PostNotes}
  1075. </div>
  1076. {/block:PostNotes}
  1077.  
  1078.  
  1079. {/block:Posts}
  1080.  
  1081. <div id="pagination">
  1082. {block:Pagination}
  1083. {block:PreviousPage}
  1084. <a href="{PreviousPage}" class="prev"title="previous" style="float:left"><img width="20px" src="http://static.tumblr.com/3dkvxpf/dzpnb7ne1/arrow395.png"></a>
  1085. {/block:PreviousPage}
  1086.  
  1087.  
  1088. {block:NextPage}
  1089. <a href="{NextPage}" class="next" title="forward" style="float:right"><img width="20px" src="http://static.tumblr.com/3dkvxpf/a82nb7ngv/move13.png"></a>
  1090. {/block:NextPage}
  1091. {/block:Pagination}
  1092. </div>
  1093.  
  1094.  
  1095.  
  1096. </div>
  1097.  
  1098. </div>
  1099.  
  1100.  
  1101. {block:ContentSource}
  1102. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1103. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1104. {/block:SourceLogo}
  1105. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1106. {/block:ContentSource}
  1107.  
  1108. <div id="creds"><a title="theme by:960px" href="http://960px.tumblr.com/">TT</a></div>
  1109.  
  1110.  
  1111.  
  1112. </div>
  1113. </body>
  1114. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!