API tools faq
paste
Advertisement
tanaxmercedes

Theme #19: Liberosis

tanaxmercedes
Nov 11th, 2015
435
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 28.11 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5. L I B E R O S I S T H E M E //
  6. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  7.  
  8.  
  9.  
  10. D O N O T R E M O V E C R E D I T S
  11. -->
  12. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15. <head>
  16. <title>{text:Tab Title}</title>
  17. <link rel="shortcut icon" href="{image:Favicon}" />
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  19.  
  20. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js">
  21. </script>
  22.  
  23.  
  24.  
  25. <link href="http://static.tumblr.com/eih4pta/Flam72cb8/animate-custom__1_.css";; rel="stylesheet">
  26.  
  27.  
  28.  
  29. <!-- META TAGS // CUSTOMIZATION PAGE -->
  30.  
  31. <meta name="color:Background" content="#f6f6f6"/>
  32. <meta name="color:Blog Title" content="#555555"/>
  33. <meta name="color:Title" content="#555555"/>
  34. <meta name="color:Text" content="#999999"/>
  35. <meta name="color:Link" content="#eeeeee"/>
  36. <meta name="color:Link Hover" content="#ffffff"/>
  37. <meta name="color:Scrollbar" content="#555"/>
  38. <meta name="color:Accent Colour" content="#FFFA9E" /> <!--#FFFA9E-->
  39.  
  40. <meta name="if:OneColumn" content="1" />
  41. <meta name="if:TwoColumn" content="1" />
  42. <meta name="if:ThreeColumn" content="0" />
  43.  
  44. <meta name="image:Background" content=""/>
  45. <meta name="image:Favicon" content=""/>
  46.  
  47. <meta name="text:Blog Title" content="Blog Title"/>
  48. <meta name="text:Tab Title" content="Tab Title"/>
  49. <meta name="text:Hover Tab Text" content="Hover Tab Text Here"/>
  50.  
  51. <meta name="text:Link One" content="" />
  52. <meta name="text:Link One Name" content="home"/>
  53. <meta name="text:Link One Hover" content="Title Here" />
  54.  
  55. <meta name="text:Link Two" content="" />
  56. <meta name="text:Link Two Name" content="mailbox"/>
  57. <meta name="text:Link Two Hover" content="Title Here" />
  58.  
  59. <meta name="text:Link Three" content="" />
  60. <meta name="text:Link Three Name" content="navigation"/>
  61. <meta name="text:Link Three Hover" content="Title Here" />
  62.  
  63.  
  64.  
  65.  
  66. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  67. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  68. <script>
  69. (function($){
  70. $(document).ready(function(){
  71. $("a[title]").style_my_tooltips({
  72. tip_follows_cursor:true,
  73. tip_delay_time:90,
  74. tip_fade_speed:600,
  75. attribute:"title"
  76. });
  77. });
  78. })(jQuery);
  79. </script>
  80. <!--basic tooltip from tutorial-baby! Enjoy-->
  81. <!--
  82.  
  83.  
  84.  
  85. L I B E R O S I S T H E M E //
  86. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  87.  
  88.  
  89.  
  90. D O N O T R E M O V E C R E D I T S
  91. -->
  92. <style>
  93. .tooltip{
  94. display: inline;
  95. position: relative;
  96. }
  97. #s-m-t-tooltip {
  98. max-width:300px; /*how big the tooltip can be at most*/
  99. border-radius: 0px; /*change your border radius*/
  100. padding:3px 4px 5px 4px; /*padding inside tooltip*/
  101. margin:8px; /*distance from word*/
  102. background-color:#fff; /*background color*/
  103. border:0px solid #E0E0E0; /*border info*/
  104. font-family:trebuchet ms; /*tooltip font*/
  105. font-size:9px; /*tooltip font size*/
  106. letter-spacing:0px; /*tooltip letter spacing*/
  107. text-transform:uppercase; /*makes the tooltip title uppercase*/
  108. color:#999; /*tooltip font color*/
  109. z-index:999999999999999999999999999999999999;
  110. -webkit-transition: all 0.2s ease-in-out;
  111. -moz-transition: all 0.2s ease-in-out;
  112. transition: all 0.2s ease-in-out;
  113. }
  114. </style>
  115.  
  116.  
  117.  
  118. <style type="text/css">
  119.  
  120. /*
  121.  
  122.  
  123.  
  124. L I B E R O S I S T H E M E //
  125. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  126.  
  127.  
  128.  
  129. D O N O T R E M O V E C R E D I T S
  130. */
  131.  
  132. /* FOLLOW AND DASHBOARD BUTTONS */
  133.  
  134. iframe#tumblr_controls {
  135. opacity: .3;
  136. top: 20px;
  137. right: 30px !important;
  138. position: fixed !important;
  139. -webkit-transition: opacity 0.7s linear;
  140. -webkit-transition: all 0.8s ease-out;
  141. -moz-transition: all 0.8s ease-out;
  142. transition: all 0.8s ease-out;
  143. -webkit-filter: invert(100%);
  144. }
  145. iframe#tumblr_controls:hover {
  146. opacity: .5;
  147. -webkit-transition: opacity 0.7s linear;
  148. -webkit-transition: all 0.4s ease-out;
  149. -moz-transition: all 0.4s ease-out;
  150. transition: all 0.4s ease-out;
  151. -webkit-filter: invert(100%);
  152. }
  153.  
  154.  
  155.  
  156. /* SCROLL BAR CODE */
  157.  
  158. ::-webkit-scrollbar{
  159. width: 8px;
  160. height: 4px;
  161. background: {color:Accent Colour};
  162. border-left: 0px solid #f5f5f5;
  163. }
  164. ::-webkit-scrollbar-thumb{
  165. background-color:{color:Background};
  166. border-radius:5px;
  167. border-left: 3px solid {color:Accent Colour};
  168. border-right: 3px solid {color:Accent Colour};
  169. }
  170.  
  171. /* SELECTION / HIGHLIGHT */
  172.  
  173. ::selection {
  174. background: {color:Accent Colour}; /* WebKit/Blink Browsers */
  175. }
  176. ::-moz-selection {
  177. background: {color:Accent Colour}; /* Gecko Browsers */
  178. }
  179.  
  180. /* THE BASICS */
  181.  
  182. body {
  183. color: {color:Text};
  184. background-color: {color:Background};
  185. background-image: url({image:Background});
  186. font: 10px trebuchet ms;
  187. line-height: 13px;
  188. }
  189. a {
  190. text-decoration: none;
  191. color: {color:Link};
  192. }
  193. a:hover {
  194. color:{color:Link Hover};
  195. cursor: help;
  196. text-decoration: line-through;
  197. font-style: italic;
  198. }
  199. h1 {
  200. font-size: 12px;
  201. color: {color:Title};
  202. }
  203.  
  204. /*
  205.  
  206.  
  207.  
  208. L I B E R O S I S T H E M E //
  209. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  210.  
  211.  
  212.  
  213. D O N O T R E M O V E C R E D I T S
  214. */
  215.  
  216. /*--CUSTOMIZE SIDEBAR--*/
  217. #sidebar{
  218. z-index: 99999;
  219. position: fixed !important;
  220. width: 300px;
  221. height: 300px;
  222. margin-top: 140px;
  223. margin-left: 120px;
  224. padding: 12px;
  225. background-color: ;
  226. }
  227.  
  228. #slide {
  229. position: absolute;
  230. left: -500px;
  231. width: 100px;
  232. height: 100px;
  233. background: transparent;
  234. -webkit-animation: slide 0.2s forwards;
  235. -webkit-animation-delay: 0s;
  236. animation: slide 1s forwards;
  237. animation-delay: 2s;
  238. }
  239.  
  240. @-webkit-keyframes slide {
  241. 100% { left: 0; }
  242. }
  243.  
  244. @keyframes slide {
  245. 100% { left: 0; }
  246. }
  247.  
  248.  
  249. /* ITEMS IN SIDEBAR */
  250.  
  251. #sidebarimage{
  252. border:0px solid #eee;
  253. padding:10px;
  254. opacity:0;
  255. }
  256.  
  257. @font-face { font-family: "dawning_of_a_new_day"; src: url('https://dl.dropboxusercontent.com/s/9owbnby9b1vz5m7/dawningofanewday.ttf?dl=1'); format(“truetype”);}
  258.  
  259. @font-face {font-family: "alexbrush";src: url('https://dl.dropboxusercontent.com/s/y48zvcvymdw1vmo/alexbrush-regular.ttf?dl=1'); format("truetype");}
  260.  
  261. #blogtitle{
  262. position: fixed !important;
  263. z-index: 99999;
  264. width: 150px;
  265. margin-top: -175px;
  266. margin-left: 23px;
  267. color: {color:Blog Title};
  268. background: ;
  269. border-bottom: 0px dotted #555;
  270. padding: 12px;
  271. font-family: alexbrush;
  272. font-size: 50px;
  273. line-height: 10px;
  274. text-shadow: #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px,
  275. #fff 0px 0px 1px, #fff 0px 0px 1px, #fff 0px 0px 1px;
  276. -webkit-font-smoothing: antialiased;
  277. }
  278.  
  279. @font-face {font-family: "basicl";src: url('https://dl.dropboxusercontent.com/s/gcupkgtql0xvjge/basicl.ttf?dl=1'); format("truetype");}
  280.  
  281. @font-face {font-family: "hasteristico";src: url('https://dl.dropboxusercontent.com/s/1q25s0pxgiibx5j/hasteristico.ttf?dl=1'); format("truetype");}
  282.  
  283. @font-face {font-family: "arsenale_white";src: url('https://dl.dropboxusercontent.com/s/rpfrotuxmqye3fz/arsenale_white.ttf?dl=1'); format("truetype");}
  284.  
  285. #description{
  286. position: fixed !important;
  287. background: #fff;
  288. border-right: 3px solid {color:Accent Colour}/*#eee*/;
  289. width: 180px;
  290. height: auto;
  291. padding: 12px;
  292. color: #10;
  293. font-family: trebuchet ms;
  294. margin-top: -80px;
  295. margin-left: -45px;
  296. font-size: 8.5px;
  297. line-height: 13px;
  298. text-align: right;
  299. text-transform: upercase;
  300. font-weight: bol;
  301. }
  302.  
  303. /*
  304.  
  305.  
  306.  
  307. L I B E R O S I S T H E M E //
  308. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  309.  
  310.  
  311.  
  312. D O N O T R E M O V E C R E D I T S
  313. */
  314.  
  315. @import url(http://weloveiconfonts.com/api/?family=typicons);
  316.  
  317. /* typicons */
  318. [class*="typicons-"]:before {
  319. font-family: 'Typicons', sans-serif;
  320. }
  321.  
  322.  
  323. /* LEFT TO RIGHT */
  324. .sliding-u-l-r {
  325. display: inline-block;
  326. }
  327. .sliding-u-l-r:after {
  328. content: '';
  329. display: block;
  330. height: 3px;
  331. width: 0;
  332. background: transparent;
  333. transition: width .5s ease, background-color .5s ease;
  334. }
  335. .sliding-u-l-r:hover:after {
  336. width: 100%;
  337. background: #555;
  338. }
  339.  
  340.  
  341. #links{
  342. opacity:.2;
  343. position: fixed!important;
  344. width: auto;
  345. height: auto;
  346. padding: 2px;
  347. color: #555;
  348. font-size: 14px;
  349. font-family: trebuchet ms;
  350. letter-spacing: 3px;
  351. text-transform: uppercase;
  352. background: ;
  353. margin-left: 173px;
  354. bottom: 483px;
  355. -webkit-transition: all 0.9s ease-in-out;
  356. -moz-transition: all 0.9s ease-in-out;
  357. -o-transition: all 0.9s ease-in-out;
  358. }
  359. #links a{
  360. color:#000;
  361. margin-bottom: 20px;
  362. }
  363.  
  364. #links a:hover{
  365. font-style: italic;
  366. text-decoration: none;
  367. }
  368.  
  369. /*
  370.  
  371.  
  372.  
  373. L I B E R O S I S T H E M E //
  374. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  375.  
  376.  
  377.  
  378. D O N O T R E M O V E C R E D I T S
  379. */
  380.  
  381. /* FOR AUDIO POSTS*/
  382.  
  383. #audio {
  384. width: 200px;
  385. height: auto;
  386. min-height: 60px;
  387. padding-bottom: 0px;
  388. }
  389. .cover {
  390. opacity:0;
  391. position:absolute;
  392. z-index: 1;
  393. width: 60px;
  394. height: 60px;
  395. }
  396. .cover img {
  397. float: left;
  398. width: 60px;
  399. height: 60px;
  400. }
  401. .playbox {
  402. opacity: 1;
  403. border: 2px solid {color:Accent Colour};
  404. border-radius: 100%;
  405. height: 27px;
  406. width: 27px;
  407. overflow: hidden;
  408. position: absolute;
  409. z-index: 1000;
  410. margin-left: 17px;
  411. margin-top: 17px;
  412. text-align: center;
  413. -webkit-transform:scale(1.5);
  414. }
  415. .info {
  416. float:right;
  417. margin-right: 10px;
  418. margin-top: 4px;
  419. line-height: 14px;
  420. }
  421.  
  422.  
  423. /* TITLES OF ENTRIES */
  424. .title{
  425. font-family: basicl;
  426. font-size:20px;
  427. line-height: 18px;
  428. color: {color:Title};
  429. font-weight: normal;
  430. }
  431.  
  432. /* CENTER FRO THE POSTS */
  433.  
  434. #center{
  435. padding-top:-3px;
  436. padding-bottom:3px;
  437. position:fixed !important;
  438. width:250px;
  439. height:207px;
  440. background-color:#fff;
  441. {block:PermalinkPage}
  442. width:410px;
  443. height:207px;
  444. {/block:PermalinkPage}
  445. }
  446.  
  447.  
  448. /* POSTS CUSTOMIZATION */
  449.  
  450.  
  451. #posts{
  452. z-index: 999999;
  453. {block:indexpage}
  454. {block:ifOneColumn}
  455. width: 200px;
  456. {/block:ifOneColumn}
  457. {block:ifTwoColumn}
  458. width: 600px;
  459. {/block:ifTwoColumn}
  460. {block:ifThreeColumn}
  461. width: 800px;
  462. {block:ifThreeColumn}
  463. {/block:indexpage}
  464. {block:permalinkpage}
  465. width: 600px;
  466. {/block:permalinkpage}
  467. float: center;
  468. {block:ifOneColumn}
  469. margin-left: 550px;
  470. {/block:ifOneColumn}
  471. {block:ifTwoColumn}
  472. margin-left: 500px;
  473. {/block:ifTwoColumn}
  474. {block:ifThreeColumn}
  475. margin-left: 450px;
  476. {/block:ifThreeColumn}
  477. margin-top: 20px;
  478. z-index: 999;
  479. -webkit-animation:fadeInDown 5s;
  480. -moz-animation:fadeInDown 5s;
  481. -o-animation:fadeInDown 5s;
  482. }
  483.  
  484. /*
  485.  
  486.  
  487.  
  488. L I B E R O S I S T H E M E //
  489. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  490.  
  491.  
  492.  
  493. D O N O T R E M O V E C R E D I T S
  494. */
  495.  
  496. /* CUSTOMIZE INDIVIDUAL POSTS */
  497.  
  498. #entry{
  499. z-index: 999999;
  500. margin: 15px;
  501. float: left;
  502. background: transparent;
  503. border: {color:Accent Colour} 0px solid;
  504. font-size: 10px;
  505. line-height: 13px;
  506. {block:ifOneColumn}
  507. width: 450px;
  508. {/block:ifOneColumn}
  509. {block:ifTwoColumn}
  510. width: 250px;
  511. {/block:ifTwoColumn}
  512. {block:ifThreeColumn}
  513. width: 180px;
  514. {/block:ifThreeColumn}
  515. padding: 4px;
  516. {block:PermalinkPage}
  517. background: #fff;
  518. width: 360px;
  519. margin-top: 15px;
  520. margin-left: 13px;
  521. z-index: 99999;
  522. {/block:PermalinkPage}
  523. -moz-transition: all .9s ease-out;
  524. -o-transition: all .9s ease-out;
  525. -webkit-transition: all .9s ease-out;
  526. transition: all .9s ease-out;
  527. }
  528.  
  529.  
  530. /* INDIVIDUAL POSTS IMAGES */
  531.  
  532. #entry img{
  533. {block:indexpage}
  534. {block:ifOneColumn}
  535. width: 450px;
  536. {/block:ifOneColumn}
  537. {block:ifTwoColumn}
  538. max-width: 250px;
  539. {/block:ifTwoColumn}
  540. {block:ifThreeColumn}
  541. max-width: 180px;
  542. {/block:ifThreeColumn}
  543. background: #fff;
  544. opacity: .7;
  545. z-index: 999;
  546. -webkit-transition:all 0.7s ease-out;
  547. -moz-transition:all 0.7s ease-out;
  548. transition:all 0.7s ease-out;
  549. {/block:indexpage}
  550. }
  551.  
  552. #entry:hover img{
  553. opacity: 1;
  554. }
  555.  
  556. /* CUSTOMIZE PHOTO (HOVER) PERMALINKS */
  557.  
  558. #entry .perma {
  559. background: #fff;
  560. border: 2px solid {color:Accent Colour};
  561. display: block;
  562. text-align: right;
  563. font-size: 10px;
  564. letter-spacing: 1px;
  565. padding: 5px;
  566. text-transform: uppercase;
  567. }
  568.  
  569. #entry:hover .perma{
  570. opacity:1;
  571. }
  572.  
  573. /* CUSTOMIZE TEXT POST / ASK / ETC PERMALINKS */
  574. .permalinktext{
  575. opacity: 0;
  576. background: {color:Accent Colour};
  577. border: 2px solid {color:Accent Colour};
  578. display: block;
  579. text-align: right;
  580. font-size: 7px;
  581. letter-spacing: 1px;
  582. padding: 1px;
  583. text-transform: uppercase;
  584. margin-top: 5px;
  585. -ms-transform: scale(0); /* IE 9 */
  586. -webkit-transform: scale(0); /* Safari */
  587. transform: scale(0);
  588. -webkit-transition:all 0.2s ease-out;
  589. -moz-transition:all 0.2s ease-out;
  590. transition:all 0.2s ease-out;
  591. }
  592.  
  593. #entry:hover .permalinktext{
  594. opacity: 1;
  595. -ms-transform: scale(1); /* IE 9 */
  596. -webkit-transform: scale(1); /* Safari */
  597. transform: scale(1);
  598. }
  599.  
  600. /* BLOCKQUOTES */
  601.  
  602. blockquote {
  603. border-left: 1px dotted {color:Text};
  604. margin-left: 6px;
  605. padding-left: 10px;
  606. }
  607.  
  608.  
  609. /* POST NOTES*/
  610.  
  611. #postnotes{
  612. z-index: 999999;
  613. text-align: justify;
  614. max-height:150px;
  615. overflow-y:scroll;
  616. }
  617. #postnotes blockquote{
  618. border: 1px;
  619. }
  620.  
  621. /*
  622.  
  623.  
  624.  
  625. L I B E R O S I S T H E M E //
  626. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  627.  
  628.  
  629.  
  630. D O N O T R E M O V E C R E D I T S
  631. */
  632.  
  633. /* FOR QUESTION / ANSWER POSTS */
  634.  
  635. #question{
  636. outline: 2px solid {color:Accent Colour};
  637. outline-offset: 3px;
  638. margin: 3px;
  639. margin-top: -5px;
  640. min-height: 10px;
  641. padding: 3px;
  642. background: rgba({RGBcolor:Accent Colour}, 0.3);
  643. }
  644.  
  645. #askerportrait{
  646. margin-right: 4px;
  647. margin-top: -6px;
  648. margin-left: 0px;
  649. border: 1px solid #ddd;
  650. padding: 7px;
  651. background: #fff;
  652. box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  653. -moz-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06);
  654. -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.06)
  655. }
  656.  
  657.  
  658. #top {
  659. height: 10px;
  660. width: 100%;
  661. top: 0px;
  662. background-color: {color:Accent Colour};
  663. z-index: 999999999;
  664. position: fixed;}
  665.  
  666. #left {
  667. width: 10px;
  668. height: 100%;
  669. background-color: {color:Accent Colour};
  670. z-index: 999999999;
  671. left: 0;
  672. top: 0px;
  673. position: fixed;}
  674.  
  675. #bottom {
  676. height: 10px;
  677. width: 100%;
  678. bottom: 0;
  679. background-color: {color:Accent Colour};
  680. z-index: 999999999;
  681. position: fixed;}
  682.  
  683. #right {
  684. width: 10px;
  685. height: 100%;
  686. right: 0;
  687. top: 0px;
  688. background-color: {color:Accent Colour};
  689. z-index: 999999999;
  690. position: fixed;}
  691.  
  692. #tprghtln1 {
  693. height: 80px;
  694. width:2px;
  695. top:50px;
  696. right:50px;
  697. background-color:{color:Accent Colour};
  698. z-index:9;
  699. position:fixed;
  700. -moz-transition: all .9s ease-out;
  701. -o-transition: all .9s ease-out;
  702. -webkit-transition: all .9s ease-out;
  703. transition: all .9s ease-out;}
  704. #tprghtln2 {
  705. height:2px;
  706. width: 80px;
  707. top:50px;
  708. right:50px;
  709. background-color:{color:Accent Colour};
  710. z-index:9;
  711. position:fixed;}
  712.  
  713. #bttmlftln1 {
  714. height:80px;
  715. width:2px;
  716. bottom:50px;
  717. left:50px;
  718. background-color:{color:Accent Colour};
  719. z-index:9;
  720. position:fixed;}
  721.  
  722. #bttmlftln2 {
  723. height:2px;
  724. width:80px;
  725. bottom:50px;
  726. left:50px;
  727. background-color:{color:Accent Colour};
  728. z-index:9;
  729. position:fixed;}
  730.  
  731. {block:Indexpage}
  732. #bgfl{
  733. z-index:9;
  734. }
  735. {/block:Indexpage}
  736.  
  737. /*
  738.  
  739.  
  740.  
  741. L I B E R O S I S T H E M E //
  742. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  743.  
  744.  
  745.  
  746. D O N O T R E M O V E C R E D I T S
  747. */
  748.  
  749. #hovertab{
  750. top: 60px;
  751. right: 50px;
  752. position: fixed;
  753. width: 80px;
  754. height: 13px;
  755. font-size: 10px;
  756. background: #fff;
  757. color: #ccc;
  758. text-align: center;
  759. text-transform: uppercase;
  760. letter-spacing: 2px;
  761. -moz-transition: all .9s ease-out;
  762. -o-transition: all .9s ease-out;
  763. -webkit-transition: all .9s ease-out;
  764. transition: all .9s ease-out;
  765. overflow: hidden;
  766. padding-bottom: 5px;
  767. border-bottom: 2px solid {color:Accent Colour};
  768. border-right: 2px solid {color:Accent Colour};
  769. }
  770.  
  771. #hovertab:hover{
  772. height: 250px;
  773. width: 100px;
  774. background: #fff;
  775. -moz-transition: all .9s ease-out;
  776. -o-transition: all .9s ease-out;
  777. -webkit-transition: all .9s ease-out;
  778. transition: all .9s ease-out;
  779. }
  780.  
  781. #hovertabtext{
  782. text-align: right;
  783. font-size: 6px;
  784. }
  785.  
  786. #hovertabtext p {
  787. padding-top:3px;
  788. padding-bottom:3px;
  789. border-width:0px 0px 1px 0px;
  790. border-style:solid;
  791. font-size:7px;
  792. text-transform: uppercase;
  793.  
  794. }
  795.  
  796. #hovertabtext p:last-of-type {
  797. border-bottom:0px solid transparent;}
  798.  
  799. p, ul, li, ol {
  800. margin: 0px 0px 0px 0px;}
  801.  
  802.  
  803. </style>
  804.  
  805.  
  806.  
  807. </head>
  808.  
  809. <body>
  810.  
  811. <!--
  812.  
  813.  
  814.  
  815. L I B E R O S I S T H E M E //
  816. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  817.  
  818.  
  819.  
  820. D O N O T R E M O V E C R E D I T S
  821. -->
  822.  
  823. <div id="hovertab"><span style="">hover</span><br><br>
  824.  
  825. <div id="hovertabtext">
  826.  
  827. <p>{text:Hover Tab Text}</p>
  828.  
  829.  
  830. </div>
  831.  
  832.  
  833. </div>
  834.  
  835. <div id="tprghtln1"></div>
  836. <div id="tprghtln2"></div>
  837. <div id="bttmlftln1"></div>
  838. <div id="bttmlftln2"></div>
  839.  
  840. <div id="top"></div>
  841. <div id="right"></div>
  842. <div id="bottom"></div>
  843. <div id="left"></div>
  844.  
  845.  
  846. <div id="content">
  847.  
  848. <!--
  849.  
  850.  
  851.  
  852. L I B E R O S I S T H E M E //
  853. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  854.  
  855.  
  856.  
  857. D O N O T R E M O V E C R E D I T S
  858. -->
  859.  
  860. <!-- SIDEBAR -->
  861. <div id="sidebar">
  862.  
  863.  
  864. <!-- SIDEBAR IMAGE -->
  865. <div id="sidebarimage">
  866. <img src="{image:sideba}" style="width:130px; height:130px;">
  867. </div>
  868.  
  869. <!-- BLOG TITLE -->
  870. <div id="slide">
  871. <div id="blogtitle">
  872. {text:Blog Title}
  873. </div>
  874. </div>
  875.  
  876.  
  877.  
  878. <div style="z-index:99; position:fixed; top:70px; left:140px; opacity:.2">
  879. <img src="http://38.media.tumblr.com/tumblr_m6o4znq96z1rqmdb7.png" width="200px" z-index="9"/> <br>
  880. </div>
  881.  
  882.  
  883.  
  884. <!-- DESCRIPTION -->
  885. <div id="description">
  886. {description}
  887. </div>
  888.  
  889.  
  890. <!-- LINKS -->
  891. <div id="links">
  892.  
  893. <div class="sliding-u-l-r"><a href="{text:Link One}"><img src="http://static.tumblr.com/haqz6pj/9FYnuu6wv/home.png"> {text:Link One Name}</a></div> <br><br>
  894.  
  895. <div class="sliding-u-l-r"><a href="{text:Link Two}"><img src="http://static.tumblr.com/haqz6pj/ydnnuu7fa/compose.png"> {text:Link Two Name}</a></div><br><br>
  896.  
  897. <div class="sliding-u-l-r"><a href="{text:Link Three}"><img src="http://static.tumblr.com/haqz6pj/YcTnuu72h/heart-full.png"> {text:Link Three Name}</a></div>
  898.  
  899.  
  900.  
  901. <!--<a href="{text:Link Three}" title="{text:Link Three Hover}">{text:Link Three Name}</a> /
  902. <a href="{text:Link Four}" title="{text:Link Four Hover}">{text:Link Four Name}</a> /
  903. <a href="{text:Link Five}" title="{text:Link Five Hover}">{text:Link Five Name}</a>
  904.  
  905. <!-- LINKS /DIV -->
  906. </div>
  907.  
  908. <!-- SIDEBAR /DIV -->
  909. </div>
  910.  
  911.  
  912. <!--
  913.  
  914.  
  915.  
  916. L I B E R O S I S T H E M E //
  917. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  918.  
  919.  
  920.  
  921. D O N O T R E M O V E C R E D I T S
  922. -->
  923.  
  924.  
  925. <!-- POST CODES -->
  926.  
  927. <div id="posts">
  928. {block:Posts}
  929. <div id="entry">
  930.  
  931.  
  932. {block:Photo}
  933. {block:IndexPage}
  934. <div class="lovely"></div>
  935.  
  936. {/block:IndexPage}
  937.  
  938. {block:IndexPage}
  939. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=250px;>
  940.  
  941. <div class="permalinktext">
  942. <a href="{ReblogURL}">reblog</a>,
  943. {TimeAgo},
  944. <a title="permalink page" href="{Permalink}">{NoteCount}</a>
  945. </div>
  946.  
  947. {/block:IndexPage}
  948.  
  949. {block:permalinkpage}
  950. {LinkOpenTag}
  951. <center>
  952. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=350px;/>
  953. </center>
  954. {LinkCloseTag}
  955. {/block:permalinkpage}
  956. {/block:Photo}
  957.  
  958.  
  959.  
  960. <!--Credit to tanathekittygoesrawr.tumblr.com-->
  961. {block:Photoset}
  962. {block:Photos}
  963. <div class="media">
  964. {LinkOpenTag}
  965. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  966. {LinkCloseTag}
  967. </div>
  968. {/block:Photos} <br>
  969. <div class="permalinktext">
  970. <a href="{ReblogURL}">reblog</a>,
  971. {TimeAgo},
  972. <a title="permalink page" href="{Permalink}">{NoteCount}</a>
  973. </div>
  974. {/block:Photoset}
  975. <!--Do not remove credit; or you will be reported-->
  976.  
  977.  
  978.  
  979. {block:Answer}
  980. <br><span style="font-family: alexbrush; font-size: 18px;">{Asker} inquired. . .</span><br><br>
  981. <div id="question">
  982. <!-- <div id="askerportrait"><img src="{AskerPortraitURL-30}" width="0" align="left"></div>-->
  983. {Question}
  984. </div><br>
  985. {Answer}<br>
  986. <span style="font-family: alexbrush; font-size: 18px; float:right">. . .I replied</span><br><br>
  987.  
  988. <div class="permalinktext">
  989. <a href="{ReblogURL}">reblog</a>,
  990. {TimeAgo},
  991. <a title="permalink page" href="{Permalink}">{NoteCount}</a>
  992. </div>
  993. {/block:Answer}
  994.  
  995.  
  996. {block:Text}
  997. {block:Title}
  998. <span class="title">{Title}</span>
  999. {/block:Title}
  1000. {Body}
  1001. {block:IndexPage}<br>
  1002. <div class="permalinktext">
  1003. <a href="{ReblogURL}">reblog</a>,
  1004. {TimeAgo},
  1005. <a title="permalink page" href="{Permalink}">{NoteCount}</a>
  1006. </div>
  1007. {/block:IndexPage}
  1008. {/block:Text}
  1009.  
  1010.  
  1011.  
  1012. {block:Link}
  1013. <a href="{URL}" class="title">{Name}</a>
  1014. {block:Description}
  1015. {Description}
  1016. {/block:Description}
  1017. {block:IndexPage}
  1018. <div class="permalinktext">
  1019. <a href="{ReblogURL}">reblog</a>,
  1020. {TimeAgo},
  1021. <a title="permalink page" href="{Permalink}">{NoteCount}</a>
  1022. </div>
  1023. {/block:IndexPage}
  1024. {block:Link}
  1025.  
  1026. <!--
  1027.  
  1028.  
  1029.  
  1030. L I B E R O S I S T H E M E //
  1031. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  1032.  
  1033.  
  1034.  
  1035. D O N O T R E M O V E C R E D I T S
  1036. -->
  1037.  
  1038. {block:Quote}
  1039. <div class="quote">❝ {quote} ❞</div>
  1040. {block:IndexPage}
  1041. <div class="permalinktext">
  1042. <a href="{ReblogURL}">reblog</a>,
  1043. {TimeAgo},
  1044. <a title="permalink page" href="{Permalink}">{NoteCount}</a>
  1045. </div>
  1046. {/block:IndexPage}
  1047. {/block:Quote}
  1048.  
  1049.  
  1050.  
  1051.  
  1052. {block:Chat}
  1053. {block:Title}
  1054. <h1>{Title}</h1>
  1055. {/block:Title}
  1056. {block:Lines}
  1057. {block:Label}
  1058. <b>{Label}</b>
  1059. {/block:Label}
  1060. <span><i>{Line}</i><br>
  1061. </span>
  1062. {/block:Lines}
  1063. <div class="permalinktext">
  1064. <a href="{ReblogURL}">reblog</a>,
  1065. {TimeAgo},
  1066. <a title="permalink page" href="{Permalink}">{NoteCount}</a>
  1067. </div>
  1068. {/block:Chat}
  1069.  
  1070.  
  1071.  
  1072.  
  1073. {block:Audio}
  1074. <div id="audio">
  1075. <div class="cover">
  1076. <img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg">
  1077. </div>
  1078.  
  1079. {block:AlbumArt}
  1080. <div class="cover">
  1081. <img src="{AlbumArtURL}">
  1082. </div>
  1083. {/block:AlbumArt}
  1084.  
  1085. <div class="playbox">
  1086. {block:AudioPlayer}
  1087. {AudioPlayerWhite}
  1088. {/block:AudioPlayer}
  1089. </div>
  1090. <div class="info">
  1091. Artist:
  1092. {block:Artist}
  1093. {Artist}
  1094. {/block:Artist}
  1095. <br>
  1096. Track:
  1097. {block:TrackName}
  1098. {TrackName}
  1099. {/block:TrackName}
  1100. <br>
  1101.  
  1102. Album:
  1103. {block:Album}
  1104. {Album}
  1105. {/block:Album}
  1106. <br>
  1107.  
  1108. Play Count:
  1109. {block:PlayCount}
  1110. {FormattedPlayCount}
  1111. {/block:PlayCount}
  1112. </div> <!-- .INFO /DIV -->
  1113. </div> <!-- #AUDIO /DIV -->
  1114.  
  1115.  
  1116. {block:IndexPage}
  1117. <div class="permalinktext">
  1118. <a href="{ReblogURL}">reblog</a>,
  1119. {TimeAgo},
  1120. <a title="permalink page" href="{Permalink}">{NoteCount}</a>
  1121. </div>
  1122. {/block:IndexPage}
  1123. {/block:Audio}
  1124.  
  1125.  
  1126. <!--
  1127.  
  1128.  
  1129.  
  1130. L I B E R O S I S T H E M E //
  1131. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  1132.  
  1133.  
  1134.  
  1135. D O N O T R E M O V E C R E D I T S
  1136. -->
  1137.  
  1138.  
  1139. {block:Video}
  1140. {block:IndexPage}
  1141. <div style="width:200px; overflow-x:hidden; overflow-y:hidden">{Video-250}
  1142. </div>
  1143. <div class="permalinktext">
  1144. <a href="{ReblogURL}">reblog</a>,
  1145. {TimeAgo},
  1146. <a title="permalink page" href="{Permalink}">{NoteCount}</a>
  1147. </div>
  1148. {/block:IndexPage}
  1149. {block:PermalinkPage}
  1150. <div style="width: 450px; overflow-x:hidden; overflow-y:hidden">
  1151. {Video-500}
  1152. {/block:PermalinkPage}
  1153. {block:Video}
  1154.  
  1155.  
  1156. {block:PermalinkPage}
  1157. <center><br>
  1158.  
  1159. {block:Caption}{Caption}{/block:Caption}<br>
  1160.  
  1161.  
  1162. {block:Date}
  1163. posted <u>{DayOfWeek}</u>
  1164. {/block:Date}
  1165.  
  1166. {block:NoteCount}
  1167. with {NoteCount} notes<br>
  1168. {/block:NoteCount}
  1169.  
  1170. {block:RebloggedFrom}
  1171. <b>source:</b>
  1172. <a href="{ReblogRootURL}">{ReblogRootName}</a> / <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>
  1173. <br>
  1174. {/block:RebloggedFrom}
  1175.  
  1176. {block:NoteCount}
  1177. <div style="text-align:center; margin:5px">
  1178. </div>
  1179. {/block:NoteCount}
  1180. </center>
  1181. {/block:PermalinkPage}
  1182.  
  1183.  
  1184. {block:PostNotes}
  1185. <div id="postnotes">
  1186. {PostNotes}
  1187. </div>
  1188. {/block:PostNotes}
  1189.  
  1190.  
  1191. </div>
  1192.  
  1193. {/block:Posts}
  1194.  
  1195. </div>
  1196.  
  1197. </div>
  1198.  
  1199.  
  1200.  
  1201. {block:indexpage}
  1202. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  1203. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  1204. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  1205. <script type="text/javascript">
  1206. $(window).load(function(){
  1207. var $wall = $('#posts');
  1208. $wall.imagesLoaded(function(){
  1209. $wall.masonry({
  1210. itemSelector: '#entry, #entry_photo',
  1211. isAnimated : false
  1212. });
  1213. });
  1214.  
  1215. $wall.infinitescroll({
  1216. navSelector : '#page-nav',
  1217. nextSelector : '#page-nav a',
  1218. itemSelector : '#entry, #entry_photo',
  1219. bufferPx : 2000,
  1220. debug : false,
  1221. errorCallback: function() {
  1222. $('#infscr-loading').fadeOut('normal');
  1223. }},
  1224. function( newElements ) {
  1225. var $newElems = $( newElements );
  1226. $newElems.hide();
  1227. $newElems.imagesLoaded(function(){
  1228. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  1229. });
  1230. }); $('#content').show(500);
  1231. });
  1232. </script>
  1233. {/block:indexpage}
  1234.  
  1235.  
  1236. </body>
  1237.  
  1238.  
  1239.  
  1240. <!--FEATHER--><div style="position:fixed; bottom:20px; left:0px; opacity:0">
  1241. <img src="https://40.media.tumblr.com/2be553c14b24444e055e83e52285cf51/tumblr_mm72snTXMH1rgpyeqo1_400.png" /> <br></div>
  1242.  
  1243. <!--
  1244.  
  1245.  
  1246.  
  1247. L I B E R O S I S T H E M E //
  1248. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  1249.  
  1250.  
  1251.  
  1252. D O N O T R E M O V E C R E D I T S
  1253. -->
  1254.  
  1255. <!--CREDIT-->
  1256.  
  1257. <style>
  1258. #credit{
  1259. z-index:2147483647;
  1260. opacity:1;
  1261. position:fixed;
  1262. bottom:0px;
  1263. right:20px;
  1264. opacity:.2;
  1265. -moz-transition: all .9s ease-out;
  1266. -o-transition: all .9s ease-out;
  1267. -webkit-transition: all .9s ease-out;
  1268. transition: all .9s ease-out;
  1269. }
  1270.  
  1271. #credit:hover{
  1272. opacity:1;
  1273. }
  1274.  
  1275. </style>
  1276. <body>
  1277. <a href="http://tanathekittygoesrawr.tumblr.com" title="THEME CREATED BY TANATHEKITTYGOESRAWR"><div id="credit"><img src="http://static.tumblr.com/haqz6pj/NJ7nw87bs/cat8__1_.png"></div></a>
  1278.  
  1279. <div style="opacity:.1">Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="http://www.flaticon.com" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0">CC BY 3.0</a></div>
  1280.  
  1281.  
  1282.  
  1283. </body>
  1284.  
  1285. </html>
  1286. <!--
  1287.  
  1288.  
  1289.  
  1290. L I B E R O S I S T H E M E //
  1291. by TANATHEKITTYGOESRAWR*:･ﾟ✧
  1292.  
  1293.  
  1294.  
  1295. D O N O T R E M O V E C R E D I T S
  1296. -->
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!