API tools faq
paste
wheretimeisendless

Theme #8

wheretimeisendless
Aug 25th, 2012
1,056
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.57 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. theme by obeykidwauhl. edited a lot by youroliviachachi
  3. don't remove the credit please. c:
  4. -->
  5.  
  6. <link href='http://fonts.googleapis.com/css?family=Coming+Soon' rel='stylesheet' type='text/css'>
  7. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  8. <link href='http://fonts.googleapis.com/css?family=Cedarville+Cursive' rel='stylesheet' type='text/css'>
  9. <link href='http://fonts.googleapis.com/css?family=Loved+by+the+King' rel='stylesheet' type='text/css'>
  10.  
  11. <html lang="en">
  12.  
  13. <script type="text/javascript"
  14. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  15. <script>
  16. $(document).ready(function() {
  17. //
  18. $('a.poplight[href^=#]').click(function() {
  19. var popID = $(this).attr('rel'); //Get Popup Name
  20. var popURL = $(this).attr('href'); //Get Popup href to define size
  21. var query= popURL.split('?');
  22. var dim= query[1].split('&');
  23. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  24. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="close" alt="Close" /></a>');
  25. var popMargTop = ($('#' + popID).height() + 80) / 2;
  26. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  27. //Apply Margin to Popup
  28. $('#' + popID).css({
  29. 'margin-top' : -popMargTop,
  30. 'margin-left' : -popMargLeft
  31. });
  32. $('body').append('<div id="fade"></div>');
  33. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  34. return false;
  35. });
  36. $('a.close, #fade').live('click', function() {
  37. $('#fade , .popup_block').fadeOut(function() {
  38. $('#fade, a.close').remove(); //fade them both out
  39. });
  40. return false;
  41. });
  42. });
  43. </script>
  44.  
  45. <head>
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Questrial' rel='stylesheet' type='text/css'>
  48. <script type="text/javascript">
  49. WebFontConfig = {
  50. google: { families: [ 'Questrial::latin' ] }
  51. };
  52. (function() {
  53. var wf = document.createElement('script');
  54. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  55. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  56. wf.type = 'text/javascript';
  57. wf.async = 'true';
  58. var s = document.getElementsByTagName('script')[0];
  59. s.parentNode.insertBefore(wf, s);
  60. })(); </script>
  61.  
  62. <!-- DEFAULT VARIABLES -->
  63. <link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
  64. <link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
  65. <link href='http://fonts.googleapis.com/css?family=Happy+Monkey' rel='stylesheet' type='text/css'>
  66. <link href='http://fonts.googleapis.com/css?family=Imprima' rel='stylesheet' type='text/css'>
  67. <meta name="color:background" content="#ffffff"/>
  68. <meta name="color:text" content="#000"/>
  69. <meta name="color:title" content="#000"/>
  70. <meta name="color:link" content="#777"/>
  71. <meta name="color:hover" content="#000"/>
  72. <meta name="color:link hover" content="#000"/>
  73. <meta name="color:title shadow" content="#000000"/>
  74. <meta name="color:quote first letter" content="#000"/>
  75. <meta name="color:quote" content="#727272"/>
  76. <meta name="color:quote credit" content="#000000"/>
  77. <meta name="color:shadow" content="#000"/>
  78. <meta name="color:scrollbar" content="#FF7293"/>
  79. <meta name="image:Background" content=""/>
  80. <meta name="image:sidebar" content=""/>
  81. <meta name="image:sidebox" content=""/>
  82. <meta name="if:show photo" content="0"/>
  83. <meta name="if:top links" content="1"/>
  84. <meta name="if:sidebar links" content="1"/>
  85. <meta name="if:custom links" content="0"/>
  86. <meta name="if:sidebox img" content="0"/>
  87. <meta name="if:sidebox" content="0"/>
  88. <meta name="if:slide down" content="1"/>
  89. <meta name="if:slide down 2" content="1"/>
  90. <meta name="text:top links name" content="click for menu"/>
  91. <meta name="text:drop down menu text" content="click for menu"/>
  92. <meta name="text:Sidebar Title" content="Lovely"/>
  93. <meta name="text:Sidebar Caption" content="as ever"/>
  94. <meta name="text:TopLink1Title" content=""/>
  95. <meta name="text:TopLink1" content="" />
  96. <meta name="text:TopLink2Title" content=""/>
  97. <meta name="text:TopLink2" content="" />
  98. <meta name="text:TopLink3Title" content=""/>
  99. <meta name="text:TopLink3" content="" />
  100. <meta name="text:TopLink4Title" content=""/>
  101. <meta name="text:TopLink4" content="" />
  102. <meta name="text:TopLink5Title" content=""/>
  103. <meta name="text:TopLink5" content="" />
  104. <meta name="text:TopLink6Title" content=""/>
  105. <meta name="text:TopLink6" content="" />
  106. <meta name="text:TopLink7Title" content=""/>
  107. <meta name="text:TopLink7" content="" />
  108. <meta name="text:Link One Title" content="link1"/>
  109. <meta name="text:Link One" content="" />
  110. <meta name="text:Link Two Title" content="link1"/>
  111. <meta name="text:Link Two" content="" />
  112. <meta name="text:Link Three Title" content="link1"/>
  113. <meta name="text:Link Three" content="" />
  114. <meta name="text:first custom link title" content=""/>
  115. <meta name="text:first custom link url" content=""/>
  116. <meta name="text:second custom link title" content=""/>
  117. <meta name="text:second custom link url" content=""/>
  118. <meta name="text:third custom link title" content=""/>
  119. <meta name="text:third custom link url" content=""/>
  120. <meta name="text:fourth custom link title" content=""/>
  121. <meta name="text:fourth custom link url" content=""/>
  122. <meta name="text:fifth custom link title" content=""/>
  123. <meta name="text:fifth custom link url" content=""/>
  124. <meta name="text:sixth custom link title" content=""/>
  125. <meta name="text:sixth custom link url" content=""/>
  126. <meta name="text:seventh custom link title" content=""/>
  127. <meta name="text:seventh custom link url" content=""/>
  128. <meta name="text:eighth custom link title" content=""/>
  129. <meta name="text:eighth custom link url" content=""/>
  130. <meta name="text:sidebanner" content="i like this quote"/>
  131. <meta name="text:sidebanner2" content="donut judge me pls"/>
  132. <meta name="text:sideboxquote" content="you can put whatever you want here the purpose is to fill the whole thing yah yah yah yah yah" />
  133. <meta name="text:sidebar image hover text" content="lalalalala"/>
  134.  
  135.  
  136. {block:ifslidedown}
  137. <script type="text/javascript">
  138. $(document).ready(function () {
  139. $('li.drawer div:nth-child(2)').hide();
  140. $('li.drawer h5').click(function () {
  141. if ($(this).hasClass('open')) {
  142. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  143. else {
  144. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  145. $(this).next().slideDown();
  146. $(this).addClass('open');}
  147. });
  148. });
  149. </script>
  150. {/block:ifslidedown}
  151. <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/cpaytv3/nKOlyumhg/reset.css">
  152.  
  153. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  154.  
  155. <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  156.  
  157. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/YGPlywnob/jquery.min.js"></script>
  158.  
  159. <style type="text/css">
  160.  
  161. a {color:;text-decoration:none;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  162.  
  163. .fufu {width:227px;-webkit-transition: all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  164.  
  165. .fufu:hover {-webkit-transform: translate(1em,0);-moz-transform: translate(1em,0);-o-transform: translate(1em,0);}
  166.  
  167. #biter
  168.  
  169. #bite a {display:block}
  170.  
  171. #bite .death {margin-top:-45px;filter: alpha(opacity = 0);opacity:0;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
  172.  
  173. #bite:hover .death {margin-top:0px;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;transition: all 0.2s ease-out; filter: alpha(opacity = 100);filter: alpha(opacity = 100);opacity:100;}
  174.  
  175. li, h5 {
  176. list-style: none;
  177. }
  178.  
  179. body {
  180. margin:0px;
  181. background-color: {color:Background};
  182. background-image:url({image:Background});
  183. background-attachment: fixed;
  184. background-repeat: repeat;}
  185. body, div, p, textarea, submit, input{
  186. font-family: "Short Stack", cursive;
  187. font-size: 10px;
  188. line-height:10px;
  189. letter-spacing:0px;
  190. color:{color:Text};
  191. }
  192.  
  193. .popup_block{
  194. display: none;
  195. background: #fff;
  196. padding: 10px;
  197. font-family: "Short Stack", cursive;
  198. border: 2px solid #C4C4C4;
  199. float: left;
  200. font-size: 11px;
  201. position: fixed;
  202. top: 50%; left: 50%;
  203. z-index: 1;
  204. }
  205. img.btn_close {
  206. float: right;
  207. margin: -5px -5px 0 0;
  208. }
  209. *html .popup_block {
  210. position: absolute;
  211. }
  212.  
  213. @font-face { font-family: "black swan"; src: url('http://static.tumblr.com/v1tggoh/R5qlzevb9/a_s_black_swan.ttf');}
  214.  
  215. @font-face { font-family: "beauty"; src: url('http://static.tumblr.com/2zvjoo9/n9Mm31t9e/discoverbeauty.ttf');}
  216.  
  217. @font-face {font-family: "short stack;";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  218. p {margin:0px; margin-top:0px;}
  219.  
  220. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  221.  
  222. @font-face {font-family: "littlefont";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf');}
  223.  
  224. @font-face {
  225. font-family: "dawning";
  226. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');}
  227.  
  228. @font-face {font-family: "handy00";src: url('http://static.tumblr.com/8ls1oxv/AfJlyd5ev/handy00.ttf');
  229. }
  230.  
  231. ::-webkit-scrollbar {width: 4px; height: 4px; border-left: 0px solid #aaaaaa; border-radius:1px;}
  232.  
  233. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom-left-radius:10px;
  234. border-bottom-right-radius:10px;
  235. border-top-right-radius:10px;
  236. border-top-left-radius:10px;
  237. }
  238.  
  239. p {
  240. margin:0px;
  241. margin-top:0px;
  242. }
  243.  
  244.  
  245. a:link, a:active, a:visited{
  246. color: {color:Link};
  247. text-decoration: none;
  248. -webkit-transition: color 0.3s ease-out;
  249. -moz-transition: color 0.3s ease-out;
  250. transition: color 0.3s ease-out;
  251. }
  252.  
  253. a:hover {
  254. color: {color:Hover};
  255. letter-spacing: 0px;
  256. font-style:none;
  257. text-shadow: 1px 1px 4px #fff;
  258. -webkit-transition: all 0.2s linear;
  259. -webkit-transition: all 0.2s linear;
  260. -moz-transition: all 0.2s linear;
  261. transition: all 0.2s linear;
  262. text-shadow:4px 5px 0px rgba(0,0,0,0.1),4px -6px 0px rgba(0,0,0,0.2),6px 12px 0px rgba(0,0,0,0.1),-8px 5px 0px rgba(0,0,0,0.2),-3px -8px 0px rgba(0,0,0,0.15);
  263. }
  264.  
  265.  
  266. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  267.  
  268. @font-face { font-family: "that one thing"; src: url('http://static.tumblr.com/bepad33/6M6m295eu/delius-regular.ttf'); }
  269.  
  270. div#center{
  271. margin:auto;
  272. position:relative;
  273. width:1250px;
  274. background-color:;
  275. overflow:auto;
  276. overflow-y:hidden;
  277. }
  278.  
  279. h2{
  280. font-family: stars;
  281. font-size: 30px;
  282. line-height: 20px;
  283. color: #ff5e00;
  284. font-weight: normal;
  285. line-height:15px;
  286. letter-spacing: 1px;
  287. font-style: normal;
  288. text-transform: lowercase;
  289. text-align: left;
  290. padding: 0px;
  291. margin:0px;
  292. }
  293.  
  294.  
  295. h3{
  296. font-family: stars;
  297. font-size: 80px;
  298. line-height: 12px;
  299. color: #A78282;
  300. font-weight: normal;
  301. line-height:15px;
  302. letter-spacing: 1px;
  303. font-style: normal;
  304. text-transform: lowercase;
  305. text-align: right;
  306. padding: 0px;
  307. margin:0px;
  308. }
  309.  
  310.  
  311. div#content{
  312. float:right;
  313. width:500px;
  314. padding-left: 2px;
  315. padding-right: 2px;
  316. padding-top: 2px;
  317. padding-bottom: 2px;
  318. margin-right: 350px;
  319. margin-top: 1px;
  320. background: transparent;
  321. }
  322.  
  323. div#entry{
  324. width:500px;
  325. background: transparent;
  326. margin-top:2px;
  327. padding-left:2px;
  328. padding-right:2px;
  329. padding-top:2px;
  330. padding-bottom:1px;
  331. border: 0px solid gray !important;
  332. }
  333.  
  334. #permalink {position: absolute;margin-top: 1px;margin-left: 69px;opacity: 0;
  335. -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
  336. -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  337.  
  338. #entry:hover #permalink {margin-top: 14px;margin-left: 69px;opacity: 1;
  339. -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
  340. -o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
  341.  
  342. .countreblog {color: #FFFFFF;letter-spacing:1px; font-family: that one thing;font-size:11px;
  343. line-height:15px;margin: 2px;margin-top: 1px;
  344. background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  345. background-repeat:repeat;border:1px solid rgba(0,0,0,0.1);padding:3px 5px;
  346. padding-top: 3px;padding-bottom: 4px;height: 20px;-webkit-border-radius:2px;
  347. moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;}
  348.  
  349. .countreblog a { color:#FFF; }
  350.  
  351. .perma{opacity: 0.0;filter: alpha(opacity = 0);margin-top: 0px;width: 60px;height: 30px;line-height: 30px;
  352. font-size: 9px;position:absolute;text-align: center;z-index:9999991; margin-top: 5px;margin-left: 4px;
  353. text-align: center;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;
  354. -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
  355.  
  356. #entry:hover .perma {margin-top: 11px;-webkit-transition: all 0.4s ease-in-out;
  357. -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  358. transition: all 0.4s ease-in-out;opacity: 1;}
  359.  
  360. .likep {display: inline;width: 21px;float: right;height: 20px;margin-left:-4px;overflow: hidden;
  361. position: relative;z-index: 9999999;-webkit-transition: all .4s ease;}
  362.  
  363. .likep a {background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  364. background-position: 0px 0px;display: block;z-index: 9999999;-webkit-transition: opacity 0.4s linear;
  365. opacity: 2; -webkit-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;
  366. -moz-transition: all 0.1s linear;transition: all .1s linear;}
  367.  
  368. .likep img {width: 21px;height: 20px;-webkit-transition: opacity 0.4s linear; opacity: 2;
  369. -webkit-transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear;
  370. transition: all .1s linear;}
  371.  
  372. .rep img{width: 24px;height: 20px;line-height: 30px;display: inline;}
  373.  
  374. #title {
  375. font-size: 40px;
  376. text-align:center;
  377. font-family: spring script;
  378. letter-spacing:0px;
  379. text-shadow:#000 1px 1px 0.5em;
  380. line-height:110%}
  381.  
  382. #sidebartext {
  383. font-size:25pt;
  384. text-align:center;
  385. font-family: Imprima;
  386. line-height:110%;
  387. margin-bottom:10px}
  388.  
  389. #titlebar{
  390. position: fixed !important;
  391. margin-left:5px;
  392. opacity:1px;
  393. z-index: 1;
  394. margin-top:285px;
  395. color:#fff;
  396. text-shadow: 1px 1px 4px #000;
  397. font-family: black swan;
  398. font-size: 55px;
  399. line-height:10px;
  400. letter-spacing:0px;
  401. background-color: transparent;
  402. text-transform: normal;
  403. text-align: center;
  404. -webkit-transform: rotate(0deg);
  405. -moz-transform: rotate(0deg);
  406. }
  407.  
  408. #description {
  409. color:{color:font};
  410. margin-left:10px;
  411. font-family: Short Stack;
  412. line-height: 10px;
  413. font-size:17px;
  414. width:350px;
  415. margin-top:0px;}
  416.  
  417. #sidebar {
  418. position:fixed !important;
  419. width: 350px;
  420. height: 306px;
  421. background-color:transparent;
  422. margin-left: 0px;
  423. margin-top: 10px;
  424. padding:2px;
  425. border: 0px solid #aaa;
  426. border-right:0px solid #aaa;
  427. }
  428.  
  429. #sidebarpic img {
  430. position:fixed;
  431. width: 350px;
  432. height: 350px;
  433. margin-top:0px;
  434. margin-left:0px;
  435. background: white;
  436. padding: 5px
  437. border: 1px solid #aaa;
  438. -webkit-filter: grayscale(0%);
  439. z-index: -9999999999999999999999999px;
  440. transition: all 0.9s ease-out;
  441. -o-transition-transition: all 0.9s ease-out;
  442. -webkit-transition: all 0.9s ease-out;
  443. -moz-transition: all 0.9s ease-out;
  444. }
  445. #sidebarpic img:hover{
  446. -webkit-filter: grayscale(100%);
  447. z-index: -9999999999999999999999999px;
  448. -webkit-transition: all 0.9s linear;
  449. -moz-transition: all 0.9s linear;
  450. transition: all 0.9s linear;}
  451.  
  452. #desc{
  453. position:fixed !important;
  454. opacity: .9;
  455. overflow: auto;
  456. width: 352px;
  457. height: 125px;
  458. padding-bottom: 0px;
  459. font color: #000;
  460. margin-top: 388px;
  461. margin-left: 0px;
  462. border: 1px solid #aaa;
  463. background-color:white;
  464. font-family: "Short Stack", cursive;
  465. font-size: 10px;
  466. line-height: 10px;
  467. text-align: center;
  468. overflow: auto;
  469. transition: all 0.5s ease-out;
  470. -o-transition-transition: all 0.5s ease-out;
  471. -webkit-transition: all 0.5s ease-out;
  472. -moz-transition: all 0.5s ease-out;
  473. }
  474.  
  475. #paginationbox{
  476. position:fixed !important;
  477. opacity: .9;
  478. overflow: auto;
  479. width: 353px;
  480. height: 50px;
  481. padding-bottom: 0px;
  482. font-family:"Short Stack", cursive;
  483. font-size:30px;
  484. font color: #000;
  485. margin-top: 582px;
  486. margin-left: 3px;
  487. background-color:transparent;
  488. text-align: left;
  489. overflow: auto;
  490. transition: all 0.5s ease-out;
  491. -o-transition-transition: all 0.5s ease-out;
  492. -webkit-transition: all 0.5s ease-out;
  493. -moz-transition: all 0.5s ease-out;
  494. }
  495.  
  496. div#links{
  497. position: fixed;
  498. font-family: spring script;
  499. text-shadow: 1px 1px 5px #000;
  500. font-size: 20px;
  501. margin-left: 9px;
  502. top: 440px;
  503. }
  504.  
  505. div#links a:hover{
  506. opacity:0.9;
  507. font-style:italic;
  508. color:{color:Hover};
  509. text-shadow: 0px 0px 5px {color:text hover};
  510. -webkit-transition: all 0.2s linear;
  511. -webkit-transition: all 0.2s linear;
  512. -moz-transition: all 0.2s linear;
  513. transition: all 0.2s linear;
  514. }
  515.  
  516.  
  517.  
  518. #sbarhover {
  519. opacity:.3;
  520. margin-left: 2px;
  521. margin-top: 300px;
  522. width: 340px;
  523. font-family: handy00;
  524. font-size:11px;
  525. color:#000;
  526. background-color:#fff;
  527. text-align:left;
  528. padding:5px;
  529. -webkit-transition: all 0.5s ease-in-out;
  530. -moz-transition: all 0.5s ease-in-out;
  531. -o-transition: all 0.5s ease-in-out;
  532. -ms-transition: all 0.5s ease-in-out;
  533. transition: all 0.5s ease-in-out;
  534. position:fixed;
  535. line-height: 13px;
  536. }
  537.  
  538. #sbarhover:hover {
  539. opacity:.8;
  540. border-top-right-radius:0px;
  541. border-bottom-right-radius:0px;
  542. border-top-left-radius:0px;
  543. border-bottom-left-radius:0px;
  544. -webkit-transition: all 0.8s ease-in-out;
  545. -moz-transition: all 0.5s ease-in-out;
  546. -o-transition: all 0.5s ease-in-out;
  547. -ms-transition: all 0.5s ease-in-out;
  548. transition: all 0.5s ease-in-out;
  549. }
  550.  
  551. #sidebox {
  552. position:fixed;
  553. bottom:90px;
  554. right:10px;
  555. overflow:auto;
  556. color:#aaa;
  557. width: 90px;
  558. height: 50px;
  559. border: 1px
  560. solid #ddd;
  561. background-color:transparent;
  562. font-family: handy00;
  563. font-size: 8px;
  564. text-align: center;
  565. }
  566.  
  567. #toplinks{
  568. font-family: "Short Stack", cursive;
  569. text-transform:lowercase;
  570. font-size:10px;
  571. border-bottom:0px dotted;
  572. line-height:20px;
  573. font-weight:normal;
  574. padding:0px;
  575. text-align:center;
  576. margin-top:0px;
  577. margin-bottom:0px;
  578. }
  579.  
  580.  
  581. #toplinks a:hover {
  582. opacity:0.9;
  583. letter-spacing: 2px;
  584. font-size:13px;
  585. font-style:italic;
  586. color:{color:Hover};
  587. text-shadow: 0px 0px 5px {color:HoverShadow};
  588. -webkit-transition: all 0.2s linear;
  589. -webkit-transition: all 0.2s linear;
  590. -moz-transition: all 0.2s linear;
  591. transition: all 0.2s linear;
  592. }
  593.  
  594. div#sidebanner{
  595. position: fixed !important;
  596. font-size: 25pt;
  597. font-family: dawning;
  598. text-shadow: 1px 1px 4px #ffffff;
  599. background-color: transparent;
  600. letter-spacing: 0px;
  601. text-shadow:2px 2px 12px #000;
  602. line-height: 22pt;
  603. padding: 2px;
  604. color: #000000;
  605. text-align:center;
  606. margin-top: 300px;
  607. margin-left:910px;
  608. width:485px;
  609. }
  610.  
  611. div#sidebanner:first-letter {
  612. color:{color:quote first letter};
  613. line-height:5px;
  614. font-size:45px;
  615. text-transform: uppercase;
  616. }
  617.  
  618. div#sidebanner2{
  619. position: fixed !important;
  620. font-family: tinytots;
  621. text-shadow:2px 2px 12px #000;
  622. font-size: 8px;
  623. font-weight: normal;
  624. color:{color:quote credit};
  625. text-align:center;
  626. margin-top:335px;
  627. margin-left: 1055px;
  628. letter-spacing: 2px;
  629. text-transform: uppercase;
  630. }
  631.  
  632. #blogtitle:first-letter {
  633. font-size:32px;
  634. font-family:"Cedarville Cursive", cursive;
  635. text-transform: lowercase;
  636. color: {color:first letter};
  637. }
  638.  
  639. #blogtitle {
  640. color:{color:Sidebar Title};
  641. text-align:center;
  642. font-size: 28px;
  643. line-height:10px;
  644. text-transform: normal;
  645. font-family:"Cedarville Cursive", cursive;
  646. text-shadow:2px 2px 12px {color:title shadow};
  647. line-height:110%
  648. }
  649.  
  650. #sidebartext {
  651. font-size:10px;
  652. text-align:center;
  653. font-family: Imprima;
  654. line-height:110%;
  655. margin-bottom:10px}
  656.  
  657. #postnotes{
  658. text-align: justify;}
  659.  
  660. #postnotes blockquote{
  661. border: 0px;}
  662.  
  663. .title{
  664. font-family: spring script;
  665. text-shadow: 1px 1px 0.5em {color:shadow};
  666. text-align: center;
  667. font-size: 25px;
  668. line-height: 25px;
  669. color: {color:Title};
  670. }
  671.  
  672. @font-face { font-family: "Spring Script"; src: url('http://static.tumblr.com/nsmrhzp/E0qm5a7f1/spring_script.ttf');}
  673.  
  674.  
  675. @font-face { font-family: "yolo"; src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf'); }
  676.  
  677.  
  678. @font-face {font-family:throw my hands up in the air; src: url(http://static.tumblr.com/qx5hjds/CGgm6vy80/throwmyhandsupintheair.ttf) format("truetype"); }
  679.  
  680. @font-face { font-family: "throw my hands up in the air"; src: url('http://static.tumblr.com/qx5hjds/wzIm6vxmi/throw_my_hands_up_in_the_air.zip'); }
  681. @font-face { font-family: "ronda"; src: url('http://static.tumblr.com/rmj06l2/kcLlo1q2y/pf_ronda_seven.ttf'); }
  682. @font-face { font-family: "stars"; src: url('http://static.tumblr.com/hcfbjje/sfRlpm8t0/starsfromoureyes.ttf'); }
  683.  
  684. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  685.  
  686. blockquote{
  687. padding:0px 0px 2px 5px;
  688. margin:0px 0px 2px 1px;
  689. border-left: 3px solid {color:link};
  690. }
  691.  
  692. blockquote p, ul{
  693. margin:0px;
  694. padding:0px;
  695. }
  696.  
  697.  
  698. a img{border: 0px;}
  699.  
  700. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  701.  
  702. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  703. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  704.  
  705. .notes img{width:10px; position:relative; top:3px;}
  706.  
  707. .permalink{
  708. font-family: "Short Stack", cursive;
  709. font-size:11px;
  710. line-height:12px;
  711. display: block;
  712. text-align: right;
  713. text-decoration: none;
  714. }
  715.  
  716. askk {
  717. font-family: spring script;
  718. text-shadow: 1px 1px 0.5em {color:shadow};
  719. line-height:20px;
  720. font-size:20px;
  721. z-index:1;
  722. }
  723.  
  724.  
  725. small{font-size: 90%;}
  726.  
  727. ::selection {
  728. color:{color:Text};
  729. background-color: {color:Link};
  730. }
  731.  
  732. ::-moz-selection {
  733. color:{color:Text};
  734. background-color: {color:Link};
  735. }
  736. ::-webkit-selection {
  737. color:{color:Text};
  738. background-color:{color:Link};
  739. }
  740.  
  741. ::-webkit-scrollbar-thumb:vertical {
  742. background-color: {color:Link};
  743. height:7px;
  744. border: 1px solid #ddd;
  745. border-radius: 60px;
  746. }
  747.  
  748. ::-webkit-scrollbar-thumb:horizontal {
  749. background-color: {color:Link};
  750. height:7px;
  751. border: 1px solid #ddd;
  752. border-radius: 60px;
  753. }
  754.  
  755. ::-webkit-scrollbar {
  756. height:7px;
  757. width:7px;
  758. background-color: transparent;
  759. border-radius: 60px;
  760. }
  761.  
  762.  
  763. </style>
  764.  
  765.  
  766. <link rel="shortcut icon" href="{Favicon}">
  767. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  768. <meta name="viewport" content="width=820" />
  769.  
  770. </head>
  771. <body>
  772.  
  773. <div id="cage">
  774. <div id="center">
  775. <div id="sidebar">
  776.  
  777. <div id="title"><a href="/">{text:Sidebar Title}</a></div>
  778. <div id="sidebartext"><div style="font-family:Imprima;font-size:11pt;">{text:Sidebar Caption}</div></div>
  779.  
  780. {block:ifshowphoto}<div id="sidebarpic">
  781. <a href="/"><img src="{image:sidebar}" style="border: 1px solid #aaa; padding: 1px;"></a></div>{/block:ifshowphoto}
  782. <center><h3 style="font-size: 11pt; line-height: 12px; letter-spacing: 0px; z-index: 1; text-align: right; border-bottom:0px dashed #aaa; margin-top: 3px;"></h3></center>{/block:ifshowblogtitle}
  783.  
  784. <div id="sbarhover"><center><div style="overflow:auto; width: 340px; height: 25px; border: 0px solid #000000; background-color: #ffffff; font-family: ronda; font-size: 8px; text-align: center; border-bottom-right-radius:10px; ">{text:sidebar image hover text}</center></div>
  785.  
  786. <div id="desc">
  787. <center>{block:ifslidedown}
  788.  
  789. <li class="drawer">
  790. <h5>{text:top links name}</h5>
  791. {block:iftoplinks}<div id="toplinks">
  792. <a href="{text:TopLink1}">{text:TopLink1Title}</a> •
  793. <a href="{text:TopLink2}">{text:TopLink2Title}</a> •
  794. <a href="{text:TopLink3}">{text:TopLink3Title}</a> •
  795. <a href="{text:TopLink4}">{text:TopLink4Title}</a> •
  796. <a href="{text:TopLink5}">{text:TopLink5Title}</a> •
  797. <a href="{text:TopLink6}">{text:TopLink6Title}</a> •
  798. <a href="{text:TopLink7}">{text:TopLink7Title}</a>
  799. <div></li>
  800. {/block:ifslidedown}</center>
  801. {/block:iftoplinks}
  802.  
  803. <p><em><br /></em></p>
  804. <div id="description"><center>{text:BigFontText}</center></div>
  805. <p><center>{Description}<p></center>
  806.  
  807. <p><em><br /></em></p>
  808. <center>{block:ifslidedown2}
  809. <li class="drawer">
  810. <h5>{text:drop down menu text}</h5>
  811. <div><p><a href="{text:first custom link url}"><font size="1 1/2">{text:first custom link title}</font></a></p>
  812. <p><a href="{text:second custom link url}"><font size="1 1/2">{text:second custom link title}</font></a></p>
  813. <p><a href="{text:third custom link url}"><font size="1 1/2">{text:third custom link title}</font></a></p>
  814. <p><a href="{text:fourth custom link url}"><font size="1 1/2">{text:fourth custom link title}</font></a></p>
  815. <p><a href="{text:fifth custom link url}"><font size="1 1/2">{text:fifth custom link title}</a></p>
  816. <p><a href="{text:sixth custom link url}"><font size="1 1/2">{text:sixth custom link title}</font></a></p>
  817. <p><a href="{text:seventh custom link url}"><font size="1 1/2">{text:seventh custom link title}</font></a></p>
  818. <p><a href="{text:eighth custom link url}"><font size="1 1/2">{text:eighth custom link title}</font></a></p>
  819. <div></li>
  820. {/block:ifslidedown2}</center>
  821.  
  822. </div>
  823. </div>
  824.  
  825. <div id="links"><a href="/">home &middot</a>
  826. <a href="/ask">message &middot
  827. {block:ifLinkOneTitle}<a href="{text:Link One}">{text:Link One Title} &middot</a>{/block:ifLinkOneTitle}
  828. {block:ifLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title} &middot</a>{/block:ifLinkTwoTitle}
  829. {block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}
  830.  
  831. <div id="paginationbox">
  832. <p><em><br /></em></p>
  833. <center>
  834. <div style="font-size:30px;">{block:PreviousPage}<a href="{PreviousPage}">«</a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>
  835. </center>
  836. </div>
  837.  
  838. </div>
  839.  
  840. {block:ifsideboximg}<div id="sidebox"><img src="{image:sidebox}" width=90px></div>{/block:ifsideboximg}
  841.  
  842. <div id="description" class="popup_block">
  843. <center><h2 style="font-family: stars; font size: 30pt; line-height: 20px; text-align: left; text-shadow:#660000 1px 1px 0.5em;">read this</h2><center><font size="1 1/2">i know what it’s like; <i>to wish you were dead</i>, but i’m still here. why? <font color=#00b5ff>for the ones i love and for the ones that love me.</font> you think no one loves you? think again, because <b>i do.</b> it’s sad, because <font color=#00b5ff>people tend to show that they care once you’re dead.</font> and all those people that make you feel like crap? <font color=#00b5ff>rise above them.</font> show them who you are. suicide would just mean “i give up.” <font color=#00b5ff>stay strong, because in the end, <b>it’s all going to be worth it.</font></b> you have so much in store for you. trust me. you have a bright future, you just don’t know it yet. so <font color=#00b5ff>don’t give up. for me. </font color></center>
  844. </div>
  845.  
  846. <div id="description" class="popup_block">
  847. <center>hi. i'm cool ~ </font color></center>
  848. </div>
  849.  
  850. <div id="sidebanner"> {text:sidebanner} </div>
  851. <div id="sidebanner2"> {text:sidebanner2} </div>
  852.  
  853. <div id="content">
  854. {block:Posts}
  855. <div id="entry">
  856.  
  857. {block:Answer}
  858. <div style="border-radius:5px; border: 0px dashed gray; margin: 3px; min-height:30px; padding: 3px; background-color: #fff; box-shadow: 0px 0px 3px 3px #E6DFDF; font-family: imprima; font-size: 12px;">
  859. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px; box-shadow: 0px 0px 0px 2px #E6DFDF; border-radius: 30px;"/>
  860. <askk>{Asker}</askk> moaned my name then said, "{Question}"<br></div>
  861. <div style="font-family: imprima; font-size: 12px;">
  862. {Answer}
  863. </div><p align=right><span class="permalink"><a href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></align>{/block:Answer}
  864.  
  865. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}<span class="body">{Body}</span><span class="permalink"><a href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span>
  866. {/block:text}
  867.  
  868. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}<div class="body">{Description}</div>{/block:Description}<span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a>{/block:link}
  869.  
  870. {block:Photo}
  871. {block:IndexPage}<div class="perma">
  872. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  873. </div> <div id="permalink">
  874. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>{/block:IndexPage}<center>{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=500px></a>{LinkCloseTag}</center>
  875. {/block:Photo}
  876.  
  877. {block:Photoset}{block:IndexPage}<div class="perma">
  878. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  879. </div> <div id="permalink">
  880. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>{/block:IndexPage}
  881. <div class="photoset">{Photoset-500}</div>
  882. {/block:Photoset}
  883.  
  884. {block:Quote}<span class="title"><center>"{Quote}"</center></span> <center>— {block:Source}<b>{Source}</b>{/block:Source}</center><br><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a> </span>{/block:Quote}
  885.  
  886. {block:Chat}<div style="background-color:{color:Quote background}; padding: 4px;">{block:Title}<span class="title">{Title}</span>{/block:Title}
  887. <ul class="chat">{block:Lines} <li class="user_{UserNumber}"> {block:Label}
  888. <span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}
  889. </ul></div><span class="permalink"><a href="{Permalink}">{notecountwithlabel}</a>{/block:Chat}
  890.  
  891.  
  892. {block:Audio}
  893. <center><div style="width:500px; height:28px;"><div style="float:right">{block:Caption}{Caption}{/block:Caption}</div><div style="float:left">{AudioPlayerBlack}</div></div></center><br>
  894. <span class="permalink"><a href="{Permalink}"><a href="{Permalink}"><a href="{Permalink}">{notecountwithlabel}</a></a><br>{/block:HasTags}</span>
  895. {/block:Audio}
  896.  
  897. {block:Video}{block:IndexPage}<div class="perma">
  898. <div class="likep"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div> <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a></div>
  899. </div> <div id="permalink">
  900. <span class="countreblog"><a href="{Permalink}">{NoteCount}</a></span></div>{/block:IndexPage}
  901. <div class="video">{Video-500}</div></center>
  902. {block:Video}
  903.  
  904. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}{/block:PermalinkPage}
  905.  
  906. {block:PostNotes}{PostNotes}
  907. {/block:PostNotes}
  908. </div>
  909.  
  910. {/block:Posts}
  911. </center>
  912. </div></div>
  913. </div>
  914. </body>
  915.  
  916. {block:ifsidebox}<div style="position:fixed; bottom:10px; right:10px;">
  917. <div style="overflow:auto; color:#aaa; width: 90px; height: 50px; border: 1px solid #ddd; background-color:transparent; font-family: handy00; font-size: 8px; text-align: center;">{text:sideboxquote}</div>{/block:ifsidebox}
  918.  
  919. <div style="position:fixed; top:5px; left:5px; font-family: ronda; font-size:8px; text-decoration:none;">
  920. <a href="http://youroliviachachi.tumblr.com/">credit</a></div>
  921. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!