DAISIEANGEL

Claudia Theme

Apr 23rd, 2015
271
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.96 KB | None | 0 0
  1. <!--
  2.  
  3. THEME BY BLISSHVZE.
  4.  
  5. DON'T REMOVE THE CREIDTS OR YOU'LL BE REPORTED.
  6.  
  7. EJOY CLAUDIA THEME!
  8.  
  9.  
  10. ~~~~~~~~~~~$$$$
  11. ~~~~~~~~~~$$$$$$
  12. ~~~~~~~~~.$$$**$$
  13. ~~~~~~~~~$$$"~~`$$
  14. ~~~~~~~~$$$"~~~~$$
  15. ~~~~~~~~$$$~~~~.$$
  16. ~~~~~~~~$$~~~~..$$
  17. ~~~~~~~~$$~~~~.$$$
  18. ~~~~~~~~$$~~~$$$$
  19. ~~~~~~~~~$$$$$$$$
  20. ~~~~~~~~~$$$$$$$…
  21. ~~~~~~~.$$$$$$* …
  22. ~~~~~~$$$$$$$"…..
  23. ~~~~.$$$$$$$
  24. ~~~$$$$$$"`$
  25. ~$$$$$~~~~~$$.$..
  26. $$$$$~~~~$$$$$$$$$$.
  27. $$$$~~~.$$$$$$$$$$$$$
  28. $$$~~~~$$$*~`$~~$*$$$$
  29. $$$~~~`$$"~~~$$~~~$$$$
  30. 3$$~~~~$$~~~~$$~~~~$$$
  31. ~$$$~~~$$$~~~`$~~~~$$$
  32. ~`*$$~~~~$$$~~$$~~:$$
  33. ~~~$$$$~~~~~~~$$~$$"
  34. ~~~~~$$*$$$$$$$$$"
  35. ~~~~~~~~~~““~$$
  36. ~~~~~~~~~~~~~~~`$
  37. ~~~~~~~~..~~~~~~$$
  38. ~~~~~~$$$$$$~~~~$$
  39. ~~~~~$$$$$$$$~~~$$
  40. ~~~~~$$$$$$$$~~~$$
  41. ~~~~~~$$$$$"~~.$$
  42. ~~~~~~~"*$$$$$$
  43.  
  44.  
  45.  
  46. -->
  47. {block:iftinycursor}
  48. <style type="text/css"> body, a:hover {cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), progress !important;} </style>
  49. {/block:iftinycursor}
  50.  
  51. <html lang="en">
  52. <head>
  53. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  54. <link href='http://fonts.googleapis.com/css?family=Gloria+Hallelujah' rel='stylesheet' type='text/css'>
  55. <link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
  56. <link href='http://fonts.googleapis.com/css?family=PT+Sans:700' rel='stylesheet' type='text/css'>
  57. <link href='http://fonts.googleapis.com/css?family=Vesper+Libre:500' rel='stylesheet' type='text/css'>
  58. <link href='http://fonts.googleapis.com/css?family=Chewy' rel='stylesheet' type='text/css'>
  59. <link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
  60. <link href='http://fonts.googleapis.com/css?family=Leckerli+One' rel='stylesheet' type='text/css'>
  61. <link href='http://fonts.googleapis.com/css?family=Devonshire' rel='stylesheet' type='text/css'>
  62. <link href='http://fonts.googleapis.com/css?family=Finger+Paint' rel='stylesheet' type='text/css'>
  63. <link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
  64.  
  65. <meta name="image:Background" content=""/>
  66. <meta name="image:Sidebar Image"content=""/>
  67. <meta name="color:Background" content="#FFFFFF"/>
  68. <meta name="color:Title" content="#CCE8F0"/>
  69. <meta name="color:Blog Title" content="#35BFE6"/>
  70. <meta name="color:Link" content="#C7C7C7"/>
  71. <meta name="color:Hover" content="#BAD8FF"/>
  72. <meta name="color:Text" content="#777777"/>
  73. <meta name="color:Description" content="#777777"/>
  74. <meta name="color:Shadows" content="#BDE5F0"/>
  75. <meta name="color:Border" content="#fad6ab"/>
  76. <meta name="color:Tab" content="#BDE5F0"/>
  77. <meta name="color:Tab Hover" content="#D5EAF0"/>
  78.  
  79. <meta name="if:tiny cursor" content="1"/>
  80. <meta name="if:faded posts" content="1"/>
  81. <meta name="if:post shadows" content="0"/>
  82. <meta name="if:solid border" content="0"/>
  83. <meta name="if:dashed border" content="1"/>
  84. <meta name="if:dotted border" content="0"/>
  85. <meta name="if:black and white posts" content="0"/>
  86. <meta name="if:IV columns" content="1"/>
  87. <meta name="if:III columns" content="1"/>
  88. <meta name="if:II columns" conent="1"/>
  89. <meta name="if:fixed image" content="1"/>
  90. <meta name="if:disabled right click" content="1"/>
  91.  
  92. <meta name="text:Link One URL" content=""/>
  93. <meta name="text:Link One Title" content="link"/>
  94.  
  95.  
  96.  
  97.  
  98.  
  99.  
  100.  
  101. <title>{Title}</title>
  102. {block:Description}
  103. <meta name="description" content="{MetaDescription}" />
  104. {/block:Description}
  105.  
  106. <!-- FAVICON -->
  107. <link rel="shortcut icon" href="{Favicon}">
  108.  
  109. <!---------------DO NOT REMOVE THESE SCRIPTS--------------->
  110.  
  111. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  112.  
  113. <script src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  114. <script>
  115. (function($){$(document)
  116. .ready(function(){$("[title]")
  117. .style_my_tooltips();});})
  118. (jQuery);
  119. </script>
  120.  
  121. {block:IndexPage}
  122. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  123. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  124.  
  125. <script type="text/javascript">
  126. $(window).load(function(){
  127. var $wall = $('#entries');
  128. $wall.imagesLoaded(function(){
  129. $wall.masonry({
  130. itemSelector: '#post, #post_photo',
  131. isAnimated : false
  132. });
  133. });
  134.  
  135. $wall.infinitescroll({
  136. navSelector : '#pagination',
  137. nextSelector : '#pagination a',
  138. itemSelector : '#post, #post_photo',
  139. bufferPx : 2000,
  140. debug : false,
  141. errorCallback: function() {
  142. $('#scroll').fadeOut('normal');
  143. }},
  144. function( newElements ) {
  145. var $newElems = $( newElements );
  146. $newElems.hide();
  147. $newElems.imagesLoaded(function(){
  148. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  149. });
  150. }); $('#entries').show(500);
  151. });
  152. </script>
  153. {/block:IndexPage}
  154.  
  155. <!---------------END SCRIPTS-------------->
  156.  
  157.  
  158.  
  159.  
  160.  
  161.  
  162.  
  163.  
  164. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  165.  
  166. <style>
  167. div#qTip {
  168. padding: 5px;
  169. display: none;
  170. text-align: center;
  171. position: absolute;
  172. font-size:8px;
  173. line-height:2px;
  174. font-family:verdana;
  175. z-index: 1000;
  176. border: double 2px #DEEEFF;
  177. box-shadow: 0 0 1px 2px #DEEEFF;
  178. background-color: #fff;
  179. background-image:url(https://24.media.tumblr.com/48bff5867225e7c350501efec7075309/tumblr_mxe3m3tMDu1swr3cao1_500.gif);
  180. background-position:auto;
  181. color: #c9c9c9;
  182. text-transform:uppercase;
  183. letter-spacing: 1px;
  184. border-radius: 4px;
  185. }
  186. </style>
  187.  
  188.  
  189.  
  190.  
  191.  
  192.  
  193.  
  194.  
  195. <style type="text/css">
  196.  
  197.  
  198.  
  199.  
  200.  
  201. iframe#tumblr_controls {-webkit-filter: invert(100%);right:2px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.8s ease-out;-moz-
  202.  
  203. transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  204.  
  205. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all
  206.  
  207. 0.4s ease-out;}
  208.  
  209.  
  210.  
  211.  
  212.  
  213.  
  214.  
  215.  
  216.  
  217. /************EDIT BODY HERE************/
  218.  
  219. body{
  220. margin:0px;
  221. background-color: {color:Background};
  222. background-image:url({image:Background});
  223. background-attachment:fixed;
  224. background-repeat:no-repeat;
  225. background-position: right;
  226. font-family: Calibri;
  227. font-size:8px;
  228. letter-spacing:1px;
  229. text-transform:uppercase;
  230. text-align:left;
  231. line-height:11px;
  232. color: {color:Text};}
  233.  
  234.  
  235. a:link, a:active, a:visited{
  236. text-decoration: none;
  237. color: {color:Link};}
  238.  
  239. a:hover {
  240. color:{color:Link};
  241. text-decoration:none;}
  242.  
  243. /************EDIT TOOLTIP HERE************/
  244.  
  245.  
  246. #s-m-t-tooltip {
  247. padding: 3px;
  248. height:auto;
  249. display: none;
  250. font-family: consolas;
  251. font-size: 8px;
  252. text-transform:uppercase;
  253. text-align: center;
  254. letter-spacing:1px;
  255. margin-top:10px;
  256. margin-left: 15px;
  257. line-height: 8px;
  258. z-index: 999999999999;
  259. border-radius:3px;
  260. border: 1px solid #f5f5f5;
  261. background:#ffffff;
  262. color: #888;}
  263.  
  264. /************EDIT POST POSITION/WIDTH HERE************/
  265.  
  266. /*To increase the amount of columns, increase the width. To decrease the amount of columns, decrease the width.*/
  267.  
  268. #entries{
  269. text-align:left;
  270. margin-left:130px;
  271. margin-top:10px;
  272. position:relative;
  273. overflow: hidden;
  274. {block:PermalinkPage}
  275. width:1000px;
  276. {/block:PermalinkPage}
  277.  
  278. {block:ifIIIcolumns}
  279. left: 10px;
  280. width:1000px;
  281. {/block:ifIIIcolumns}
  282.  
  283.  
  284. {block:ifIIcolumns}
  285. left:30px;
  286. width:900px;
  287. {/block:ifIIcolumns}
  288.  
  289. {block:ifIVcolumns}
  290. left:0px;
  291. width:1000px;
  292. {/block:ifIVcolumns}
  293. }
  294.  
  295. /************EDIT OVERALL POSTS HERE************/
  296.  
  297. /*When increasing the amount of columns, you may have to decrease the #post width. Otherwise, to get larger posts, increase the width.*/
  298.  
  299. #post{
  300. text-align:left;
  301. background:#ffffff;
  302. padding:8px;
  303.  
  304. {block:ifIVcolumns}
  305. width: 190px;
  306. margin:15px;
  307. {/block:ifIVcolumns}
  308.  
  309.  
  310. {block:ifIIIcolumns}
  311. width: 220px;
  312. margin:15px;
  313. {/block:ifIIIcolumns}
  314.  
  315.  
  316. {block:ifIIcolumns}
  317. width: 250px;
  318. margin:20px;
  319. {/block:ifIIcolumns}
  320.  
  321. display:block;
  322. overflow:hidden;
  323. -webkit-transition: all 0.3s linear;
  324. -moz-transition: all 0.3s linear;
  325. transition: all 0.3s linear;
  326.  
  327. {block:ifsolidborder}
  328. border:1px {color:Border} solid;
  329. {/block:ifsolidborder}
  330.  
  331. {block:ifdashedborder}
  332. border:1px {color:Border} dashed;
  333. {/block:ifdashedborder}
  334.  
  335. {block:ifdottedborder}
  336. border:1px {color:Border} dotted;
  337. {/block:ifdottedborder}
  338.  
  339. {block:iffadedposts}
  340. opacity:1;
  341. {/block:iffadedposts}
  342.  
  343. {block:ifblackandwhiteposts}
  344. -webkit-filter: grayscale(90%);
  345. -webkit-transition: all 0.3s ease-in-out;
  346. -moz-transition: all 0.3s ease-in-out;
  347. -o-transition: all 0.3s ease-in-out;
  348. -ms-transition: all 0.3s ease-in-out;
  349. {/block:ifblackandwhiteposts}
  350.  
  351. {block:PermalinkPage}
  352. width:500px;
  353. {/block:PermalinkPage}}
  354.  
  355. #post:hover{
  356. {block:iffadedposts}
  357. opacity:0.8;
  358. -webkit-transition: all 0.3s linear;
  359. -moz-transition: all 0.3s linear;
  360. transition: all 0.3s linear;
  361. {/block:iffadedposts}
  362.  
  363. {block:ifpostshadows}
  364. box-shadow:2px 2px 8px 5px {color:Shadows};
  365. -webkit-transition: all 0.3s linear;
  366. -moz-transition: all 0.3s linear;
  367. transition: all 0.3s linear;
  368. {block:ifpostshadows}
  369.  
  370. {block:ifblackandwhiteposts}
  371. -webkit-filter: grayscale(0%);
  372. -webkit-transition: all 0.3s ease-in-out;
  373. -moz-transition: all 0.3s ease-in-out;
  374. -o-transition: all 0.3s ease-in-out;
  375. -ms-transition: all 0.3s ease-in-out;
  376. {/block:ifblackandwhiteposts}
  377.  
  378. {block:ifsolidborder}
  379. border:1px {color:Border} solid;
  380. {/block:ifsolidborder}
  381.  
  382. {block:ifdashedborder}
  383. border:1px {color:Border} dashed;
  384. {/block:ifdashedborder}
  385.  
  386. {block:ifdottedborder}
  387. border:1px {color:Border} dotted;
  388. {/block:ifdottedborder}
  389. }
  390.  
  391. /*Do not delete #post img.*/
  392.  
  393. #post img{
  394. max-width:100%;}
  395.  
  396.  
  397. /*Edit the permalinks all posts.*/
  398.  
  399. {block:ifIVcolumns}
  400. .permalink{
  401. text-align:right;
  402. bottom:20px;
  403. left:-50px;
  404. opacity:0;
  405. padding:5px;
  406. border:0px #a8a8a8 solid;
  407.  
  408. position:absolute;
  409. background:white;
  410. font-size:8px;
  411. font-family:'Architects Daughter';
  412. -webkit-transition: all 0.5s linear;
  413. -moz-transition: all 0.5s linear;
  414. transition: all 0.5s linear;
  415. text-transform:none;
  416. }
  417.  
  418. #post:hover .permalink{
  419. text-align:right;
  420. border:0px #a8a8a8 solid;
  421.  
  422. padding:5px;
  423. left:60px;
  424. font-size: 8px;
  425. opacity: 0.8;
  426. position:absolute;
  427. background:white;
  428. font-size:11px;
  429. font-family:'Architects Daughter';
  430. -webkit-transition: all 0.5s linear;
  431. -moz-transition: all 0.5s linear;
  432. transition: all 0.5s linear;
  433. text-transform:none;
  434. }
  435.  
  436.  
  437. #post:hover .permalink:hover{
  438. opacity:1;
  439. }
  440.  
  441.  
  442. .permalink a{
  443. text-transform:uppercase;
  444.  
  445. top:15px;
  446. }
  447. {/block:ifIVcolumns}
  448.  
  449.  
  450. {block:ifIIIcolumns}
  451. .permalink{
  452. text-align:right;
  453. bottom:20px;
  454. left:-50px;
  455. opacity:0;
  456. padding:5px;
  457. border:0px #a8a8a8 solid;
  458.  
  459. position:absolute;
  460. background:white;
  461. font-size:10px;
  462. font-family:'Architects Daughter';
  463. -webkit-transition: all 0.5s linear;
  464. -moz-transition: all 0.5s linear;
  465. transition: all 0.5s linear;
  466. text-transform:none;
  467. }
  468.  
  469. #post:hover .permalink{
  470. text-align:right;
  471. border:0px #a8a8a8 solid;
  472.  
  473. padding:5px;
  474. left:105px;
  475. font-size: 10px;
  476. opacity: 0.8;
  477. position:absolute;
  478. background:white;
  479. font-size:11px;
  480. font-family:'Architects Daughter';
  481. -webkit-transition: all 0.5s linear;
  482. -moz-transition: all 0.5s linear;
  483. transition: all 0.5s linear;
  484. text-transform:none;
  485. }
  486.  
  487. #post:hover .permalink:hover{
  488. opacity:1;
  489. }
  490.  
  491. .permalink a{
  492. text-transform:uppercase;
  493.  
  494. top:15px;
  495. }
  496. {/block:ifIIIcolumns}
  497.  
  498.  
  499. {block:ifIIcolumns}
  500. .permalink{
  501. text-align:right;
  502. bottom:20px;
  503. left:-50px;
  504. opacity:0;
  505. padding:5px;
  506. border:0px #a8a8a8 solid;
  507.  
  508. position:absolute;
  509. background:white;
  510. font-size:12px;
  511. font-family:'Architects Daughter';
  512. -webkit-transition: all 0.5s linear;
  513. -moz-transition: all 0.5s linear;
  514. transition: all 0.5s linear;
  515. text-transform:none;
  516. }
  517.  
  518. #post:hover .permalink{
  519. text-align:right;
  520. border:0px #a8a8a8 solid;
  521.  
  522. padding:5px;
  523. left:120px;
  524. font-size: 12px;
  525. opacity: 0.8;
  526. position:absolute;
  527. background:white;
  528. font-size:11px;
  529. font-family:'Architects Daughter';
  530. -webkit-transition: all 0.5s linear;
  531. -moz-transition: all 0.5s linear;
  532. transition: all 0.5s linear;
  533. text-transform:none;
  534. }
  535.  
  536. #post:hover .permalink:hover{
  537. opacity:1;
  538. }
  539.  
  540. .permalink a{
  541. text-transform:uppercase;
  542.  
  543. top:15px;
  544. }
  545. {/block:ifIIcolumns}
  546.  
  547.  
  548. /*Edit the titles on any text-based post.*/
  549.  
  550. .posttitle{
  551. font-size:10px;
  552. text-align:center;
  553. color:{color:Link};}
  554.  
  555. .posttitle a{
  556. color:{color:Link};}
  557.  
  558. /************EDIT QUOTE POSTS HERE************/
  559.  
  560. .quote{
  561. margin-right: 5px;}
  562.  
  563. .source{
  564. padding-top:5px;
  565. display:block;
  566. text-align:right;}
  567.  
  568.  
  569. /************EDIT ANSWER POSTS HERE************/
  570.  
  571. .ask{
  572. padding:4px;
  573. background:#f9f9f9;}
  574. .asker{
  575. color:{color:Link};}
  576. .answer{
  577. margin-top:10px;}
  578.  
  579. /************EDIT AUDIO POSTS HERE************/
  580.  
  581. .audio{
  582. {block:IndexPage}width:180px;{/block:IndexPage}
  583. {block:PermalinkPage}width:239px;{/block:PermalinkPage};}
  584. .info{
  585. padding:2px 0px 1px 57px;}
  586. .i {
  587. text-transform:uppercase;
  588. letter-spacing:1px;
  589. font-size:8px;}
  590. .pl b,strong{
  591. text-transform:lowercase;
  592. font-size:9px;}
  593. .player{
  594. position:absolute;
  595. overflow:hidden;
  596. margin-top:0px;
  597. margin-left:15px;
  598. background:#ffffff;
  599. width:24px;
  600. height:23px;}
  601.  
  602. /************EDIT VIDEO POSTS HERE************/
  603. /***********DO NOT DELETE THIS CODE************/
  604.  
  605. .video-container {
  606. position:relative;
  607. padding-bottom:56.25%;
  608. padding-top: 30px;
  609. height:0;
  610. overflow:hidden;}
  611.  
  612. .video-container iframe,
  613. .video-container object,
  614. .video-container embed {
  615. position: absolute;
  616. top: 0;
  617. left: 0;
  618. width: 100%;
  619. height: 100%;}
  620.  
  621. /************EDIT CHAT POSTS HERE************/
  622.  
  623. .chat{
  624. line-height:12px;
  625. list-style:none;}
  626. .chat ul{
  627. list-style:none;
  628. padding:0px 5px;
  629. line-height:15px;}
  630. .label{
  631. color:{color:Link};}
  632.  
  633. /************EDIT SIDEBAR HERE************/
  634.  
  635. #sidebar{
  636. background:#fff;
  637. border:1px #f5f5f5 solid;
  638. margin-left:-200px;
  639. margin-top:130px;
  640. width:170px;
  641. position:fixed;
  642. text-align:center;
  643. padding-bottom:10px;
  644. }
  645.  
  646.  
  647.  
  648. .sidebar_image{
  649. float: center;
  650. margin-left:4px;
  651. max-width: 150px;
  652. opacity:0.8;
  653. -webkit-transition: all 0.4s linear;
  654. -moz-transition: all 0.4s linear;
  655. transition: all 0.4s;
  656. }
  657.  
  658.  
  659. .sidebar_image:hover {
  660. opacity:1;
  661. -webkit-transition: all 0.4s linear;
  662. -moz-transition: all 0.4s linear;
  663. transition: all 0.4s;
  664.  
  665. }
  666.  
  667.  
  668.  
  669. .blogtitle{
  670. padding:5px;
  671. text-align:center;
  672. font-size:18px;
  673. margin-left:20px;
  674. font-family: "Leckerli One", italic;
  675. }
  676.  
  677. .blogtitle a{
  678. color:{color:Blog Title};}
  679.  
  680. .description{
  681. padding:5px;
  682. margin-left:20px;
  683. font-family:'Architects Daughter';
  684. color:{color:Description};
  685. font-size:10px;
  686. margin-top:-10px;
  687. }
  688.  
  689. #tabs:hover .description{
  690. margin-left:10px;
  691. }
  692.  
  693. #tabs:hover .blogtitle{
  694. margin-left:10px;
  695. }
  696.  
  697.  
  698. .links{
  699. margin-left:-14px;
  700. padding:0px 7px 5px 7px;
  701. margin-top:5px;
  702. font-family:'Architects Daughter';
  703. font-size:8px;
  704. width:180px;
  705. }
  706.  
  707. .links a{
  708. margin-left:13px;}
  709.  
  710. .links a:hover{
  711. color:{color:Hover};}
  712.  
  713.  
  714. {block:ifIVcolumns}
  715.  
  716. /*** start of the bubble tab ***/
  717.  
  718. #tabs{
  719. border-bottom-right-radius: 5px;
  720. border-top-right-radius: 5px;
  721. color: #000;
  722. background: {color:Tab};
  723. position:fixed;
  724. margin-left:220px;
  725. text-align: center;
  726. top:170px;
  727. padding: 7px;
  728. bottom: 0px;
  729. height:100px;
  730. width:5px;
  731. overflow:hidden;
  732. -webkit-transition: opacity 0.7s linear;
  733. -webkit-transition: all 0.7s ease-in-out;
  734. -moz-transition: all 0.7s ease-in-out;
  735. -o-transition: all 0.7s ease-in-out;
  736. z-index:999999999;
  737. text-transform:none;
  738. }
  739.  
  740. #tabs:hover{
  741. text-align: center;
  742. border-top-right-radius: 5px;
  743. border-bottom-right-radius: 5px;
  744. -webkit-transition: opacity 0.7s linear;
  745. -webkit-transition: all 0.7s ease-in-out;
  746. -moz-transition: all 0.7s ease-in-out;
  747. -o-transition: all 0.7s ease-in-out;
  748. padding:7px;
  749. height:100px;
  750. width:200px;
  751. z-index:999999999;
  752. opacity: 2.0;
  753. background:{color:Tab Hover};
  754. text-transform:none;
  755. }
  756.  
  757. .ttitle {
  758. background: #E3E4FA;
  759. padding: 5px;
  760. font-size:2px;
  761. }
  762.  
  763. {/block:ifIVcolumns}
  764.  
  765.  
  766. {block:ifIIIcolumns}
  767.  
  768. /*** start of the bubble tab ***/
  769.  
  770. #tabs{
  771. border-bottom-right-radius: 5px;
  772. border-top-right-radius: 5px;
  773. color: #000;
  774. background: {color:Tab};
  775. position:fixed;
  776. margin-left:222px;
  777. text-align: center;
  778. top:170px;
  779. padding: 7px;
  780. bottom: 0px;
  781. height:100px;
  782. width:5px;
  783. overflow:hidden;
  784. -webkit-transition: opacity 0.7s linear;
  785. -webkit-transition: all 0.7s ease-in-out;
  786. -moz-transition: all 0.7s ease-in-out;
  787. -o-transition: all 0.7s ease-in-out;
  788. z-index:999999999;
  789. text-transform:none;
  790. }
  791.  
  792. #tabs:hover{
  793. text-align: center;
  794. border-top-right-radius: 5px;
  795. border-bottom-right-radius: 5px;
  796. -webkit-transition: opacity 0.7s linear;
  797. -webkit-transition: all 0.7s ease-in-out;
  798. -moz-transition: all 0.7s ease-in-out;
  799. -o-transition: all 0.7s ease-in-out;
  800. padding:7px;
  801. height:100px;
  802. width:200px;
  803. z-index:999999999;
  804. opacity: 2.0;
  805. background:{color:Tab Hover};
  806. text-transform:none;
  807. }
  808.  
  809. .ttitle {
  810. background: #E3E4FA;
  811. padding: 5px;
  812. font-size:2px;
  813. }
  814.  
  815. {/block:ifIIIcolumns}
  816.  
  817.  
  818.  
  819.  
  820. {block:ifIIcolumns}
  821.  
  822. /*** start of the bubble tab ***/
  823.  
  824. #tabs{
  825. border-bottom-right-radius: 5px;
  826. border-top-right-radius: 5px;
  827. color: #000;
  828. background: {color:Tab};
  829. position:fixed;
  830. margin-left:292px;
  831. text-align: center;
  832. top:170px;
  833. padding: 7px;
  834. bottom: 0px;
  835. height:100px;
  836. width:5px;
  837. overflow:hidden;
  838. -webkit-transition: opacity 0.7s linear;
  839. -webkit-transition: all 0.7s ease-in-out;
  840. -moz-transition: all 0.7s ease-in-out;
  841. -o-transition: all 0.7s ease-in-out;
  842. z-index:999999999;
  843. text-transform:none;
  844. }
  845.  
  846. #tabs:hover{
  847. text-align: center;
  848. border-top-right-radius: 5px;
  849. border-bottom-right-radius: 5px;
  850. -webkit-transition: opacity 0.7s linear;
  851. -webkit-transition: all 0.7s ease-in-out;
  852. -moz-transition: all 0.7s ease-in-out;
  853. -o-transition: all 0.7s ease-in-out;
  854. padding:7px;
  855. height:100px;
  856. width:200px;
  857. z-index:999999999;
  858. opacity: 2.0;
  859. background:{color:Tab Hover};
  860. text-transform:none;
  861. }
  862.  
  863. .ttitle {
  864. background: #E3E4FA;
  865. padding: 5px;
  866. font-size:2px;
  867. }
  868.  
  869. {/block:ifIIcolumns}
  870.  
  871.  
  872. /************EDIT TEXT SETTINGS HERE************/
  873.  
  874. i, em{
  875. color:{color:Link};}
  876. b, strong{
  877. font-weight:normal;
  878. text-transform:uppercase;
  879. color:{color:Link};}
  880. ul,ol{
  881. margin:0px;
  882. margin-left:-5px;}
  883. p{
  884. padding:0px;
  885. margin:2px;}
  886. u{
  887. text-decoration:none;
  888. color:{color:Title};}
  889.  
  890. blockquote {
  891. margin:0px;
  892. padding:4px;
  893. background:#f7f7f7;}
  894.  
  895. /************DO NOT DELETE #SCROLL************/
  896.  
  897. #scroll{
  898. bottom:-20px;
  899. position: absolute;
  900. left: 50%;
  901. width:10px;
  902. height:5px;
  903. overflow:hidden;
  904. margin-bottom:80px;}
  905.  
  906.  
  907.  
  908. #kk{
  909. position:fixed;
  910. right:10px;
  911. bottom:10px;
  912. text-transform:uppercase;
  913. font-family:Calibri;
  914. font-size:12px;
  915. z-index:999999999;
  916. }
  917.  
  918. #kk a{
  919. color:{color:Links};}
  920.  
  921.  
  922.  
  923.  
  924.  
  925.  
  926. </style>
  927.  
  928. </head>
  929.  
  930.  
  931. <body onkeydown="return false">
  932.  
  933. {block:iffixedimage}
  934. <img src='https://40.media.tumblr.com/1743ea48e5b026844ba4a9b64bb76717/tumblr_ng7xwfLwZ51swr3cao1_250.png' style='position:fixed; bottom:-20px; left:40px; width:180px;'/>
  935. {/block:iffixedimage}
  936. <!-- bubble tab -->
  937.  
  938. <div class="wrapper">
  939.  
  940. <div id="tabs">
  941. <div class="blogtitle"><a href="/">{Title}</a></div><br /><br />
  942. <div class="description">{Description}</div>
  943.  
  944. </div>
  945.  
  946. <!-- bubble tab -->
  947.  
  948.  
  949.  
  950.  
  951.  
  952.  
  953.  
  954.  
  955. <center>
  956.  
  957. <div id="entries">
  958.  
  959. <!---------------EDIT SIDEBAR CONTENT HERE--------------->
  960.  
  961. <div id="sidebar">
  962.  
  963.  
  964. <div class="links">
  965. <a href="/">home</a>
  966. <a href="/ask">ask</a>
  967. <a href="{text:Link One URL}">{text:Link One Title}</a>
  968. <a href="http://blisshvze.tumblr.com">theme</a>
  969.  
  970.  
  971. <br /><br />
  972. <div class="sidebar_image"><a href="/"><img src="{image:Sidebar Image}" max width=150px></a></div>
  973.  
  974.  
  975.  
  976.  
  977. </div>
  978. </div>
  979.  
  980.  
  981. {block:Posts}
  982.  
  983. <!---------------DO NOT DELETE block:ContentSource--------------->
  984.  
  985. {block:ContentSource}
  986. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  987. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  988. {/block:SourceLogo}
  989. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  990. {/block:ContentSource}
  991.  
  992. <div id="post">
  993.  
  994. <!---------------EDIT TEXT POSTS HERE--------------->
  995.  
  996. {block:Text}
  997. <div class="text">
  998. <div class="posttitle">{block:Title}{Title}{/block:Title}</div>
  999. {Body}{block:IndexPage}<div class="permalink"><a href="{ReblogURL}"> reblog </a> / <a href="{Permalink}">{NoteCount}</a>
  1000. </div>{/block:IndexPage}</div>
  1001. {/block:Text}
  1002.  
  1003. <!---------------EDIT LINK POSTS HERE--------------->
  1004.  
  1005. {block:Link}
  1006. <a href="{URL}"><div class="posttitle">{Name}</div></a>
  1007. {block:Description}{Description}{/block:Description}
  1008. {block:IndexPage}<div class="permalink"><a href="{ReblogURL}"> reblog </a > / <a href="{Permalink}">{NoteCount}</a>
  1009. </div>{/block:IndexPage}
  1010. {/block:Link}
  1011.  
  1012. <!---------------EDIT PHOTO POSTS HERE--------------->
  1013.  
  1014. {block:Photo}
  1015. {block:IndexPage}
  1016. <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" /></a>{/block:IndexPage}<div class="permalink"><a href="{ReblogURL}"> reblog </a> / <a href="{Permalink}">{NoteCount}</a>
  1017. </div>{block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" />{/block:PermalinkPage}</a>
  1018. {/block:Photo}
  1019.  
  1020. <!---------------EDIT PHOTOSET POSTS HERE--------------->
  1021.  
  1022. {block:Photoset}
  1023. {block:IndexPage}{block:Photos}<a href="{Permalink}"><img src="{PhotoURL-500}" /></a>{/block:Photos}<div class="permalink"><a href="{ReblogURL}"> reblog </a> / <a href="{Permalink}">{NoteCount}</a>
  1024. </div>{/block:IndexPage}
  1025. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  1026. {/block:Photoset}
  1027.  
  1028. <!---------------EDIT QUOTE POSTS HERE--------------->
  1029.  
  1030. {block:Quote}
  1031. {Quote}{block:Source}
  1032. <div class="source">{Source}</div>{/block:Source}
  1033. {block:IndexPage}
  1034. <div class="permalink"><a href="{ReblogURL}"> reblog </a> /
  1035. <a href="{Permalink}">{NoteCount}</a>{/block:IndexPage}</div>
  1036. {/block:Quote}
  1037.  
  1038. <!---------------EDIT ANSWER POSTS HERE--------------->
  1039.  
  1040. {block:Answer}
  1041. <div class="ask"><span class="asker"><a href="{AskerURL}" title="{AskerName}"><img src="{AskerPortraitURL-30}" width="25" align="center" style="margin-right:5px; margin-bottom:2px; border-radius:20px"/></a></span>{Question}</div>
  1042. <div class="answer">{Answer}</div>
  1043. {block:IndexPage}
  1044. <div class="permalink"><a href="{Permalink}">{NoteCount} notes</a></div>{/block:IndexPage}
  1045. {/block:Answer}
  1046.  
  1047. <!---------------EDIT CHAT POSTS HERE--------------->
  1048.  
  1049. {block:Chat}
  1050. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  1051. <div class="chat"><ul>{block:Lines}
  1052. <li class="person{UserNumber}">{block:Label}
  1053. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}"> reblog </a> / <a href="{Permalink}">{NoteCount}</a></div>
  1054. {/block:IndexPage}
  1055. {/block:Chat}
  1056.  
  1057. <!---------------EDIT AUDIO POSTS HERE--------------->
  1058.  
  1059. {block:Audio}<div class="player">{AudioPlayerWhite}</div>
  1060. <div class="info"><div class="i"><span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}</div><div class="i">by<span{block:Artist} style="display: none;"{block:Artist}>Unknown</span> {block:Artist}{Artist}{/block:Artist}</div></div>{block:IndexPage}<div class="permalink"><a href="{ReblogURL}"> reblog </a> / <a href="{Permalink}">{NoteCount}</a></div>
  1061. {/block:IndexPage}
  1062. {/block:Audio}
  1063.  
  1064. <!---------------EDIT VIDEO POSTS HERE--------------->
  1065.  
  1066. {block:Video}
  1067. {block:IndexPage}<div class="video-container">{Video-250}</div>
  1068. <div class="permalink"><a href="{ReblogURL}"> reblog </a> / <a href="{Permalink}">{NoteCount}</a></div>{/block:IndexPage}
  1069. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  1070. {/block:Video}
  1071.  
  1072. <!---------------EDIT PERMALINK PAGE HERE--------------->
  1073.  
  1074. {block:PermalinkPage}
  1075. {block:Caption}{Caption}{/block:Caption}
  1076. <p>{block:Date} {Month} {DayofMonthWithSuffix}, {Year}{/block:Date} {block:NoteCount}, {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom} , (via <a href="{ReblogParentURL}">{ReblogParentName}</a>){/block:RebloggedFrom}
  1077. <div class="permapage">
  1078. <div style="margin-top:10px; margin-left:-10px;">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  1079. </div>
  1080. {/block:Posts}
  1081. </div>
  1082.  
  1083. <!---------------DO NOT DELETE THIS--------------->
  1084.  
  1085. {block:IndexPage}
  1086. {block:Pagination}
  1087. <div id="pagination">
  1088. {block:NextPage}
  1089. <a id="nextPage" href="{NextPage}"></a>
  1090. {/block:NextPage}
  1091. {block:PreviousPage}
  1092. <a href="{PreviousPage}"></a>
  1093. {/block:PreviousPage}
  1094. </div>
  1095. {/block:Pagination}
  1096. {/block:IndexPage}
  1097. </center>
  1098.  
  1099.  
  1100.  
  1101.  
  1102.  
  1103.  
  1104.  
  1105.  
  1106.  
  1107.  
  1108.  
  1109.  
  1110.  
  1111. {block:ifdisabledrightclick}
  1112.  
  1113. <script language=JavaScript>
  1114. <!--
  1115.  
  1116. //Disable right mouse click Script
  1117. //By Maximus ([email protected]) w/ mods by DynamicDrive
  1118. //For full source code, visit http://www.dynamicdrive.com
  1119.  
  1120. var message="Function Disabled!";
  1121.  
  1122. ///////////////////////////////////
  1123. function clickIE4(){
  1124. if (event.button==2){
  1125. return false;
  1126. }
  1127. }
  1128.  
  1129. function clickNS4(e){
  1130. if (document.layers||document.getElementById&&!document.all){
  1131. if (e.which==2||e.which==3){
  1132. return false;
  1133. }
  1134. }
  1135. }
  1136.  
  1137. if (document.layers){
  1138. document.captureEvents(Event.MOUSEDOWN);
  1139. document.onmousedown=clickNS4;
  1140. }
  1141. else if (document.all&&!document.getElementById){
  1142. document.onmousedown=clickIE4;
  1143. }
  1144.  
  1145. document.oncontextmenu=new Function("return false")
  1146.  
  1147. // -->
  1148. </script>
  1149.  
  1150. {/block:ifdisabledrightclick}
  1151.  
  1152.  
  1153.  
  1154.  
  1155.  
  1156.  
  1157.  
  1158.  
  1159.  
  1160.  
  1161.  
  1162. </body>
  1163.  
  1164.  
  1165.  
  1166.  
  1167.  
  1168. <div id="kk"><a href="http://blisshvze.tumblr.com">
  1169. </a></div>
  1170. </html>
Advertisement
Add Comment
Please, Sign In to add comment