Advertisement
themesbycl

theme 24 - 3

Jan 17th, 2013
23,562
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.22 KB | None | 0 0
  1. <!-----------------------------------------------------------------
  2. * THEME BY CLASSY-LOVELY.TUMBLR.COM
  3. * BASE UNIMPULSIVE
  4. * PLEASE KEEP ALL CREDIT, THANK YOU !❤
  5. ------------------------------------------------------------------->
  6.  
  7.  
  8. <head>
  9. <title>{Title}</title>
  10. <script type="text/javascript"
  11. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  12. <link rel="shortcut icon" href="{Favicon}">
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#000000"/>
  15. <meta name="color:Link" content="#000000"/>
  16. <meta name="color:Hover" content="#000000"/>
  17. <meta name="color:Links hover bg" content="#f3bfd8"/>
  18. <meta name="color:Post permalinks" content="#4682B4" />
  19. <meta name="color:Scrollbar" content="#000000"/>
  20. <meta name="color:Border" content="#000000"/>
  21. <meta name="image:Background" content=""/>
  22. <meta name="if:Show icon" content="1"/>
  23. <meta name="if:Show blog title" content="1"/>
  24. <meta name="if:Photo shadow" content="0"/>
  25. <meta name="if:Rounded photos" content="0"/>
  26. <meta name="if:Faded images" content="0"/>
  27. <meta name="if:Animated post load" content="0"/>
  28. <meta name="if:Tiny cursor" content="1"/>
  29. <meta name="if:Rainbow links" content="0"/>
  30. <meta name="if:Sidebar border" content="0"/>
  31. <meta name="text:Link 1 Title" content=""/>
  32. <meta name="text:Link 1 URL" content=""/>
  33. <meta name="text:Link 2 Title" content=""/>
  34. <meta name="text:Link 2 URL" content=""/>
  35. <meta name="text:Link 3 Title" content=""/>
  36. <meta name="text:Link 3 URL" content=""/>
  37. <meta name="text:Link 4 Title" content=""/>
  38. <meta name="text:Link 4 URL" content=""/>
  39. <meta name="text:Link 5 Title" content=""/>
  40. <meta name="text:Link 5 URL" content=""/>
  41.  
  42. <style type="text/css">rel.body. rel.html</style>
  43. <link rel="stylesheet" href="http://static.tumblr.com/twte3d7/y4alvqlfs/prettyphoto.css"/>
  44. <link href="http://static.tumblr.com/hcocigh/0nOmckwnf/jquery-animation-102412mph.css" rel="stylesheet">
  45. <script>function displayResult(){document.getElementById("p1").style.visibility="visible";}</script>
  46. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  47. <iframe id="likeiframe" style="display:none;"></iframe>
  48. <script type="text/javascript" src="http://static.tumblr.com/2plu7ye/XT7mcuq0e/classy-lovely.txt"></script>
  49.  
  50.  
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. {block:iftinycursor}body, a:hover {cursor: url(http://i.imgur.com/ZOrzC.png), progress !important;} a:hover {cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;}{/block:iftinycursor}
  56.  
  57.  
  58.  
  59. ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  60. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}{/block:iftinyscrollbar}
  61.  
  62. iframe#tumblr_controls{
  63. margin-top:3px;
  64. position:absolute !important;
  65. -webkit-filter: invert(100%) ;
  66. }
  67.  
  68. body{
  69. margin:0px;
  70. background-attachment: fixed;
  71. background-repeat: repeat;
  72. background-color:{color:background};
  73. background-attachment: fixed;
  74. background-repeat: repeat;
  75. background-image:url('{image:background}');
  76. font-family:helvetica;
  77. line-height:11px;
  78. color: {color:text};
  79. }
  80.  
  81. a:link, a:active, a:visited{
  82. color: {color:link};
  83. text-decoration: none;
  84. -webkit-transition: all 0.4s ease-in-out;
  85. -moz-transition: all 0.4s ease-in-out;
  86. transition: all 0.4s ease-in-out;
  87. }
  88.  
  89. a:hover{
  90. color: {color:hover};
  91. -webkit-transition: all 0.4s ease-in-out;
  92. -moz-transition: all 0.4s ease-in-out;
  93. transition: all 0.4s ease-in-out;
  94. }
  95.  
  96. .entry #shadow{
  97. opacity:1;
  98. {block:ifnotphotoshadow}opacity:0;
  99. {/block:ifnotphotoshadow}
  100. margin-left:0px;
  101. bottom:-20px;
  102. position:absolute;
  103. width:250px;
  104. background-color:transparent;
  105. height:auto;
  106. z-index:100;}
  107.  
  108. .entry#shadow img{width:250px;}
  109.  
  110.  
  111. .entry:hover #container{
  112. bottom:45%;
  113. {block:permalinkpage}opacity:0;
  114. visibility:hidden;
  115. {/block:permalinkpage}
  116. opacity:1;
  117. -webkit-transition-duration:0.4s;
  118. -webkit-transition:0.4s;}
  119.  
  120. #posts .entry {
  121. margin:3px;
  122. float:left;
  123. padding-top:2px;
  124. padding-right:2px;
  125. padding-left:2px;
  126. background-color:transparent;
  127. width:280px;
  128. font-family:helvetica;
  129. font-size: 10px;
  130. line-height:11px;
  131. {block:permalinkpage}
  132. width:500px;
  133. {/block:permalinkpage}
  134. {block:ifanimatedpostload}
  135. -webkit-transition-duration:2s;
  136. {/block:ifanimatedpostload}
  137. }
  138.  
  139. #infscr-loading {
  140. position: absolute;
  141. bottom: 0;
  142. left: 25%;
  143. }
  144.  
  145. .entry:hover #text{padding-right:15px;opacity:0.8;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}.entry:hover
  146.  
  147. #text:hover{opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  148.  
  149. .entry #text a{
  150. font-style:italic;
  151. text-align:right;
  152. font-weight:bold;
  153. font-family:helvetica;
  154. color:{color:post permalinks};}
  155.  
  156. .entry #text{
  157. text-align:right;
  158. font-family:helvetica;
  159. opacity:0;
  160. font-size:10px;
  161. color:{color:post permalinks};-webkit-transition: all 0.4s ease-out;
  162. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  163. }
  164.  
  165. .entry #text:hover{
  166. text-align:right;
  167. font-family:helvetica;
  168. opacity:1;
  169. color:{color:post permalinks};-webkit-transition: all 0.4s ease-out;
  170. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  171. }
  172.  
  173. .entry .cooper{
  174. position:absolute;
  175. bottom:0px;
  176. left:12px;
  177. width:25px;
  178. height:25px;
  179. text-align:center;
  180. border-radius:5px;
  181. background-color:white;
  182. z-index:100;
  183. opacity:0;
  184. -webkit-transition: 0.4s ease-in;{block:permalinkpage}visibility:hidden;{/block:permalinkpage}}
  185.  
  186. .entry:hover .cooper{
  187. bottom:12px;
  188. opacity:1;
  189. {block:permalinkpage}visibility:hidden;
  190. {/block:permalinkpage}}
  191.  
  192. .entry .cooper a{
  193. color:{color:link};
  194. font-size:8px;
  195. {block:permalinkpage}visibility:hidden;
  196. {/block:permalinkpage}}
  197.  
  198. .entry .j{
  199. position:absolute;
  200. bottom:0px;
  201. left:43px;
  202. width:25px;
  203. height:25px;
  204. background-image:url('http://www.clker.com/cliparts/X/I/V/b/z/E/heart-th.png');
  205. background-size:17px 17px;
  206. background-position:center 5px;
  207. background-repeat:no-repeat;
  208. text-align:center;
  209. border-radius:5px;
  210. line-height:26px;
  211. background-color:white;
  212. z-index:1;
  213. opacity:0;
  214. -webkit-transition: 0.4s ease-in;{block:permalinkpage}visibility:hidden;{/block:permalinkpage}}
  215.  
  216. .entry:hover .j{
  217. bottom:12px;
  218. opacity:1;{block:permalinkpage}visibility:hidden;
  219. {/block:permalinkpage}}
  220.  
  221. .entry .j img{
  222. width:17px;
  223. height:17px;
  224. margin-top:5px;
  225. {block:permalinkpage}visibility:hidden;
  226. {/block:permalinkpage}}
  227.  
  228. .entry .j a{
  229. color:{color:link};
  230. font-size:9px;{block:permalinkpage}visibility:hidden;
  231. {/block:permalinkpage}}
  232.  
  233. .sidebar {
  234. position: fixed;
  235. font-family:'Helvetica Neue', Helvetica, sans-serif;
  236. font-size: 10px;
  237. width: 220px;
  238. bottom:30px;
  239. margin-left:1020px;
  240. padding-left:16px;
  241. padding-right:4px;
  242. padding-bottom:4px;
  243. font-size:10px;
  244. opacity:1;
  245. padding-top:20px;
  246. text-align:center;
  247. line-height:9px;
  248. background-color:transparent;
  249. {block:ifsidebarborder}
  250. border-left:1px solid {color:border};{/block:ifsidebarborder};}
  251.  
  252. #links {font-size:10px;line-height:15px;font-weight:bold;font-family:century gothic;text-align:left;background:transparent;}
  253.  
  254. #links a:hover { font-weight:bold;font-size:10px;font-family:century gothic;text-align:left; background:{color:Links hover bg};}
  255.  
  256. .blogtitle{
  257. font-family:helvetica;
  258. font-size: 20px;
  259. line-height: 20px;
  260. font-weight:bold;
  261. color: {color:link};
  262. font-weight: normal;
  263. -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;
  264. }
  265.  
  266.  
  267. .blogtitle:hover{
  268. -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  269. }
  270.  
  271.  
  272. @font-face{font-family:diaga_no;src:url('http://static.tumblr.com/hcocigh/142mabul5/diagano.ttf');}
  273. div#posts:first-child {{block:indexpage}
  274. width:870px;margin-left:130px;{/block:indexpage}
  275. {block:permalinkpage}
  276. width: 520px;margin-left:360px;{/block:permalinkpage}
  277. padding:2px;
  278. background-color:transparent;
  279. margin-top:0px;
  280. float:left;
  281. }
  282.  
  283.  
  284. .img{
  285. {block:iffadedimages}opacity:0.8;
  286. {/block:iffadedimages}
  287. {block:ifnotfadedimages}opacity:1;
  288. {/block:ifnotfadedimages}
  289. background-color:transparent;
  290. -webkit-transition: all 0.5s ease-out;
  291. -moz-transition: all 0.5s ease-out;
  292. transition: all 0.5s ease-out;}
  293.  
  294. .img:hover{
  295. {block:iffadedimages}opacity:1;
  296. {/block:iffadedimages}
  297. {block:ifnotfadedimages}opacity:1;
  298. {/block:ifnotfadedimages}background-color:transparent;
  299. -webkit-transition: all 0.5s ease-out;
  300. -moz-transition: all 0.5s ease-out;
  301. transition: all 0.5s ease-out;}
  302.  
  303. img{{block:ifroundedphotos}
  304. border-radius:5px;
  305. {/block:ifroundedphotos}}
  306.  
  307.  
  308. .chat li.odd{padding-left:3px;width:250px;margin-left:0px;color:{color:text};background-color: {color:transparent};}.chat li.even{padding-left:3px;color:{color:text};background-color: #E3E3E3;}
  309.  
  310. .title{font-family:helvetica;font-size:15px;line-height:15px;font-weight:bold;}
  311.  
  312.  
  313. blockquote {
  314. margin: 0px;
  315. padding-left: 5px;
  316. margin-left: 5px;
  317. border-left: 3px solid #000000;}
  318.  
  319.  
  320. #linksss{
  321. position:absolute !important;
  322. width:auto;
  323. height:auto;
  324. right:3px;
  325. top:29px;
  326. -webkit-filter: invert(100%) ;
  327. }
  328.  
  329. .quoted{position:absolute;margin-top:3px;margin-left:-12px;opacity:1;font-family:georgia;font-style:italic;font-size:38px;}#posts .entry .quote-style{text-indent:2%;line-height:9px;}#posts .entry .quote-indention{text-align:right;line-height:1px;margin-top:-6px;}
  330.  
  331. </style>
  332. <link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'>
  333. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  334. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  335. <script type="text/javascript" charset="utf-8">
  336. $(document).ready(function(){
  337. $("a[rel^='prettyPhoto']").prettyPhoto({
  338. deeplinking: false,
  339. default_width: 600,
  340. default_height: 550,
  341. allow_resize: true,
  342. });
  343. });
  344. </script>
  345. <script type="text/javascript">
  346. $(window).load(function () {
  347. var $content = $('#posts');
  348. $content.masonry({itemSelector: '.entry'}),
  349. $content.infinitescroll({
  350. navSelector : 'div#pagination',
  351. nextSelector : 'div#pagination a#nextPage',
  352. itemSelector : '.entry',
  353. loading: {/*♑*/
  354. finishedMsg: '',
  355. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  356. },
  357. bufferPx : 200,
  358. debug : false,
  359. },
  360. // call masonry as a callback.
  361. function( newElements ) {
  362. var $newElems = $( newElements );
  363. $newElems.hide();
  364. // ensure that images load before adding to masonry layout
  365. $newElems.imagesLoaded(function(){
  366. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1500);} );
  367. });
  368. });
  369. });
  370. </script>
  371.  
  372.  
  373. <meta name="viewport" content="width=800" />
  374. </style>{block:ifrainbowlinks}
  375. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  376. "></script>{/block:ifrainbowlinks}
  377. </head><script src='http://static.tumblr.com/xgp678o/IdWm3lca4/infinitescrolling.txt' type='text/javascript'></script>
  378. <body>
  379. <div class="wrapper">
  380. <div class="sidebar">
  381. {block:ifshowicon}<div align="left"><a href="/"><img src="{PortraitURL-128}" class="img" width="90" style="border-radius:128px;"></a>{/block:ifshowicon}
  382. {block:ifshowblogtitle}<a href="/"><div align="left" class="blogtitle">{Title}</div></a>{/block:ifshowblogtitle}
  383. </a><div style="line-height:11px;text-align:left;">
  384. {Description}</div>
  385. <p align="left"><div id="links">
  386. <div id="links"><a href="/">home</a>&nbsp;&nbsp;<a href="/ask">message</a>&nbsp;&nbsp;<a href="/archive">archive</a>&nbsp;&nbsp;
  387.  
  388. {block:ifLink1Title}
  389. <a href="{text:Link 1 URL}" class="links">{text:Link 1 Title}</a>&nbsp;&nbsp;
  390. {/block:ifLink1Title}
  391.  
  392. {block:ifLink2Title}
  393. <a href="{text:Link 2 URL}" class="links">{text:Link 2 Title}</a>&nbsp;&nbsp;
  394. {/block:ifLink2Title}
  395.  
  396. {block:ifLink3Title}
  397. <a href="{text:Link 3 URL}" class="links">{text:Link 3 Title}</a>&nbsp;&nbsp;
  398. {/block:ifLink3Title}
  399.  
  400. {block:ifLink4Title}
  401. <a href="{text:Link 4 URL}" class="links">{text:Link 4 Title}</a>&nbsp;&nbsp;
  402. {/block:ifLink4Title}
  403.  
  404. {block:ifLink5Title}
  405. <a href="{text:Link 5 URL}" class="links">{text:Link 5 Title}&nbsp;&nbsp;</a>
  406. {/block:ifLink5Title}
  407. <a href="http://classy-lovely.tumblr.com/" class="links">theme</a></div></p>
  408. <br>
  409. </div>
  410. </div></div>
  411.  
  412. <script src="http://static.tumblr.com/2plu7ye/dTemfp01j/infinitescrolling.txt" type="text/javascript"></script>
  413.  
  414. <div class="header">
  415. <div class="left">
  416. <div id="posts">
  417. {block:Posts}
  418. <div class="entry">
  419.  
  420. {block:Text}
  421. {block:Title}<span class="title">{Title}</span>{/block:Title}<span class="entrytext">{Body}</span>{block:IndexPage}<div id="text">
  422. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div>
  423. {/block:IndexPage}
  424. {/block:Text}
  425.  
  426. {block:Link}
  427. <a href="{URL}" class="title">{Name}</a>
  428. {block:Description}{Description}{/block:Description}{block:IndexPage}<div id="text">
  429. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div>
  430. {/block:IndexPage}
  431. {block:Link}
  432.  
  433. {block:Photo}
  434. {block:IndexPage}<div id="shadow"><img style="opacity:.7;z-index:999;height:20px;width:280px;" src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png"/></div>
  435. {block:IndexPage}
  436. <div class="cooper" align="center"><a href="{ReblogURL}" target="_blank"><img src="http://static.tumblr.com/7qdgtio/MZSmcq8xk/reblog-ut.png" width="19" style="margin-top:3px;margin-left:0.5px;"></a>
  437. </div>
  438. <div class="j"><a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a></div>
  439. <a href="{PhotoURL-HighRes}" rel="prettyPhoto" title="{PhotoAlt}"></a>{/block:indexpage}<div class="img">
  440. {Block:IndexPage}<center>{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="280"></a>{LinkCloseTag}</center>{/block:indexpage}{Block:PermalinkPage}<center><img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/></center>{/Block:PermalinkPage}
  441. </div>
  442. {/block:Photo}
  443.  
  444. {block:Photoset}
  445. {block:IndexPage}<div id="shadow"><img style="opacity:.7;z-index:99999999999999999999999999999999999999999999999999;height:20px;width:280px;" src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png"/></div>
  446. {block:IndexPage}
  447. <a href="{PhotoURL-HighRes}" rel="prettyPhoto" title="{PhotoAlt}"><div class="jill"></div></a>{/block:indexpage}
  448. <div class="img">
  449. {block:indexpage}
  450. <center>{Photoset-250}</center>
  451. {/block:indexpage}{block:Caption}{Caption}{/block:Caption}<div id="text">
  452. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div>
  453. {block:PermalinkPage}<center>{Photoset-500}</center>{/block:PermalinkPage}
  454. </div>
  455. {/block:Photoset}
  456.  
  457. {block:Quote}
  458. <span class="quoted">“</span><div class="quote-style">{Quote}</div><div class="quote-indention"><p>- {Source}</p></div>{block:IndexPage}<div id="text">
  459. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div>
  460. {/block:IndexPage}
  461. {/block:Quote}
  462.  
  463. {block:Chat}
  464. {block:Title}
  465. <div class="title"><a href="{Permalink}">{Title}</a></div>
  466. {/block:Title}
  467. <div class="chat ul">
  468. {block:Lines}
  469. <li class="{Alt} user_{UserNumber}">
  470. {block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  471. {/block:Lines}</div></li>
  472. {block:IndexPage}<div id="text">
  473. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div>
  474. {/block:IndexPage}
  475. {/block:Chat}
  476.  
  477. {block:Audio}
  478. <center><div style="width:280px; background-color:#E3E3E3; height:28px;"><div style="float:left;left:0px;">{AudioPlayerGrey}<img style="margin-top:-1px;width:{block:IndexPage}250px{/block:IndexPage}{block:PermalinkPage}500px{/block:PermalinkPage};opacity:.7;" src="http://28.media.tumblr.com/tumblr_lpn6kseZUG1qm57imo1_500.png"/></div><div style="margin-top:10px; float:right;">
  479. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center>{block:IndexPage}<div id="text">
  480. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div>
  481. {/block:IndexPage}
  482. {/block:Audio}
  483.  
  484. {block:Video}
  485. {block:IndexPage}
  486. <center>
  487. {Video-280}</center>
  488. {/block:IndexPage}
  489. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  490. {block:IndexPage}<div id="text">
  491. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div>
  492. {/block:IndexPage}
  493. {block:Video}
  494.  
  495. {block:Answer}
  496. <b>{Asker}</b> : {Question}
  497. <br><i>{Answer}</i>{block:IndexPage}<div id="text">
  498. <a href="{Permalink}">Posted {TimeAgo}</a></div>
  499. {/block:IndexPage}
  500. {/block:Answer}
  501.  
  502.  
  503. {block:PermalinkPage}{block:Date}{TimeAgo} | {12HourWithZero}:{Minutes}{AmPm} - {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}<br>{/block:Date}{/block:PermalinkPage}
  504.  
  505. {block:PostNotes}{PostNotes}{/block:PostNotes}
  506. </div>
  507.  
  508. {/block:Posts}
  509. </div>
  510. </div>
  511. <div class="right">
  512. </div>
  513. <div class="footer">
  514. <br>
  515. </div>
  516. </div>
  517. </body>
  518. </html>
  519. <div style="position:fixed;right:0px;bottom:-425px;">
  520. <---DONT REMOVE---->
  521. {block:IndexPage}
  522. {block:Pagination}
  523. <div id="pagination">
  524. {block:NextPage}
  525. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  526. {/block:NextPage}
  527. {block:PreviousPage}
  528. <a href="{PreviousPage}">&larr;&nbsp;</a>
  529. {/block:PreviousPage}
  530. </div>
  531. {/block:Pagination}
  532. {/block:IndexPage}</div>
  533. </body>
  534. <link rel="shortcut icon" href="{Favicon}">
  535. <!-- END HTML/NO-REMOVE -->
  536. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement