API tools faq
paste
Advertisement
purethought-s

Theme #3: Ice

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