API tools faq
paste
Advertisement
trenzalours

theme 13 - athena

trenzalours
Jul 23rd, 2014
2,278
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.15 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. ᴛʀᴇɴᴢᴀᴛʜᴇᴍᴇs ﹣ ᴛʀᴇɴᴢᴀʟᴏᴜʀs
  3.  
  4. -PLEASE DON'T REMOVE THE CREDIT--DON'T REPOST AND CLAIM AS YOUR OWN-
  5. -EDIT AS MUCH AS YOU LIKE--Don't just take the update code from theme-
  6. _____________________________________________________________________________
  7. ~If you want to add FAQ to the ask box just search the code(ctrl+f)~
  8. _____________________________________________________________________________
  9. -Feel free to message me with any questions! Enjoy!
  10.  
  11. wwww.trenzathemes.tumblr.com *****
  12. ****** wwww.trenzalours.tumblr.com
  13. _____________________________________________________________________________
  14. --->
  15. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  16. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  17. <head><title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  21.  
  22. <link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
  23.  
  24. <!---METAS---->
  25.  
  26. <meta name="color:bg" content="#ffffff"/>
  27. <meta name="color:Text" content="#838282"/>
  28. <meta name="color:Link" content="#b8b8b8"/>
  29. <meta name="color:hover" content="#ffffff"/>
  30. <meta name="color:info" content="#ffffff"/>
  31. <meta name="color:accent" content="#ffffff"/>
  32. <meta name="color:selection" content="#b8b8b8"/>
  33. <meta name="color:scrollbar" content="#b8b8b8"/>
  34. <meta name="color:block" content="#b8b8b8"/>
  35. <meta name="color:blockborder" content="#ffffff"/>
  36. <meta name="color:blocktext" content="#000000"/>
  37. <meta name="color:title" content="#b8b8b8"/>
  38.  
  39. <meta name="image:sidebar" content=""/>
  40. <meta name="text:link2" content="">
  41. <meta name="text:link2 url" content="/">
  42. <meta name="text:link3" content="">
  43. <meta name="text:link3 url" content="/">
  44. <meta name="text:link4" content="">
  45. <meta name="text:link4 url" content="/">
  46.  
  47. <meta name="text:url" content="url here">
  48. <meta name="text:askbox title" content="message">
  49. <meta name="text:ask" content="message">
  50.  
  51.  
  52.  
  53. <meta name="if:500pxPosts" content="1">
  54. <meta name="if:400pxPosts" content="0">
  55.  
  56. <!--side push menu from codrops-->
  57. <!--don't touch-->
  58. <script src="http://takien.github.io/jPushMenu/js/jquery-1.9.1.min.js"></script>
  59. <script src="http://takien.github.io/jPushMenu/js/jPushMenu.js"></script>
  60.  
  61. <!--call jPushMenu, required-->
  62. <script>
  63. jQuery(document).ready(function($) {
  64. $('.toggle').jPushMenu();
  65. });
  66. </script>
  67.  
  68.  
  69. <!-- start of script tooltip -->
  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. <script>
  74.  
  75. (function($){
  76.  
  77. $(document).ready(function(){
  78.  
  79. $("a[title]").style_my_tooltips({
  80.  
  81. tip_follows_cursor:true,
  82.  
  83. tip_delay_time:90,
  84.  
  85. tip_fade_speed:600,
  86.  
  87. attribute:"title"
  88.  
  89. });
  90.  
  91. });
  92.  
  93. })(jQuery);
  94.  
  95. </script>
  96.  
  97. <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
  98.  
  99. <style type="text/css">
  100.  
  101. *, #link a:hover {
  102. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  103. }
  104.  
  105. *, #info a:hover {
  106. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  107. }
  108.  
  109. *, #title a:hover {
  110. cursor: url(http://media.tumblr.com/tumblr_m2umkqvNUT1qfamg6.gif), auto;
  111. }
  112.  
  113. *, body, a, a:hover {
  114. cursor: url(http://i.imgur.com/2qleX.jpg), auto;
  115. }
  116.  
  117.  
  118. *, body, a, a:hover {
  119. cursor: url(http://i58.tinypic.com/91fqm1.png), auto;
  120.  
  121.  
  122. }
  123.  
  124.  
  125.  
  126.  
  127. body {
  128. background:{color:bg};
  129. margin:0px;
  130. color:{color:text};
  131. font-family:Calibri;
  132. font-size:10px;
  133. line-height:100%;
  134. }
  135.  
  136. a {
  137. text-decoration:none;
  138. outline:none;
  139. -moz-outline-style:none;
  140. color:{color:link};
  141. }
  142.  
  143. a:hover{
  144. text-decoration:underline;
  145. outline:none;
  146. -moz-outline-style:none;
  147. color:{color:hover};
  148. -webkit-transition: all .7s ease-in-out;
  149. -moz-transition: all .7s ease-in-out;
  150. -o-transition: all .7s ease-in-out;
  151. -ms-transition: all .7s ease-in-out;
  152. transition: all .7s ease-in-out;
  153. }
  154.  
  155. img {
  156. border:none;
  157. }
  158.  
  159. blockquote {
  160. padding-left:5px;
  161. border-left:2px solid;
  162. font-family:consolas;
  163. text-transform:uppercase;
  164. letter-spacing:1px;
  165. font-size:9px;
  166. }
  167.  
  168. blockquote blockquote {
  169. padding-left:5px;
  170. border-left:2px solid {color:text};
  171.  
  172. }
  173. b,strong{
  174. font-weight:bold;
  175. color:{color:accent};
  176. }
  177.  
  178. i,em{
  179. font-style:italic;
  180. color:{color:accent};
  181. }
  182.  
  183. pre{
  184. background:{color:accent};
  185. color:{color:text};
  186. padding:3px;
  187. white-space: pre-wrap;
  188. white-space: -moz-pre-wrap;
  189. white-space: -pre-wrap;
  190. white-space: -o-pre-wrap;
  191. word-wrap: break-word;
  192. }
  193.  
  194. big{
  195. font-size:13px;
  196. color:{color:accent};
  197. font-family: 'Raleway', sans-serif;
  198.  
  199. }
  200. small{
  201. font-size:8px;
  202. }
  203.  
  204. li{
  205. text-align:left;
  206. }
  207.  
  208.  
  209. h1 {
  210. color:{color:block};
  211. font-size:15px;
  212. text-align:center;
  213. line-height:17px;
  214. font-family: 'Raleway', sans-serif;
  215. }
  216. h2 a{
  217. color:{color:title};
  218. font-family: 'Raleway', sans-serif;
  219. -webkit-transition: all .3s ease-in-out;
  220. -moz-transition: all .3s ease-in-out;
  221. -o-transition: all .3s ease-in-out;
  222. -ms-transition: all .3s ease-in-out;
  223. transition: all .3s ease-in-out;
  224. }
  225.  
  226. h3{
  227. font-size:11px;
  228. color:{color:title};
  229. font-family: 'Raleway', sans-serif;
  230. text-align:center;
  231.  
  232. }
  233.  
  234.  
  235. ::selection {
  236. background-color:{color:selection};
  237. color:white;
  238. }
  239.  
  240.  
  241. ::-webkit-scrollbar {
  242. background-color:{color:bg};
  243. height:8px;
  244. width:11px;
  245. border-radius:2px;
  246. z-index:999999999;
  247.  
  248. }
  249. ::-webkit-scrollbar-thumb:vertical {
  250. background-color:{color:scrollbar};
  251. height:30px;
  252. border-radius:2px;
  253.  
  254.  
  255. }
  256. ::-webkit-scrollbar-thumb:horizontal {
  257. background-color:{color:scrollbar};
  258. height:11px!important;
  259.  
  260. }
  261.  
  262. /*---TOOLTIPS---*/
  263.  
  264. #s-m-t-tooltip {
  265. background:{color:accent};
  266. max-width:300px;
  267. font-family:helvetica;
  268. font-weight:bold;
  269. font-style:italic;
  270. font-size:10px;
  271. color:white;
  272. letter-spacing:0px;
  273. text-transform:lowercase;
  274. padding:3px 4px 3px 4px;
  275. margin:-25px 0px 0px 0px;
  276. z-index:9999999999999999999999;
  277. }
  278.  
  279. @-webkit-keyframes Beeh {
  280. 0% {-webkit-transform: opacity(.2);}
  281. 50% {-webkit-transform: opacity(1.00);}
  282. 70% {-webkit-transform: opacity(.7);}
  283. 100% {-webkit-transform: opacity(1);}}
  284.  
  285. /*---end tooltips---*/
  286.  
  287. /*TUMBLR CONTROL ICONS*/
  288.  
  289. #tumblr_controls{
  290. position:fixed !important;
  291. -webkit-filter: invert(100%)
  292. }
  293.  
  294. /*---------------*/
  295. /***** POSTS *****/
  296. /*---------------*/
  297.  
  298. #entries {
  299. padding:10px;
  300. width:500px;
  301. margin-left:500px;
  302. margin-top:40px;
  303. }
  304.  
  305.  
  306.  
  307. /*---------------*/
  308. /***** SIDEBAR *****/
  309. /*---------------*/
  310.  
  311. #sidebar {
  312. width:200px;
  313. position:fixed;
  314. margin-left:250px;
  315. margin-top:100px;
  316. }
  317.  
  318. #title {
  319. padding-top:0.5px;
  320. font-size:14px;
  321. text-align:center;
  322. letter-spacing:2px;
  323. text-transform:uppercase;
  324. font-family: 'Raleway', sans-serif;
  325. }
  326.  
  327. #title a{
  328. color:{color:title}
  329. }
  330.  
  331. #sidebarimage {
  332. width 200px;
  333. }
  334.  
  335. #sidebarimage img {
  336. width:200px;
  337. }
  338.  
  339. /*/ link /*/
  340. #link{
  341. margin-top:-12px;
  342. padding:4px;
  343. display:block;
  344. color:{color:info};
  345. text-align:center;
  346. word-spacing:1px;
  347. font-size:8px;
  348. font-family:consolas;
  349. overflow:hidden;
  350. letter-spacing:1px;
  351. text-transform:uppercase;
  352. -webkit-transition: all .7s ease-in-out;
  353. -moz-transition: all .7s ease-in-out;
  354. transition: all .7s ease-in-out;
  355. opacity:0;
  356.  
  357. }
  358. #link a{
  359. color:{color:info};
  360. }
  361.  
  362. #link a:hover{
  363. color:{color:hover};
  364. text-decoration:underline;
  365. -webkit-transition: all .7s ease-in-out;
  366. -moz-transition: all .7s ease-in-out;
  367. transition: all .7s ease-in-out;
  368.  
  369. }
  370.  
  371. #desc{
  372. opacity:0;
  373. margin-top:-30px;
  374. text-align:justify;
  375. padding:5px;
  376. line-height:1.6em;
  377. font-size:8px;
  378. font-family:consolas;
  379. letter-spacing:1px;
  380. text-transform:uppercase;
  381. }
  382. figure.effect-sarah:hover #desc{
  383. opacity:1;
  384. }
  385. #desc p{
  386. border:1px solid white;
  387. }
  388.  
  389. figure{margin:0px;}
  390. fieldset{border:1px solid {color:blockborder};margin:0 2px;}
  391.  
  392. textarea{overflow:auto;vertical-align:top;}
  393.  
  394. figure.effect-sarah {
  395. background:{color:block};
  396. padding-left:5px;
  397. padding-right:5px;
  398. padding-top:5px;
  399. padding-bottom:5px;
  400. height:40px;
  401. -webkit-transition: opacity 1s, -webkit-transform 1s;
  402. transition: all 1s;
  403. }
  404.  
  405. figure.effect-sarah img {
  406. background:{color:block};
  407. -webkit-transition: opacity 1s, -webkit-transform 1s;
  408. transition: opacity 1s, all 1s;
  409. -webkit-backface-visibility: hidden;
  410. backface-visibility: hidden;
  411. margin-top:-12px;
  412. margin-left:-5px;
  413.  
  414. }
  415.  
  416. figure.effect-sarah:hover img {
  417. opacity: 0.4;
  418. transition: height 1s, all 1s;
  419. -webkit-transition: all 1s ease;
  420. -moz-transition: all 1s ease;
  421. transition: all 1s ease;}
  422.  
  423. figure.effect-sarah:hover {
  424. height:auto;
  425. -webkit-transition: opacity 1s, -webkit-transform 1s;
  426. transition: height 1s, all 1s;
  427. -webkit-transition: all 1s ease;
  428. -moz-transition: all 1s ease;
  429. transition: all 1s ease;
  430. }
  431.  
  432.  
  433. figure.effect-sarah figcaption {
  434. text-align: left;
  435. }
  436.  
  437. figure.effect-sarah h2 {
  438. position: relative;
  439. overflow: hidden;
  440. padding: 0.5em 0;
  441. margin-top:-1px;
  442. }
  443.  
  444. figure.effect-sarah h2::after {
  445. position: absolute;
  446. bottom: 0;
  447. left: 0;
  448. width: 100%;
  449. height: 1px;
  450. background:{color:blockborder};
  451. content: '';
  452. -webkit-transition: -webkit-transform 1s;
  453. transition: all transform 1s;
  454. -webkit-transform: translate3d(-100%,0,0);
  455. transform: translate3d(-100%,0,0);
  456. -webkit-transition: all .7s ease-in-out;
  457. -moz-transition: all .7s ease-in-out;
  458. transition: all .7s ease-in-out;
  459. }
  460.  
  461. figure.effect-sarah:hover h2::after {
  462. -webkit-transition: all .7s ease-in-out;
  463. -moz-transition: all .7s ease-in-out;
  464. transition: all .7s ease-in-out;
  465. }
  466.  
  467. figure.effect-sarah p {
  468. color:{color:blocktext};
  469. padding:10px;
  470. opacity: 0;
  471. -webkit-transition: opacity 1s, -webkit-transform 1s;
  472. transition: opacity 1s, all 1s;
  473. }
  474.  
  475. figure.effect-sarah:hover p, #link {
  476. opacity: 1;
  477. -webkit-transform: translate3d(0,0,0);
  478. transform: translate3d(0,0,0);
  479. }
  480.  
  481. .cover {
  482. position: relative;
  483. z-index: 1;
  484. width:100px;
  485. background-color:{color:bg};
  486. padding-bottom:10px;
  487. }
  488.  
  489. /*/ POSTS /*/
  490.  
  491.  
  492. #stuff {
  493. margin-bottom:90px;
  494. margin-left:0px;
  495. {block:if500pxPosts}width:490px;{/block:if500pxPosts}
  496. {block:if400pxPosts}width:390px;{/block:if400pxPosts}
  497. text-align:justify;
  498. font-size:11px;
  499. line-height:100%;
  500. letter-spacing:0x;
  501. color:{color:text};
  502.  
  503. }
  504.  
  505.  
  506. /*/ NOTES /*/
  507.  
  508.  
  509. #info {
  510. width:100%;
  511. color:white;
  512. background:{color:block};
  513. margin-left:0px;
  514. padding:5px;
  515. margin-top:-3px;
  516. font-size:8px;
  517. letter-spacing:1px;
  518. text-transform:uppercase;
  519. color:{color:info};
  520. text-align:center;
  521. opacity:1;
  522. -webkit-transition: all .7s ease-in-out;
  523. -moz-transition: all .7s ease-in-out;
  524. -o-transition: all .7s ease-in-out;
  525. -ms-transition: all .7s ease-in-out;
  526. transition: all .7s ease-in-out;
  527. }
  528.  
  529. #info a{
  530. color:{color:info};
  531. -webkit-transition: all .7s ease-in-out;
  532. -moz-transition: all .7s ease-in-out;
  533. -o-transition: all .7s ease-in-out;
  534. -ms-transition: all .7s ease-in-out;
  535. transition: all .7s ease-in-out;
  536. }
  537.  
  538. #info a:hover{
  539. color:{color:hover};
  540. text-decoration:underline;
  541. -webkit-transition: all .7s ease-in-out;
  542. -moz-transition: all .7s ease-in-out;
  543. -o-transition: all .7s ease-in-out;
  544. -ms-transition: all .7s ease-in-out;
  545. transition: all .7s ease-in-out;
  546. }
  547.  
  548. /* TAGS */
  549. #tags a{
  550. color:{color:accent};
  551. font-style:italic;
  552. }
  553.  
  554.  
  555.  
  556. /* NOTES */
  557.  
  558. ol.notes {
  559. display:block;
  560. text-align:left;
  561. margin-bottom:30px;
  562. list-style-type:none;
  563. {block:if500pxPosts}width:500px;{/block:if500pxPosts}
  564. {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  565. margin-left:5px;
  566. padding:0px;
  567. }
  568.  
  569. ol.notes li.note{
  570. padding:5px;
  571. padding-top:2px;
  572. margin-bottom:3px;
  573. }
  574.  
  575. .pagenotes {
  576. text-align:center;
  577. background:transparent;
  578. text-transform:uppercase;
  579. font-size:9px;
  580. }
  581.  
  582.  
  583. .pagenotes img{
  584. padding-right:5px;
  585. padding-top:5px;
  586. margin-bottom:-5px;
  587. border:none;
  588. padding-bottom:2px;
  589. }
  590.  
  591. /*---------------*/
  592. /***** AUDIO *****/
  593. /***** by trenzalours *****/
  594. /*---------------*/
  595. .cover{
  596. opacity:0;
  597. padding-bottom:30px;
  598. }
  599.  
  600. .tunebutton {
  601. width: 20px;
  602. height: 30px;
  603. overflow: hidden;
  604. position: relative;
  605. -moz-border-radius: 30px;
  606. -webkit-border-radius: 30px;
  607. border-radius: 30px;
  608. z-index: 1000;
  609. margin: 12px 20px 10px 13px;
  610. }
  611. .tunes {
  612. background-color:#000;
  613. position: absolute;
  614. z-index: 1000;
  615. margin-top:25px;
  616. margin-left:24px;
  617. opacity:1;
  618. width:50px;
  619. height:50px;
  620. border-radius: 30px;
  621. box-shadow:
  622. 0 0 0 5px rgb(185,145,149),
  623. 0 0 0 3px rgb(185,145,149);
  624. border:4px solid {color:block};
  625. -moz-border-radius: 30px;
  626. -webkit-border-radius: 30px;
  627. transition-duration:0.5s;
  628. -o-transition-duration:0.5s;
  629. -ms-transition-duration:0.5s;
  630. -moz-transition-duration:0.5s;
  631. -webkit-transition-duration:0.5s;
  632. }
  633.  
  634. /*---------------*/
  635. /***** PAGE NAV *****/
  636. /*---------------*/
  637.  
  638. #pagination {
  639. margin-top:-13px;
  640. word-spacing:5px;
  641. text-align:center;
  642. font-size:20px;
  643. color:{color:info};
  644. padding:3px;
  645. opacity: 0;
  646. -webkit-transition: opacity 1s, -webkit-transform 1s;
  647. transition: opacity 1s, transform 1s;
  648. -webkit-transform: translate3d(100%,0,0);
  649. transform: translate3d(100%,0,0);
  650. }
  651. #pagination a{
  652. color:{color:info};
  653. }
  654. figure.effect-sarah:hover #pagination{
  655. opacity: 1;
  656. -webkit-transform: translate3d(0,0,0);
  657. transform: translate3d(0,0,0);
  658.  
  659. }
  660.  
  661. /*---------------*/
  662. /***** NOTES *****/
  663. /*---------------*/
  664.  
  665. #info {
  666. text-align:center;
  667. }
  668.  
  669. /*---------------*/
  670. /***** ASK *****/
  671. /*---------------*/
  672.  
  673. .asker {
  674. text-align:center;
  675. margin-right:5px;
  676. }
  677. .ask{
  678. padding:5px;
  679. text-align:center;
  680. }
  681. .answer{
  682. border-top:1px solid {color:block};
  683. font-style:italic;
  684. }
  685.  
  686. .cbp-spmenu {
  687. position: fixed;
  688. }
  689.  
  690.  
  691. /* Orientation-dependent styles for the content of the menu */
  692.  
  693. .cbp-spmenu-horizontal {
  694. padding-bottom:10px;
  695. padding:10px;
  696. margin-left:1050px;
  697. text-align:justify;
  698. font-size:10px;
  699. background:{color:block};
  700. color:{color:info};
  701. width: 300px;
  702. height: 100%;
  703. }
  704.  
  705.  
  706. /* Horizontal menu that slides from the top or bottom */
  707.  
  708. .cbp-spmenu-bottom {
  709. bottom: -1000px;
  710. }
  711.  
  712. .cbp-spmenu-bottom.cbp-spmenu-open {
  713. bottom:0px;
  714. margin-left:1050px;
  715. }
  716.  
  717.  
  718.  
  719.  
  720. /* Transitions */
  721.  
  722. .cbp-spmenu,
  723. .cbp-spmenu-push {
  724. -webkit-transition: all 0.3s ease;
  725. -moz-transition: all 0.3s ease;
  726. transition: all 0.3s ease;
  727. }
  728.  
  729.  
  730.  
  731. .pushtitle {
  732. margin-top:20px;
  733. font-family: 'Raleway', sans-serif;
  734. font-weight:bold;
  735. color:{color:title};
  736. font-size:12px;
  737. margin-bottom:5px;
  738. letter-spacing:2px;
  739. text-transform:uppercase;
  740. }
  741.  
  742.  
  743. #pushdescription {
  744. line-height:14px;
  745. padding:20px;
  746.  
  747. }
  748.  
  749.  
  750.  
  751.  
  752. /*container*/
  753. #container {
  754. top:50%;
  755. margin-left:-225px;
  756. position:absolute;
  757. z-index:999999999999999999999999999;
  758. }
  759. .cbp-spmenu {
  760. position: fixed;
  761. }
  762.  
  763.  
  764. /* Orientation-dependent styles for the content of the menu */
  765.  
  766. .cbp-spmenu-vertical {
  767. padding-top:50px;
  768. padding-bottom:10px;
  769. margin-top:10px;
  770. padding-right:20px;
  771. text-align:justify;
  772. font-size:10px;
  773. line-height:1.5em;
  774. background:{color:bg};
  775. color:{color:text};
  776. width: 350px;
  777. height: 100%;
  778. z-index:999999999999999999999999;
  779. }
  780.  
  781. /* Vertical menu that slides from the right or right */
  782.  
  783.  
  784.  
  785. .cbp-spmenu-right {
  786. right: -400px;
  787. }
  788.  
  789.  
  790. .cbp-spmenu-right.cbp-spmenu-open {
  791. right: 0px;
  792. margin-top:10px;
  793. }
  794.  
  795. /*DO NOT TOUCH*/
  796. #cred {
  797. color:{color:link};
  798. bottom:13px;
  799. position:fixed;
  800. right:10px;
  801. float:right;
  802. font-size:13px;
  803. letter-spacing:1px;
  804. padding:4px;
  805. }
  806.  
  807. #cred a i{
  808. color:{color:link};
  809. -webkit-transition-duration:.7s;
  810. -o-transition-duration:.7s;
  811. -moz-transition-duration:.7s;
  812.  
  813. }
  814.  
  815. #cred a:hover {
  816. color:{color:link hover};
  817. color:transparent;
  818. }
  819. /*quote*/
  820.  
  821. #titlequote{
  822. font-family: 'Raleway', sans-serif;
  823. font-weight:bold;
  824. text-transform:uppercase;
  825. background:white;
  826. letter-spacing:1px;
  827. text-align:center;
  828. font-size:12px;
  829. line-height:19px;
  830. font-weight:none;
  831. padding:10px;
  832. }
  833.  
  834.  
  835.  
  836.  
  837. #source {
  838. text-align:center;
  839. font-style:italic;
  840. font-weight:none;
  841. text-transform:uppercase;
  842. font-family:consolas;
  843. font-size:9px;
  844. padding:7px;
  845. letter-spacing:1px;
  846. margin-top:10px;
  847. margin-left:15px;
  848. padding-bottom:15px;
  849. color:{color:text};
  850. }
  851. #source a{
  852. color{color:text};
  853. }
  854.  
  855.  
  856. {CustomCSS}</style>
  857. </head><body>
  858. <div id="sidebar">
  859. <div id="sidebarimage">
  860. <figure class="effect-sarah">
  861. <figcaption>
  862. <div id="title"><h2><a href="/">{Title}</a></h2>
  863. <img src="{image:sidebar}"></div>
  864. <div id="link">
  865.  
  866. <p>
  867. <a href="/">index</a>
  868. <a class="toggle menu-bottom">{text:ask}</a></a>
  869. <a href="{text:link2 url}">{text:link2}</a>
  870. <a href="{text:link3 url}">{text:link3}</a>
  871. <a href="{text:link4 url}">{text:link4}</a>
  872. </p>
  873. </div>
  874. <div id="desc"><p>{Description}</p></div>
  875. <div id="pagination">
  876. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}" title="back">&#8672;</a>{/block:PreviousPage}
  877. {block:NextPage}<a href="{NextPage}"title="next">&#8674;</a>{/block:NextPage}{/block:Pagination}
  878. </div>
  879.  
  880. </figcaption>
  881. </div>
  882. </figure>
  883.  
  884. </div>
  885.  
  886.  
  887. <body class="cbp-spmenu-push">
  888.  
  889. <nav class="cbp-spmenu cbp-spmenu-horizontal cbp-spmenu-bottom" id="cbp-spmenu-s1">
  890. <div class="menu" >
  891. <div class="pushtitle">
  892. <br>
  893. <h3>{text:askbox title}</h3></div>
  894.  
  895. <div id="pushdescription"><div style="padding:5px; word-spacing:1px;">
  896. <!---If you want to type out FAQ fill it in here!--->
  897. <center>
  898. <iframe frameborder="0" height="250" id="ask_form" scrolling="none" src="http://www.tumblr.com/ask_form/{text:url}.tumblr.com" width="100%"> </iframe>
  899. <p></p>
  900. </center>
  901. </div>
  902. </div>
  903. </div>
  904. </nav>
  905.  
  906. <div id="entries">
  907.  
  908. {block:Posts}
  909.  
  910. <div id="stuff">
  911.  
  912. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  913.  
  914. {block:Quote}
  915. <div id="titlequote">{Quote}</div>
  916. {block:Source}<div id="source">{Source}</div>{/block:Source}
  917. {/block:Quote}
  918.  
  919. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  920. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  921.  
  922. {block:Photo}
  923.  
  924. {block:if500pxPosts}<img src="{PhotoURL-500}">{/block:if500pxPosts}
  925. {block:if400pxPosts}<img src="{PhotoURL-400}">{/block:if400pxPosts}
  926. {block:Permalink}{block:Caption}{Caption}{/block:Caption}{/block:permalink}
  927. {/block:Photo}
  928.  
  929. {block:Photoset}
  930.  
  931. {block:if500pxPosts}{Photoset-500}{/block:if500pxPosts}
  932. {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  933.  
  934. {block:Permalink}{block:Caption}{Caption}{/block:Caption}{/block:permalink}
  935.  
  936. {/block:Photoset}
  937.  
  938. {block:Chat}<ul class="chat">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}<li>{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;<b>{Line}</b><br></li>{/block:Lines}</ul>{/block:Chat}
  939.  
  940. {block:Video}
  941. {block:if500pxPosts}{Video-500}{/block:if500pxPosts}
  942. {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  943.  
  944. {block:Permalink}{block:Caption}{Caption}{/block:Caption}{/block:permalink}
  945.  
  946. {/block:Video}
  947.  
  948.  
  949. {block:Answer}<div class="ask"><i>{Asker}:</i><h1>{Question}</h1></div><div class="answer"><center>
  950. {Answer}</center></div>{/block:answer}
  951.  
  952. {block:Audio}<div class="tunes">
  953. <div class="tunebutton">{block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}</div></div>
  954. {block:AlbumArt}
  955. <img src="{AlbumArtURL}" class="cover">
  956. {/block:AlbumArt}
  957. <div style="margin-left:110px; margin-top:-100px; line-height:160%; margin-bottom:10px"><br>
  958. {block:TrackName}{TrackName}{/block:TrackName}<br>
  959. {block:Artist}{Artist}{/block:Artist}<br>
  960. <p></p>
  961. </div>{/block:Audio}
  962.  
  963. {block:Date}
  964. <div id="info">
  965. <a href="{Permalink}">
  966. {block:Date}
  967. {12Hour}:{Minutes} {AmPm}
  968. {/block:Date}
  969. </a> {block:NoteCount}
  970. | ♥ <a href="{Permalink}">{NoteCount}</a> |{/block:NoteCount}
  971. {block:RebloggedFrom}
  972. <a href="{ReblogParentURL}">via</a>
  973. {/block:RebloggedFrom}
  974. {block:ContentSource} &
  975. <a href="{SourceURL}">src</a>
  976. {/block:ContentSource}
  977.  
  978. <div id="tags">
  979. {block:HasTags}
  980. {block:Tags}<a href="{TagURL}">{Tag},</a> {/block:Tags}
  981. {/block:HasTags}
  982. </div>
  983.  
  984. </div></div>
  985.  
  986. {block:PostNotes}
  987. <div class="pagenotes">{PostNotes-16}</div>{/block:PostNotes}
  988. {/block:Posts}
  989.  
  990.  
  991. {/block:Posts}</div>
  992.  
  993. <div id="cred">
  994. <a href="http://trenzalours.tumblr.com/" title="trenzalours themes" style="color:#000;"><i class="fa fa-moon-o"></i></a></div>
  995.  
  996.  
  997.  
  998. <!-- lazy load -->
  999.  
  1000. <script type="text/javascript" src="http://static.tumblr.com/3dkvxpf/bj5n7g6q6/jquery.js"></script>
  1001. <script type="text/javascript" src="http://static.tumblr.com/3dkvxpf/pqpn7g6qs/lazyload.js"></script>
  1002. <script type="text/javascript" charset="utf-8">
  1003. var $j = jQuery.noConflict();
  1004. $j(function() {
  1005. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  1006. $j("img").lazyload({
  1007. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  1008. effect: "fadeIn",
  1009. });
  1010. });
  1011. </script>
  1012.  
  1013.  
  1014. </body></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!