SHARE
TWEET

Theme 3 by wreckedblog

a guest Jan 2nd, 2013 1,636 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <html lang="en">
  2. <!--
  3.  
  4. Theme created by wreckedblog.
  5. Message me if you have any problem.
  6.  
  7. -->
  8. <head>
  9. <link href='http://fonts.googleapis.com/css?family=Bad+Script|Great+Vibes' rel='stylesheet' type='text/css'>
  10.  
  11.  
  12. <script type="text/javascript">
  13.   WebFontConfig = {
  14.     google: { families: [ 'Bad+Script::latin', 'Great+Vibes::latin' ] }
  15.   };
  16.   (function() {
  17.     var wf = document.createElement('script');
  18.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  19.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  20.     wf.type = 'text/javascript';
  21.     wf.async = 'true';
  22.     var s = document.getElementsByTagName('script')[0];
  23.     s.parentNode.insertBefore(wf, s);
  24.   })(); </script>
  25.  
  26.  
  27. <title>{title}</title>
  28.  
  29. <meta name="color:text" content="#222">
  30. <meta name="color:links" content="#222">
  31. <meta name="color:scrollbar" content="#222">
  32. <meta name="color:hover" content="#ccc">
  33. <meta name="color:background" content="#fff">
  34. <meta name="color:nav background" content=""/>
  35. <meta name="color:nav links" content=""/>
  36.  
  37. <meta name="text:font size" content="11px" />
  38.  
  39. <meta name="font:body" content="Lucida Sans" />
  40.  
  41. <meta name="if:fade photos" content="1" />
  42. <meta name="if:default font" content="1">
  43.  
  44. <meta name="text:title font size" content="25px" />
  45.  
  46. <meta name="image:background" content="" />
  47. <meta name="image:Sidebar Background" content=""/>
  48.  
  49. <meta name="text:Link One Title" content="" />
  50. <meta name="text:Link One" content="" />
  51. <meta name="text:Link Two Title" content="" />
  52. <meta name="text:Link Two" content="" />
  53. <meta name="text:Link Three Title" content="" />
  54. <meta name="text:Link Three" content="" />
  55. <meta name="text:Link Four Title" content="" />
  56. <meta name="text:Link Four" content="" />
  57. <meta name="text:Link Five Title" content="" />
  58. <meta name="text:Link Five" content="" />
  59.  
  60. <script type="text/javascript" src="http://static.tumblr.com/5wlfjea/kc9meicw6/myfont.txt"></script>
  61.  
  62.  
  63.  
  64.  
  65. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  66. {block:Description}
  67. <meta name="description" content="{MetaDescription}" />
  68. {/block:Description}
  69.  
  70.  
  71. <link href='http://fonts.googleapis.com/css?family=Averia+Serif+Libre' rel='stylesheet' type='text/css'>
  72.  
  73. <style type="text/css">
  74.  
  75. iframe#tumblr_controls {
  76.     right:3px !important;
  77.     position: fixed !important;
  78.     -webkit-filter: invert(100%)}
  79.  
  80. @import url(http://fonts.googleapis.com/css?family=Bad+Script|Great+Vibes);
  81.  
  82.  
  83. body{
  84. color:{color:text};
  85. {block:ifdefaultfont}font-family: 'Averia Serif Libre', cursive;{/block:ifdefaultfont} {block:ifnotdefaultfont}font-family:{font:body};{block:ifnotdefaultfont}
  86. font-size:{text:font size};
  87. background-color:{color:background};
  88. background-image: url({image:background});
  89.  
  90. background-position: bottom left ;
  91.  
  92. background-attachment: fixed;
  93.  
  94. background-repeat: repeat;
  95.  
  96. }
  97.  
  98. a {text-decoration:none; color:{color:links}; -webkit-transition: 0.5s ease-in;}
  99. a:hover {-webkit-transition: 0.5s ease-in; color:{color:hover};}
  100.  
  101. #blogtitle {
  102.     margin-bottom: -10px;
  103.     font-family: 'Great Vibes', cursive;
  104.     font-size:22px;
  105.     padding-bottom: -2px;
  106.     text-align:left;
  107.     margin-left:5px;
  108.     border-bottom:2px solid #585858;
  109. }
  110.  
  111. #wrap{
  112. width:500px;
  113. margin-left:250px;
  114. margin-top:5px;
  115. background-color:{color:background};
  116. position:absolute;
  117. padding:5px;
  118. }
  119.  
  120. #post{
  121. padding:5px;
  122. background-color:{color:background};
  123. width:230px;
  124. float:left;
  125. }
  126.  
  127. #descy{
  128.     text-align:left;
  129.     font-size:10px;
  130.     font-family:consolas;
  131.     text-transform:lowercase;
  132. }
  133.  
  134.  
  135. .thescript {
  136. border-left: 12px solid {color:nav background};
  137. width: 75px;
  138. margin: 1px;
  139. font-size: 10px;
  140. height: 12px;
  141. padding: 2px;
  142. letter-spacing: 1px;
  143. text-align:left;
  144. text-transform:uppercase;
  145. color:white;
  146. font-family:consolas;
  147. border-top-left-radius: 8px;
  148. -moz-border-radius-topleft: 8px;
  149. -webkit-border-top-left-radius: 8px;
  150. border-bottom-left-radius: 8px;
  151. -moz-border-radius-bottomleft: 8px;
  152. -webkit-border-bottom-left-radius: 8px;
  153. -webkit-transition: all 0.6s ease;
  154. -moz-transition: all 0.6s ease;
  155. -o-transition: all 0.6s ease;
  156. background-color:{color:nav background};
  157. }
  158.  
  159. .thescript:hover {
  160. border-left: 30px solid {color:nav background};
  161. -webkit-transition: all 0.6s ease;
  162. -moz-transition: all 0.6s ease;
  163. -o-transition: all 0.6s ease;
  164. }
  165.  
  166. .thescript a {
  167. color:{color:nav links};
  168. }
  169.  
  170. #ts {
  171. position:fixed!important;
  172. margin-left: 75px;
  173. width: 150px;
  174. margin-top: -240px;
  175. opacity:1;
  176. }
  177.  
  178. #sidebar2{
  179. z-index:999999999999999;
  180. width:50px;
  181. margin-left: 180px;
  182. z-index:10;
  183. position:fixed !important;
  184. bottom:0px;
  185. height:100%;
  186. z-index:10;
  187. background-color: #585858;
  188. background-image:url({image:Sidebar Background});
  189. }
  190.  
  191.  
  192.  
  193.  
  194. #header {position:fixed; top:200px; padding-top:10px; padding-right:5px; background:transparent; width:150px; position:fixed}
  195.  
  196.  
  197.  
  198. #permalink {float: left; margin-left: 506px; margin-top:0px; padding-top:0px; position: absolute; text-align: left; width: 50px; height:10px; font-size: 9px; courier new; -webkit-transition: 0.5s ease-in; opacity:0;}
  199.  
  200. #permalink a {color:{color:permalink};}
  201.  
  202. #permalink a:hover {color:{color:permalink};}
  203.  
  204. #entry:hover .permalink {opacity: 1;}
  205.  
  206. {if:FadePhotos}
  207. img{
  208. -webkit-transition: opacity 0.5s linear;
  209. opacity: 0.6;
  210. }
  211. img:hover{
  212. -webkit-transition: opacity 0.7s linear;
  213. opacity: 1;
  214. }
  215. {/if:fadephotos}
  216.  
  217. .pagination {
  218. display: none;
  219. }
  220.  
  221. ::-webkit-scrollbar{width:10px; height:8px;}
  222. ::-webkit-scrollbar-button:start:decrement
  223. ::-webkit-scrollbar-button:end:increment{display:block; height:0; background-color:transparent;}
  224. ::-webkit-scrollbar-track-piece{background-color:{color:background}; -webkit-border-radius:0; -webkit-border-bottom-right-radius:3px; -webkit-border-bottom-left-radius:3px;}
  225. ::-webkit-scrollbar-thumb:vertical{height:10px; background-color:{color:scrollbar};}
  226. ::-webkit-scrollbar-thumb:horizontal{width:10px; background-color:{color:scrollbar};}
  227.  
  228.  
  229. {CustomCSS}
  230.    
  231. </style>
  232.  
  233. <script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js"></script>
  234. <script type="text/javascript">
  235. $(document).ready(function(){
  236. $(".links_body").hide();
  237. $(".links_head").click(function(){
  238. $(this).next(".links_body").slideToggle('fast');
  239. }); }); </script>
  240. <style type="text/css">
  241.  
  242.  
  243. .links_list {
  244.     margin:0px;
  245.     padding:0px;
  246.     width:180px;
  247.     font-family:calibri;
  248.     letter-spacing:3px;
  249.     text-transform:uppercase;
  250.     }
  251. .links_head {
  252.     padding-top:5px;
  253.     padding-bottom:5px;
  254.     cursor:pointer;
  255.     position:relative;
  256.     margin:1px; text-align:center;
  257.     }
  258. .links_body {
  259.     padding:10px;
  260.     text-align:left;
  261.     color: #fff;
  262.     display:none;
  263.     font-family:consolas;
  264.     }
  265. </style>
  266.  
  267. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  268.  
  269. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  270.  
  271. <script>
  272. $(function(){
  273. var $container = $('#wrap');
  274. $container.imagesLoaded(function(){
  275. $container.masonry({
  276. itemSelector: '#post',
  277. });
  278. });
  279. $container.infinitescroll({
  280. itemSelector : "#post",
  281. navSelector : "div.pagination",
  282. nextSelector : ".pagination a#next",
  283. loadingImg : "",
  284. loadingText : "<em></em>",
  285. bufferPx : 10000,
  286. extraScrollPx: 12000,
  287. },
  288. // trigger Masonry as a callback
  289. function( newElements ) {
  290.   var $newElems = $( newElements ).css({ opacity: 0 });
  291. // ensure that images load before adding to masonry layout
  292. $newElems.imagesLoaded(function(){
  293. $newElems.animate({ opacity: 1 });
  294. $container.masonry( 'appended', $newElems, true );
  295. });
  296. }
  297. );
  298. });
  299. </script>
  300. </head>
  301. <body>
  302.  
  303. <div id="header">
  304. <div id="blogtitle"> <a href="/"><big>{title}
  305. </big></a></div> <br>
  306.  
  307. <center>
  308.  
  309. <div id="sidebar2"></div>
  310. <div id="ts">
  311.  
  312. <div class="thescript">{block:ifLinkOneTitle}<a href="{text:Link One}"> {text:Link One Title} </a>{/block:ifLinkOneTitle}</div>
  313.  
  314. <div class="thescript">{block:ifLinkTwoTitle}<a href="{text:Link Two}"> {text:Link Two Title} </a>{/block:ifLinkTwoTitle}</div>
  315.  
  316. <div class="thescript">{block:ifLinkThreeTitle}<a href="{text:Link Three}"> {text:Link Three Title} </a>{/block:ifLinkThreeTitle}</div>
  317.  
  318. <div class="thescript">{block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title} </a>{/block:ifLinkFourTitle}</div>
  319.  
  320. <div class="thescript">{block:ifLinkFiveTitle}<a href="{text:Link Five}"> {text:Link Five Title} </a>{/block:ifLinkFiveTitle}</div>
  321.  
  322. </div>
  323.  
  324.  
  325. <div class="links_list">
  326. <p class="links_head">about me</p>
  327. <div class="links_body">
  328.  
  329.  
  330. <center>
  331. <a><div id="descy">{description}</div></a>
  332. </center>
  333. </div></div>
  334.  
  335.  
  336.  
  337.  
  338.  
  339.  
  340. {block:HasPages}{block:Pages}<a class="links" href="{URL}">{Label}</a> <br>{/block:Pages}{/block:HasPages}
  341. <br>
  342.  
  343. </div>
  344.     <center>  
  345. <div class=”pagination”>
  346. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">less is</a>{/block:PreviousPage}  {block:NextPage}<a href="{NextPage}">more</a>{/block:NextPage}</div></div>{/block:Pagination} </center>
  347. </div>
  348.  
  349.    
  350. </div></div>
  351.  
  352. <div id="wrap">
  353.  
  354. {block:Posts}
  355.  
  356. <div id="post">
  357.  
  358. {block:Title}{Title}{/block:Title} </a>
  359. <span class="permalink"> <a href="{Permalink}">
  360. {block:Text}{Body}{/block:Text} </span>
  361. {block:Photo}
  362. <a href="{permalink}"><img src="{PhotoURL-500}" width="230"/></a>
  363. {/block:Photo}
  364.  
  365. {block:Photoset}
  366. {Photoset-500}
  367. {/block:Photoset}
  368.  
  369.  
  370. {block:Quote} <span class="permalink"> <img style="width:15px;margin-right:-6px;opacity:0.3;margin-bottom:-2px;" src="http://i42.tinypic.com/okmxi8.png"/><a href="{Permalink}">
  371. {Quote} </a></span>
  372. <div align="right">
  373. {block:Source}-{Source}{/block:Source}
  374. </div>
  375. {/block:Quote}
  376.  
  377.  
  378. {block:Video}
  379. {Video-500}<br>
  380. {PlayCountWithLabel}
  381. {/block:Video}
  382.  
  383.  
  384. {block:Link}
  385. <a href="{URL}" class="link" {Target}>{Name}</a><BR>
  386. {block:Description}{Description}{/block:Description}
  387. {/block:Link}
  388.  
  389. {block:Chat}
  390. {block:Lines}
  391. {block:Label}
  392. <br>{Label}
  393. {/block:Label}
  394. &nbsp;{Line}
  395. {/block:Lines}
  396. {/block:Chat}
  397.  
  398. {block:Audio}
  399. {AudioPlayerGrey}
  400. <br><div align="right">{block:Artist}
  401. Artist: {Artist}</div>
  402. {/block:Artist}<br>
  403. {block:Caption}{Caption}{/block:Caption}
  404. {/block:Audio}
  405.  
  406. {block:Answer}<div class="post answer">{Asker} said: {Question}<p>{answer}{block:indexpage}<a href="{Permalink}"><div class="permalink">{block:Date}{MonthNumber}/{DayOfMonth} @ {24Hour}:{Minutes}{/block:Date}</div></a>{/block:indexpage}</div>{/block:Answer}
  407.  
  408. {block:PermalinkPage}
  409. {block:Caption}
  410. {Caption}
  411. {/block:Caption}
  412. <br>
  413. {block:NoteCount}
  414. {NoteCount} notes
  415. {/block:NoteCount}
  416. <Br>
  417. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  418. {/block:PermalinkPage}
  419. </div>
  420.  
  421. {/block:Posts}
  422.  
  423.  
  424.  
  425. </div>
  426.  
  427. </body>
  428. </html>
RAW Paste Data
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
Top