API tools faq
paste
Advertisement
purethought-s

Theme #1: Loveless

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