Advertisement
purethought-s

Theme #4: Hurricane

Feb 16th, 2013
2,446
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.27 KB | None | 0 0
  1. <!-- Hurricane Theme by sleephy
  2. Please keep credit ETC.
  3. Thankyou and enjoy!
  4. -->
  5. <head>
  6.  
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="http://static.tumblr.com/xrmodho/zoUmtvm6l/jquery.js"></script>
  8. <script type="text/javascript"
  9. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> <script type="text/javascript"
  10. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  11.  
  12. <script type="text/javascript"
  13. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  14.  
  15. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#000000"/>
  18. <meta name="color:Sidebar Border" content="#dddddd"/>
  19. <meta name="color:Title" content="#a7ccfd"/>
  20. <meta name="color:Link" content="#a7ccfd"/>
  21. <meta name="color:Link Hover" content="#cccccc"/>
  22. <meta name="color:Scrollbar" content="#000000"/>
  23. <meta name="image:Background" content=""/>
  24. <meta name="image:Header" content=""/>
  25. <meta name="if:Show Ask Link" content="1"/>
  26. <meta name="if:Show Archive Link" content="1"/>
  27. <meta name="font:Body Font" content="Courier New" />
  28. <meta name="text:Body Font Size" content="11" />
  29. <meta name="text:Title Font Size" content="35">
  30. <meta name="text:Ask Link" content="message">
  31. <meta name="text:Archive Link" content="history">
  32. <meta name="if:Post Borders" content="0"/>
  33. <meta name="if:Title Font" content="1" />
  34. <script src="http://static.tumblr.com/me5sfsd/1YFl414t0/jquery142.js"></script>
  35.  
  36.  
  37. <style type="text/css">
  38.  
  39. @font-face {font-family: "Clearly"; src:url('http://static.tumblr.com/0o02lya/Tx2mhbph4/princ___.ttf');}
  40.  
  41. ::-webkit-scrollbar {width: 4px; height: 4px; border-left:0px solid #ccc; background-color:{color:background};}
  42. ::-webkit-scrollbar-thumb {background: {color:scrollbar};}
  43.  
  44.  
  45. ::-webkit-scrollbar {width: 5px; height: 5px; background: #fff;}
  46.  
  47. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar};}
  48.  
  49. iframe#tumblr_controls {right:3px !important; position: fixed !important;bottom:5px !important;-webkit-transition: opacity 0.8s linear;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%);}
  50.  
  51. 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;}
  52.  
  53. #scrollToTop:link,#scrollToTop:visited {z-index:9999; color: transparent; background-color: transparent; display: none; position: fixed; bottom: 20px; right: 3px;}
  54.  
  55.  
  56. .wrapper{
  57. margin: 0px auto;
  58. width: 802px;
  59. }
  60.  
  61. .header{
  62. float: left;
  63. width: 100%;
  64. }
  65.  
  66. .left{
  67. float: left;
  68. margin-right: 20px;
  69. width: 802px;
  70. }
  71.  
  72. .right{
  73. float: right;
  74. width: 200px;
  75. background-color: {color:Background};
  76. }
  77.  
  78. body {
  79. margin: 0px;
  80. background-color:{color:background};
  81. background-image:url({image:Background});
  82. font-family:{font:Body Font};
  83. font-size:{text:Body Font Size}px;
  84. color:{color:Text};
  85. background-attachment: fixed;
  86. background-repeat: repeat;
  87. background-position: center;
  88. }
  89.  
  90.  
  91. @font-face {
  92. font-family:Brain Flower;
  93. src: url('http://static.tumblr.com/xrmodho/mf3micfku/brain_flower.ttf');
  94. }
  95.  
  96. .perma
  97. {
  98. opacity: 0.0;
  99. filter: alpha(opacity = 0);
  100. letter-spacing:2px;
  101. width: 250px;
  102. background-color:white;
  103. bottom:5px;
  104. height: auto;
  105. line-height: auto;
  106. text-transform:uppercase;
  107. padding:10px;
  108. font-size: 17px;
  109. font-family:{Font:Body Font};
  110. position:absolute;
  111. text-align: center;
  112. display:block;
  113. z-index:9999991;
  114. color: {color:permalink};
  115. -webkit-transition: opacity 0.4s linear;
  116. -moz-transition: all 0.4s linear;
  117. transition: all 0.4s linear;
  118.  
  119. }
  120. a.p
  121. {
  122.  
  123. color: {color:permalink};
  124. }
  125. .entry:hover .perma {
  126.  
  127. -webkit-transition: opacity 0.4s linear;
  128. opacity: .85;
  129.  
  130. -moz-transition: all 0.4s linear;
  131. transition: all 0.4s linear;
  132. filter: alpha(opacity = 100);
  133.  
  134. }
  135.  
  136.  
  137.  
  138.  
  139. asker{
  140. margin-left:-4px;
  141. font-family:"Consolas";
  142. font-size:14px;
  143. line-height:20px;
  144. color: {color:link};
  145. text-transform:uppercase;
  146. letter-spacing:0px;
  147. border-bottom:1px solid #ddd;
  148. }
  149.  
  150.  
  151.  
  152. a:link, a:active, a:visited{
  153. color: {color:link};
  154. text-decoration: none;
  155. -webkit-transition: color 0.4s ease-out;
  156. -moz-transition: color 0.4s ease-out;
  157. }
  158.  
  159. a:hover{
  160. color:{color:link hover};
  161. -webkit-transition: color 0.4s ease-out;
  162. -moz-transition: color 0.4s ease-out;
  163. text-shadow:0px 0px 0px #414141;
  164. }
  165.  
  166. div#posts {
  167. width: 1250px;
  168. top: 13px;
  169. margin-left:71px;
  170. float:center;
  171. z-index:9;
  172. {block:PermalinkPage}
  173. width:405px;
  174. height:auto;
  175. margin-top:13px;
  176. margin-left:500px;
  177. font-size: {text:Body Font Size}px;
  178. font-family:{Font:Body Font};
  179. text-align: center;
  180. {/block:PermalinkPage}
  181. }
  182.  
  183. .entry {
  184. margin:25px;
  185. {block:ifpostborders}border:1px solid #ddd;{/block:ifpostborders}
  186. padding:5px;
  187. float:center;
  188. background-color: transparent;
  189. overflow:hidden;
  190. {block:IndexPage}
  191. width:250px;
  192. {/block:IndexPage}
  193. {block:PermalinkPage}
  194. width:400px;
  195. height:auto;
  196. font-size: {text:Body Font Size}px;
  197. font-family:{Font:Body Font};
  198. text-align: center;
  199. {/block:PermalinkPage}
  200. -webkit-transition: 0.4s linear;
  201. -moz-transition: all 0.4s linear;
  202. transition: all 0.4s linear;
  203. }
  204.  
  205.  
  206.  
  207. #header{
  208. position:relative;
  209. height:auto;
  210. width:100%;
  211. padding-bottom:20px;
  212. padding-top:5px;
  213. margin-left:0px;
  214. margin-top:50px;
  215. overflow:hidden;
  216. }
  217.  
  218.  
  219.  
  220.  
  221. .shark {
  222. text-decoration:none;
  223. text-transform:uppercase;
  224. font-family: {font:Body Font};
  225. text-align:right;
  226. margin-top: 2px;
  227. font-size: {text:Body Font Size}px;
  228. height:auto;
  229. opacity: 0;
  230. padding-top:3px;
  231. filter: alpha(opacity = 100);
  232. -moz-transition: all 0.4s;
  233. -webkit-transition: all 0.4s;
  234. -o-transition: all 0.4s;
  235. transition: all 0.4;
  236. {block:permalinkpage}
  237. display: none;
  238. {/block:permalinkpage}
  239. }
  240.  
  241. .shark a{text-decoration:none;}
  242.  
  243. .entry:hover .shark{
  244. margin-top: 2px;
  245. opacity: 1;
  246. height:auto;
  247. filter: alpha(opacity = 100);
  248. -moz-transition: all 0.4s;
  249. -webkit-transition: all 0.4s;
  250. -o-transition: all 0.4s;
  251. transition: all 0.4;}
  252.  
  253.  
  254. #infscr-loading{
  255. bottom: -70px;
  256. position: absolute;
  257. left: 50%;
  258. margin-left:-8px;
  259. width:16px;
  260. height:11px;
  261. overflow:hidden;
  262. margin-bottom: 50px;
  263. }
  264.  
  265. .title{
  266.  
  267. text-transform: uppercase;
  268.  
  269. font-weight: normal;
  270. text-shadow: 0px 0px 0px #000;
  271. {block:iftitlefont}font-family:Brain Flower;{/block:iftitlefont}
  272. font-size:{text:Title Font Size}px;
  273. color:{color:Title};
  274. }
  275.  
  276. blockquote{
  277. padding:0px 0px 2px 5px;
  278. margin:0px 0px 2px 10px;
  279. border-left: 1px dotted #555555;
  280. }
  281.  
  282. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  283. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  284. .user_9 .label {color:{color:text};}
  285. .notes img{width:10px; position:relative; top:3px;}
  286.  
  287.  
  288.  
  289. .postnotes{
  290. text-transform:uppercase;
  291. font-family: {font:Body Font};
  292. text-align:center;
  293. margin-top: 4px;
  294. font-size: {text:Body Font Size}px;
  295.  
  296. }
  297.  
  298.  
  299.  
  300. #credit{
  301. display:block;background-color:transparent;border:0px double #ddd;margin-top:-20px;right:5px;position:fixed;font-family: consolas;
  302. font-size: 10px;padding:0px;text-transform:uppercase;opacity:1;opacity: 0.5;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;white-space:nowrap; filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); z-index:1;
  303. }
  304.  
  305. #credit: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;}
  306.  
  307.  
  308. ul#drawers {width: 200px; list-style: none; margin: 0 auto; padding: -10px; border-top: 0px; color: #000;}
  309.  
  310. ul#drawers a {text-decoration: none; color: #000;}
  311.  
  312. ul#drawers li h4 {margin: 0; padding: 1px; text-align: right; background-color: #363835; background: rgba(255, 255, 255, 0.0); -webkit-transition: background-color 0.5s ease-out; -moz-transition: background-color 0.5s ease-out;
  313. transition: background-color 0.5s ease-out;}
  314.  
  315. h4.small {display: table-cell; width: 200px; margin: 0px; height: 0px;}
  316.  
  317. li.drawer h4.open { border-top: 0px;font-style: italic;
  318. }
  319.  
  320. li.drawer div {padding: 2px; margin: 0px; line-height: 12px; background-color: #363835; background: rgba(255, 255, 255, 0.0);}
  321.  
  322. li.drawer div li {list-style-type: disc;}
  323.  
  324. li.drawer div ul {-webkit-padding-start: 12px;}
  325.  
  326.  
  327. #s-m-t-tooltip{
  328. max-width:200px;
  329. padding:2px;
  330. margin:26px 0px 0px 8px;
  331. z-index:10;
  332. background-color:{color:link};
  333. height:auto;
  334. font-size:9.5px;
  335. letter-spacing:1px;
  336. text-transform:uppercase;
  337. color:{color:background};
  338. opacity:.8;
  339. }
  340.  
  341.  
  342. {CustomCSS}
  343.  
  344. </style>
  345. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  346. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  347. <script>
  348. (function($){
  349. $(document).ready(function(){
  350. $("a[title]").style_my_tooltips({
  351. tip_follows_cursor:true,
  352. tip_delay_time:10,
  353. tip_fade_speed:400,
  354. attribute:"title"
  355. });
  356. });
  357. })(jQuery);
  358. </script>
  359. {block:IndexPage}
  360. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  361. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  362.  
  363. <script type="text/javascript">
  364. $(window).load(function () {
  365. var $content = $('#posts');
  366. $content.masonry({itemSelector: '.entry'}),
  367. $content.infinitescroll({
  368. navSelector : 'div#pagination',
  369. nextSelector : 'div#pagination a#nextPage',
  370. itemSelector : '.entry',
  371. loading: {
  372. finishedMsg: '',
  373. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  374. },
  375. bufferPx : 600,
  376. debug : false,
  377. },
  378. // call masonry as a callback.
  379. function( newElements ) {
  380. var $newElems = $( newElements );
  381. $newElems.hide();
  382. // ensure that images load before adding to masonry layout
  383. $newElems.imagesLoaded(function(){
  384. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(350);} );
  385.  
  386.  
  387. });
  388. });
  389. });
  390. </script>
  391.  
  392. {/block:IndexPage}
  393.  
  394. <title>{title}</title>
  395.  
  396. <link rel="shortcut icon" href="{Favicon}">
  397. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  398. <meta name="viewport" content="width=820" />
  399.  
  400. <script language=JavaScript>
  401. <!--//Disable right mouse click Script//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive//For full source code, visit http://www.dynamicdrive.com
  402. var message="";
  403. ///////////////////////////////////function clickIE4(){if (event.button==2){alert(message);return false;}}
  404. function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2|e.which==3){alert(message);return false;}}}
  405. if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;}else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;}
  406. document.oncontextmenu=new Function("return false")
  407. // --></script>
  408.  
  409. </head>
  410. <body>
  411.  
  412.  
  413.  
  414. <div id="header" align="center">{block:ifnotheaderimage}
  415. <div style="{block:iftitlefont}font-family:Brain Flower;{/block:iftitlefont}font-size:50px;color:{color:link}">{Title}{/block:ifnotheaderimage}{block:ifheaderimage}<img src="{image:Header}" style="width:350px;height:auto;"> {/block:ifheaderimage}</div>
  416.  
  417. <div style="max-width:500px">
  418. {Description}<br><br><a title="refresh the page" href="/">home</a>
  419. {block:ifshowasklink}<a title="ask me something" href="/ask">{text:Ask Link}</a>{/block:ifshowasklink}
  420. {block:ifshowarchivelink}<a title="visit my past" href="/archive">{text:Archive Link}</a>{/block:ifshowarchivelink}
  421. {block:SubmitEnabled}
  422. <a title="submit something" href="/submit">submit</a>{/block:SubmitEnabled}
  423. {block:HasPages}
  424. {block:Pages}
  425. <a title="{Label}" href="{URL}">{Label}</a>
  426. {/block:Pages}
  427. {/block:HasPages}
  428. <a title="theme credit" href="http://sleephy.tumblr.com">theme</a>
  429. </div>
  430.  
  431. </div>
  432.  
  433.  
  434.  
  435.  
  436.  
  437.  
  438.  
  439. <div id="posts">
  440.  
  441. {block:Posts}
  442. <div class="entry">
  443.  
  444. {block:IndexPage}
  445.  
  446. {/block:IndexPage}
  447.  
  448. {block:Text}
  449. <div id="padding">
  450. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</div></span><div class="shark"><a href="{Permalink}">{NoteCount}</a> &middot; <a href="{permalink}">{TimeAgo}</a> </div>
  451. {/block:Text}
  452.  
  453. {block:Link}
  454. <div id="padding">
  455. <a href="{URL}" class="title">{Name}</a>
  456. {block:Description}{Description}{/block:Description}
  457. </div><div class="shark"><a href="{Permalink}">{NoteCount}</a> &middot; <a href="{permalink}">{TimeAgo}</a> </div>
  458. {block:Link}
  459.  
  460. {block:Photo}
  461. {block:IndexPage}
  462. <div class="perma" style="text-transform:lowercase;"> <a title="reblog this sexy post" href="{ReblogURL}">reblog</a> - <a title="this post has {Notecountwithlabel}" href="{Permalink}">{NoteCountWithLabel}</a></div>
  463.  
  464. {LinkOpenTag}<div class="photo"><a href="{permalink}"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="250"/></a></div>{LinkCloseTag}{/block:IndexPage}
  465. {block:PermalinkPage}{LinkOpenTag}<a href="{permalink}"><center><div id="padding"><img class="photo" src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="400"/></center></div></a>{LinkCloseTag}{/block:PermalinkPage}
  466. {/block:Photo}
  467.  
  468. {block:Photoset}
  469. {block:IndexPage}
  470. <div class="perma" style="text-transform:lowercase;"> <a href="{ReblogURL}">reblog</a> - <a href="{Permalink}">{NoteCountWithLabel}</a></div>
  471. {Photoset-250}</center>
  472. {/block:IndexPage}
  473. {block:PermalinkPage}
  474. <center>
  475. {Photoset-400}</center>
  476. {/block:PermalinkPage}
  477. {/block:Photoset}
  478.  
  479. {block:Quote}
  480. <div id="padding">{Quote}</span>
  481. {block:Source}<strong>{Source}</strong></div>{/block:Source}<div class="shark"><a href="{Permalink}">{NoteCount}</a> &middot; <a href="{permalink}">{TimeAgo}</a> </div>
  482. {/block:Quote}
  483.  
  484. {block:Chat}
  485. <div id="padding">
  486. {block:Title}<span class="title">{Title}</span>{/block:Title}
  487. <ul class="chat">
  488. {block:Lines}
  489. <li class="user_{UserNumber}">
  490. {block:Label}
  491. <span class="label">{Label}</span>
  492. {/block:Label}
  493. {Line}
  494. </li>
  495. {/block:Lines}
  496. </ul>
  497. </div><div class="shark"><a href="{Permalink}">{NoteCount}</a> &middot; <a href="{permalink}">{TimeAgo}</a> </div>
  498. {/block:Chat}
  499.  
  500. {block:Audio}
  501. <div id="padding">{block:AlbumArt}
  502. <img width="250px" src="{AlbumArtURL}" />
  503. {/block:AlbumArt}
  504. <center><div style="width:250px; height:30px;"><div style="float:left">{AudioPlayerBlack}</div><div align="center" style="margin-top:10px; float:right;">
  505. {block:ExternalAudio}{/block:ExternalAudio}</div></div><div class="shark"><a href="{Permalink}">{NoteCount}</a> &middot; <a href="{permalink}">{TimeAgo}</a> </div></center>
  506. </div>
  507. {/block:Audio}
  508.  
  509. {block:Video}
  510. {block:IndexPage}
  511. <center>
  512. {Video-400}</center>
  513. {/block:IndexPage}
  514. {block:PermalinkPage}
  515. <center>
  516. {Video-500}</center>
  517. {/block:PermalinkPage}
  518. {block:Video}
  519.  
  520. {block:Answer}
  521. <div style="margin-left: 3px; margin-top: 2px; min-height:32px; padding: 5px; background:white; border-bottom:1px solid #ddd; width:245px;">
  522.  
  523. <img src="{AskerPortraitURL-30}" width="30" align="left"
  524. style="margin-right:4px; margin-left:-3px; margin-top:-3px; border:1px solid #ddd; border-radius:2px; padding:2px;"/>
  525.  
  526. <asker>&nbsp;{Asker}:<br></asker>
  527. {Question}</div><br>{answer}
  528.  
  529. <div class="shark"><a href="{Permalink}">{NoteCount}</a> &middot; <a href="{permalink}">{TimeAgo}</a> </div>
  530. {/block:Answer}
  531.  
  532. {block:PermalinkPage}
  533. {block:PostNotes}<div align="middle" style="font-size: {text:Body Font Size}px;
  534. font-family:{Font:Body Font};
  535. text-align: center;">{caption}</div>
  536. <center>
  537.  
  538. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  539.  
  540. {block:HasTags}
  541. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  542. {block:RebloggedFrom}
  543. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  544. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  545.  
  546. {/block:RebloggedFrom}
  547. </center></span>
  548. <br>
  549. <div id="postnotes">{PostNotes}</div><br>
  550.  
  551. <center>{block:ContentSource}
  552. <br><a href="{SourceURL}">
  553. {lang:Source}:
  554. {block:SourceLogo}
  555. <img src="{BlackLogoURL}" width="{LogoWidth}"
  556. height="{LogoHeight}" alt="{SourceTitle}" />
  557. {/block:SourceLogo}
  558. {block:NoSourceLogo}
  559. {SourceLink}
  560. {/block:NoSourceLogo}
  561. </a>
  562. {/block:ContentSource}</center>
  563.  
  564. {/block:PostNotes}
  565.  
  566.  
  567.  
  568. {/block:PermalinkPage}
  569.  
  570.  
  571.  
  572. </div>
  573.  
  574.  
  575. {/block:Posts}
  576. </div>
  577. </div>
  578. {block:IndexPage}
  579. {block:Pagination}
  580. <div id="pagination">
  581. {block:NextPage}
  582. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  583. {/block:NextPage}
  584. {block:PreviousPage}
  585. <a href="{PreviousPage}">&larr;&nbsp;</a>
  586. {/block:PreviousPage}
  587. </div>
  588. {/block:Pagination}
  589. {/block:IndexPage}
  590. </div>
  591. </div>
  592.  
  593.  
  594. <BODY onselectstart="return false;" ondragstart="return false;">
  595. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/aK8m1cpdr/like2.js"></script>
  596. <iframe id="likeiframe" style="width: 0px; height: 0px; border:0px;"></iframe>
  597. <span id="scriptsinsert"> </span>
  598. </body>
  599.  
  600.  
  601. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement