Advertisement
colettemichelle98

wolfsbane theme by taintedhopes

Mar 28th, 2013
798
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 15.91 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4.  
  5. <head>
  6.  
  7. <!--public theme 'believer' by taintedhopes. do NOT remove credit unless you put it in your faq thx-->
  8.  
  9. <meta name="color:background"content="#fff"/>
  10. <meta name="image:background"content=""/>
  11. <meta name="image:sidebar"content=""/>
  12. <meta name="image:smoke"content=""/>
  13. <meta name="color:text"content="#000000"/>
  14. <meta name="color:link"content="#000000"/>
  15. <meta name="text:Link One Title"content="Refresh"/>
  16. <meta name="text:Link One"content="/"/>
  17. <meta name="text:Link Two Title"content="Inbox"/>
  18. <meta name="text:Link Two"content=""/>
  19. <meta name="text:Link Three Title"content="Past"/>
  20. <meta name="text:Link Three"content=""/>
  21. <meta name="text:Link Four Title"content="Etcetera"/>
  22. <meta name="text:Link Four"content=""/>
  23. <meta name="color:scrollbar"content="#000"/>
  24. <meta name="text:banner"content="wolfsbane"/>
  25. <meta name="text:desc1"content="hi i'm colette i'm fifteen and i'm almost"/>
  26. <meta name="text:desc2"content="too wierd to function. i love lily collins, new"/>
  27. <meta name="text:desc3"content="girl, writing stories, and you. hang out?"/>
  28.  
  29. <script type="text/javascript">
  30. <!--
  31.  
  32. // Disable Right Click Script
  33.  
  34. function IE(e)
  35. {
  36. if (navigator.appName == "Microsoft Internet Explorer" && (event.button == "2" || event.button == "3"))
  37. {
  38. return false;
  39. }
  40. }
  41. function NS(e)
  42. {
  43. if (document.layers || (document.getElementById && !document.all))
  44. {
  45. if (e.which == "2" || e.which == "3")
  46. {
  47. return false;
  48. }
  49. }
  50. }
  51. document.onmousedown=IE;document.onmouseup=NS;document.oncontextmenu=new Function("return false");
  52.  
  53. //-->
  54. </script>
  55.  
  56.  
  57. <style>
  58. @font-face {
  59. font-family: 'caviar dreams';
  60. src: url('http://static.tumblr.com/k4oonwn/Ks3mh03ca/caviardreams_1_.ttf') format('truetype');
  61. font-weight: normal;
  62. font-style: normal;
  63.  
  64. }
  65.  
  66. @font-face { font-family: "pixel"; src: url('http://static.tumblr.com/spzdac4/vTMm6fpbd/04b_24.ttf');}
  67. @font-face { font-family: "sem"; src: url('http://static.tumblr.com/ygfurav/QgNmga3qn/semplice_regular.ttf'); }
  68.  
  69.  
  70. </style>
  71.  
  72. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  73. <script type="text/javascript">
  74. $(document).ready(function () {
  75. $('li.drawer div:nth-child(2)').hide();
  76. $('li.drawer h4').click(function () {
  77. if ($(this).hasClass('open')) {
  78. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');}
  79. else {
  80. $('li.drawer div:visible:nth-child(2)').slideUp().prev().removeClass('open');
  81. $(this).next().slideDown();
  82. $(this).addClass('open');}
  83. });
  84. });
  85. </script>
  86.  
  87.  
  88.  
  89.  
  90. <style type="text/css">
  91. iframe#tumblr_controls {right:3px !important; position: fixed !important; -webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  92.  
  93. 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 0.4s ease-out;}
  94.  
  95. ::-webkit-scrollbar {width: 5px; height: 5px; background: #dddddd;}
  96.  
  97. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  98.  
  99. body, a, a:hover {cursor: url(http://i.imgur.com/2qleX.jpg), progress;}
  100.  
  101. @font-face { font-family: "bbyneu"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }
  102.  
  103.  
  104.  
  105. body{
  106. margin-5px;
  107. background-color:{color:background};
  108. background:url({image:background});
  109. font-family:sem;
  110. font-size:8px;
  111. line-height:10px;
  112. color:{color:text};
  113. scrollbar:{color:scrollbar};
  114. }
  115.  
  116. background{
  117. background-color:#ddd;
  118. padding:0px;
  119. margin-top:50%;
  120. }
  121.  
  122. a:link, a:active, a:visited{
  123. color:{color:link};
  124. text-decoration: none;
  125. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  126. }
  127.  
  128. a:hover {
  129. color:#ddd;
  130. text-decoration:none;
  131. cursor: url(http://img69.imageshack.us/img69/7673/cursorw.png), auto;
  132. }
  133.  
  134. #alice{width:250px; height:auto;}
  135. {block:PermalinkPage}
  136. width:410px;
  137. {/block:PermalinkPage}
  138. }
  139.  
  140. #center{
  141. position:fixed !important;
  142. padding-top:3px;
  143. padding-bottom::3px;
  144. width:250px;
  145. height:207px;
  146. background-color:#fff;
  147. {block:PermalinkPage}
  148. width:410px;
  149. height:207px;
  150. {/block:PermalinkPage}
  151. }
  152.  
  153. #posts{
  154. float:center;
  155. {block:indexpage}
  156. width:900px;
  157. {/block:indexpage}
  158. {block:permalinkpage}
  159. width:800px;
  160. {/block:permalinkpage}
  161. margin-left:465px;
  162. margin-top:5px;
  163. }
  164.  
  165. #sidebar{
  166. position:fixed !important;
  167. width:455px;
  168. height:auto;
  169. background-color:#fff;
  170. margin-left:-10px;
  171. margin-top:-8px;
  172. font-family:sem;
  173. font-size:8px;
  174. }
  175.  
  176. #smoke{
  177. position:fixed !important;
  178. width:400px;
  179. height:auto;
  180. background-color:transparent;
  181. margin-left:-125px;
  182. margin-top:-150px;
  183. opacity:0.02;
  184. z-index:99;
  185. }
  186.  
  187. #banner{
  188. position:fixed !important;
  189. width:auto;
  190. height:auto;
  191. background-color:transparent;
  192. margin-left:-3px;
  193. margin-top:200px;
  194. font-family:courier;
  195. font-size:37px;
  196. text-transform:uppercase;
  197. color:#ddd;
  198. text-shadow:2px 2px 0px #000;
  199. }
  200.  
  201. #desc1{
  202. position:fixed !important;
  203. width:175px;
  204. height:13px;
  205. background-color:#ddd;
  206. margin-left:0px;
  207. margin-top:230px;
  208. font-family:sem;
  209. font-size:8px;
  210. color:#000;
  211. -webkit-transform: rotate(-1deg);
  212. -moz-transform: rotate(-1deg);
  213. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  214. z-index:9;
  215. }
  216.  
  217. #desc2{
  218. position:fixed !important;
  219. width:180px;
  220. height:13px;
  221. background-color:#ddd;
  222. margin-left:-2px;
  223. margin-top:260px;
  224. font-family:sem;
  225. font-size:8px;
  226. color:#000;
  227. -webkit-transform: rotate(1deg);
  228. -moz-transform: rotate(1deg);
  229. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  230. z-index:9;
  231. }
  232.  
  233. #desc3{
  234. position:fixed !important;
  235. width:175px;
  236. height:13px;
  237. background-color:#ddd;
  238. margin-left:0px;
  239. margin-top:290px;
  240. font-family:sem;
  241. font-size:8px;
  242. color:#000;
  243. -webkit-transform: rotate(-1deg);
  244. -moz-transform: rotate(-1deg);
  245. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  246. z-index:9;
  247. }
  248.  
  249. #links{
  250. position:fixed !important;
  251. width:auto;
  252. height:auto;
  253. font-family:courier;
  254. font-size:28px;
  255. background-color:transparent;
  256. margin-left:-120px;
  257. margin-top:340px;
  258. color:#ddd;
  259. text-shadow:2px 2px 0px #000;
  260. text-transform:uppercase;
  261. z-index:99;
  262. }
  263.  
  264.  
  265. .permalink {
  266. display: block;
  267. border-top: 1px solid #ddd;
  268. padding: 3px;
  269. margin: 4px 8px 0px 8px;
  270. font-family:pixel;
  271. font-size: 8px;
  272. color:#84aeca;
  273. line-height: 18px;
  274. text-align: left;
  275. text-decoration: none;
  276. -webkit-transition: color 0.9s ease-out;
  277. -moz-transition: color 0.9s ease-out;
  278. }
  279.  
  280.  
  281.  
  282. #entry .perma{
  283. width:240px;
  284. height:15px;
  285. font-family:sem;
  286. font-size: 8px;
  287. color:#000;
  288. position: absolute;
  289. line-height: 10px;
  290. text-align: center;
  291. overflow:hidden;
  292. padding:5px;
  293. background-color:#fff;
  294. letter-spacing:0px;
  295. bottom:13px;
  296. margin-left:-4px;
  297. border-top:1px solid #000;
  298. -webkit-transition: opacity 0.8s linear; opacity: 0.0;
  299. -webkit-transition: all 0.8s linear;
  300. -moz-transition: all 0.8s linear;
  301. transition: all 0.8s linear;
  302. }
  303.  
  304. #entry:hover .perma{
  305. bottom:10px;
  306. overflow:visible;
  307. -webkit-transition: all 0.8s linear; opacity: 1;
  308. -webkit-transition: all 0.8s linear;
  309. -moz-transition: all 0.8s linear;
  310. transition: all 0.8s linear;
  311. }
  312.  
  313. .permalinktext {
  314. display: block;
  315. padding: 1px;
  316. margin: 0px 0px 0px 8px;
  317. font-family:pixel;
  318. font-size: 8px;
  319. color:#84aeca;
  320. letter-spacing: 0px;
  321. line-height: 10px;
  322. text-align: right;
  323. text-decoration: none;
  324. -webkit-transition: color 0.5s ease-out;
  325. -moz-transition: color 0.5s ease-out;
  326. border-top: 1px solid #dcdcdc;
  327. }
  328. #postnotes blockquote{
  329. border: 0px;
  330. }
  331.  
  332. #entry{
  333. opacity:1;
  334. font-family:sem;
  335. font-size: 8px;
  336. line height: 20px;
  337. text-align:left;
  338. float:left;
  339. width: 240px;
  340. height: auto;
  341. border: 1px solid #ddd;
  342. {block:PermalinkPage}
  343. width: 500px;
  344. height: auto;
  345. {/block:PermalinkPage}
  346. line-height:8px;
  347. background-color:#fff;
  348. padding:15px;
  349. margin-right:15px;
  350. overflow:hidden;
  351. margin-bottom:15px;
  352. }
  353.  
  354.  
  355. #permapage{
  356. font-family: sem;
  357. font-size: 8px;
  358. line-height: 8px;
  359. text-align: left;
  360. padding-bottom:10px;
  361. z-index:9999;}
  362.  
  363.  
  364. blockquote{
  365. padding:0px 0px 2px 3px;
  366. margin:0px 0px 2px 1px;
  367. }
  368. ul, ol, li{
  369. list-style:none;
  370. margin:0px;
  371. padding:0px;
  372. }
  373.  
  374. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  375. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  376. }
  377.  
  378. ul#drawers {width: 300px; list-style: none; margin: 0 auto; padding: 0px; border-top: 0px; color: #ddd;}
  379.  
  380. ul#drawers a {text-decoration: none; color: #ddd;}
  381.  
  382. ul#drawers li h4 {margin: 0; padding: 0px; text-transform: uppercase; font-size: 60px; text-align: center; text-decoration:none; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
  383. transition: background-color 0.5s ease-out;}
  384.  
  385. h4.large {display: table-cell; width: 300px; margin: 0px; height: 100px;}
  386.  
  387. li.drawer h4.open {background-color: #121213; border-top: 0px;}
  388.  
  389. li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
  390.  
  391. li.drawer div li {list-style-type: disc;}
  392.  
  393. li.drawer div ul {-webkit-padding-start: 12px;}
  394.  
  395. </style>
  396. <title>{title}</title>
  397. <link rel="shortcut icon" href="{favicon}">
  398. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  399. <meta name="viewport" content="width=720" />
  400. </head>
  401. <body>
  402.  
  403. <div id="center">
  404. <div id="content">
  405.  
  406. <div id="sidebar">
  407. <a href="/"><img src="{image:sidebar}" style="opacity:1; background-color:white;" width=455px; height=auto;></a>
  408. </div></div></div>
  409.  
  410. <div id="smoke">
  411. <a href="/"><img src="{image:smoke}" width=440px; height=auto;></a>
  412. </div></div></div>
  413.  
  414. <div id="banner">
  415. {text:banner}
  416. </div></div></div>
  417.  
  418. <div id="desc1">
  419. <center>{text:desc1}</center>
  420. </div></div></dv>
  421.  
  422. <div id="desc2">
  423. <center>{text:desc2}</center>
  424. </div></div></dv>
  425.  
  426. <div id="desc3">
  427. <center>{text:desc3}</center>
  428. </div></div></dv>
  429.  
  430.  
  431. <div id="links">
  432. <ul id="drawers">
  433. <li class="drawer" id="info">
  434. <h4>+</h4>
  435. <div align="right">
  436. <p></br>
  437. <a href="{text:link One}">{text:link One title}</a>
  438. </br></br></br>
  439. <a href="{text:link Two}">{text:link Two title}</a>
  440. </br></br></br>
  441. <a href="{text:link Three}">{text:link Three title}</a>
  442. </br></br></br>
  443. <a href="{text:link Four}">{text:link Four title}</a>
  444. </p>
  445. </div>
  446. </li>
  447. </ul>
  448. </div>
  449. </div>
  450. </div>
  451.  
  452.  
  453.  
  454. <div id="posts">
  455.  
  456. {block:Posts}
  457. <div id="entry">
  458. {block:Text}
  459. {block:Title}<div style="font-family:caviar dreams; font-size:20px; color:{color:navi}; text-transform:uppercase;"><span class="title">{Title}</span></div>{block:Title}
  460. <span class="entrytext">{Body}</span>
  461. <div class="permalinktext"> <a href="{permalink}"> <font color="#aaa"></font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  462. {/block:Text}
  463.  
  464. {block:Link}
  465. <a href="{URL}" class="title">{Name}</a>
  466. {block:Description}{Description}{/block:Description}
  467. <div class="permalinktext"> <a href="{permalink}"> <font color="#aaa"></font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  468. {block:Link}
  469.  
  470. {block:Photo}{block:IndexPage}
  471. <div class="perma">
  472. <center> posted {timeago} with </span><a href="{permalink}">{NoteCountWithLabel}</a> &middot <a> <a href="{ReblogURL}" target="_blank"> reblog </a> </div></center>
  473. {/block:IndexPage}
  474. {block:IndexPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width=240px /></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{LinkCloseTag}{/block:PermalinkPage}
  475. {/block:Photo}
  476.  
  477. {block:Quote}
  478. <span class="entrytext">{Quote}</span>
  479. {block:Source}<b><a href="{Permalink}">{Source}</a></b>{/block:Source}
  480. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  481. {/block:Quote}
  482.  
  483. {block:Chat}
  484. {block:Title}<span class="title">{Title}</span>{/block:Title}
  485. <ul class="chat">
  486. {block:Lines}
  487. <li class="user_{UserNumber}">
  488. {block:Label}
  489. <span class="label">{Label}</span>
  490. {/block:Label}
  491.  
  492. {Line}
  493. </li>
  494. {/block:Lines}
  495. </ul>
  496. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  497. {/block:Chat}
  498.  
  499.  
  500. {block:Audio}
  501. <center><div style="width:300px; height:28px;"><div style="float:left">{AudioPlayerGrey}</div><div style="margin-top:10px; float:left;">
  502. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  503. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  504. {/block:Audio}
  505.  
  506. {block:Video}<center>
  507. <div class="video">{Video-400}</div></center>
  508. <div class="permalinktext"> <a href="{permalink}">{NoteCountwithlabel}</a> <font color="#aaa">&middot</font> <a href="{ReblogURL}" target="_blank">reblog</a> </div>
  509. {block:Video}
  510.  
  511.  
  512.  
  513. {block:Answer}
  514. <br>
  515. <div style="
  516. border-top-right-radius: 10px;
  517. border-bottom-left-radius: 10px;
  518. border-top-left-radius: 10px;
  519. border-bottom-right-radius: 10px;
  520. margin-left: -12px; margin-top: -2px; min-height:40px; padding: 3px; background: white; box-shadow: 0px 0px 2px 0px #707070;">
  521. <img src="{AskerPortraitURL-40}" width="40" align="left" style="margin-right:3px;
  522. border-top-right-radius: 30px;
  523. border-bottom-left-radius: 30px;
  524. border-top-left-radius: 30px;
  525. border-bottom-right-radius: 30px;"/>
  526. <askk></br><div style="font-family:jane; color:{color:navi}; font-size:25px;">{Asker}:</div></askk></br> </br>{Question}<br></div>
  527. <div style="font-family: sem; font-size: 8px;"> {Answer}</div>{/block:Answer}
  528.  
  529. {block:PostNotes}<div align="middle">{caption}</div>
  530. <center>
  531.  
  532. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  533.  
  534. {block:HasTags}
  535. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  536. {block:RebloggedFrom}
  537. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  538. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  539.  
  540. {/block:RebloggedFrom}
  541. </center></span>
  542. <br>
  543. <div id="postnotes">{PostNotes}</div><br>
  544.  
  545. <center>{block:ContentSource}
  546. <br><a href="{SourceURL}">
  547. {lang:Source}:
  548. {block:SourceLogo}
  549. <img src="{BlackLogoURL}" width="{LogoWidth}"
  550. height="{LogoHeight}" alt="{SourceTitle}" />
  551. {/block:SourceLogo}
  552. {block:NoSourceLogo}
  553. {SourceLink}
  554. {/block:NoSourceLogo}
  555. </a>
  556. {/block:ContentSource}</center>
  557.  
  558. {/block:PostNotes}
  559. </div>
  560. {/block:Posts}
  561. </div></div>
  562.  
  563. {block:indexpage}
  564. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  565. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  566. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  567. <script type="text/javascript">
  568. $(window).load(function(){
  569. var $wall = $('#posts');
  570. $wall.imagesLoaded(function(){
  571. $wall.masonry({
  572. itemSelector: '#entry, #entry_photo',
  573. isAnimated : false
  574. });
  575. });
  576.  
  577. $wall.infinitescroll({
  578. navSelector : '#page-nav',
  579. nextSelector : '#page-nav a',
  580. itemSelector : '#entry, #entry_photo',
  581. bufferPx : 2000,
  582. debug : false,
  583. errorCallback: function() {
  584. $('#infscr-loading').fadeOut('normal');
  585. }},
  586. function( newElements ) {
  587. var $newElems = $( newElements );
  588. $newElems.hide();
  589. $newElems.imagesLoaded(function(){
  590. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  591. });
  592. }); $('#content').show(500);
  593. });
  594. </script>
  595. {/block:indexpage}
  596.  
  597. </div>
  598. </div>
  599.  
  600. <BODY onselectstart="return false;" ondragstart="return false;">
  601. <body onkeydown="return false">
  602. <div style=" background-color:transparent; width:100px; height:15px;
  603. position:fixed; bottom:60px; left:25px; font-family:courier; font-size:25px;line-height:15px;">
  604. <center><a href="http://www.taintedhopes.tumblr.com">CC</a></center>
  605. </div></div></div>
  606.  
  607.  
  608. </div>
  609. </div>
  610. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement