API tools faq
paste
DAISIEANGEL

Bella Theme #2!

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