Advertisement
themesbycl

theme 25 -5

Nov 10th, 2012
56,485
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.52 KB | None | 0 0
  1. <!-----------------------------------------------------------------
  2. * THEME BY CLASSY-LOVELY.TUMBLR.COM
  3. * PLEASE KEEP ALL CREDIT, THANK YOU !❤
  4. ------------------------------------------------------------------->
  5.  
  6. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
  7.  
  8. <head>
  9.  
  10. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  11. <script type="text/javascript" src="scrolltopcontrol.js">
  12. </script>
  13. <script type="text/javascript" src="http://static.tumblr.com/2plu7ye/jt0mgeac5/top.txt"></script>
  14.  
  15.  
  16. <title>{Title}</title>
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23. <meta name="color:Header border" content="#000000"/>
  24. <meta name="color:Header" content="#ffffff"/>
  25. <meta name="color:Text" content="#000000"/>
  26. <meta name="color:Links" content="#000000"/>
  27. <meta name="color:Hover" content="#aaaaaa"/>
  28. <meta name="color:Blogtitle" content="#757373"/>
  29. <meta name="color:Scrollbar" content="#000000"/>
  30. <meta name="color:Background" content="#ffffff"/>
  31. <meta name="image:Background" content="">
  32. <meta name="image:Header" content="0">
  33. <meta name="if:Rounded photos" content="0"/>
  34. <meta name="if:Border" content="0"/>
  35. <meta name="if:Rainbow links" content="0"/>
  36. <meta name="if:Tiny cursor" content="1"/>
  37. <meta name="text:Link 1 Title" content=""/>
  38. <meta name="text:Link 1 URL" content=""/>
  39. <meta name="text:Link 2 Title" content=""/>
  40. <meta name="text:Link 2 URL" content=""/>
  41. <meta name="text:Link 3 Title" content=""/>
  42. <meta name="text:Link 3 URL" content=""/>
  43. <meta name="text:Link 4 Title" content=""/>
  44. <meta name="text:Link 4 URL" content=""/>
  45. <meta name="text:Link 5 Title" content=""/>
  46. <meta name="text:Link 5 URL" content=""/>
  47.  
  48.  
  49.  
  50. <style type="text/css">
  51. {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}
  52.  
  53.  
  54. ::-webkit-scrollbar {width: 6px; height: 4px; background: {color:Background}; }
  55. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}{/block:iftinyscrollbar}
  56.  
  57.  
  58. @font-face { font-family: "loversquarrel-regular"; src: url('http://static.tumblr.com/xgp678o/bgZm6go4x/loversquarrel-regular.ttf'); }
  59.  
  60. iframe#tumblr_controls {
  61. top: 0% !important;
  62. right:0% !important;
  63. position: absolute !important;
  64. -webkit-filter: invert(100%) ;}
  65.  
  66. body {
  67. margin:auto;
  68. color:{color:text};
  69. width:920px;
  70. font-family:helvetica;
  71. font-size:10px;
  72. background-color:{color:background};
  73. background-attachment: fixed;
  74. background-repeat: repeat;
  75. background-image:url('{image:Background}');
  76. line-height:12px;}
  77.  
  78. a {color: {color:Links};text-decoration: none;}a:hover {color: {color:Hover};-webkit-transition-duration: .5s;}
  79.  
  80. .caption {margin-top:5px; margin-bottom:10px;}
  81.  
  82. iframe#ask_form {width:540px!important;}
  83.  
  84. .content {
  85. margin-left:-130px;
  86. padding-top:8px;
  87. width:{block:indexpage}1200px{/block:indexpage}
  88. {block:permalinkpage}500px{/block:permalinkpage}; }
  89.  
  90.  
  91. .post{
  92. {block:indexpage}
  93. width:230px;
  94. margin-top:4px;
  95. margin-left:6px;
  96. font-size:10px;
  97. line-height:12px;
  98. font-color:{color:text};
  99. {/block:indexpage}
  100. {block:permalinkpage}
  101. margin-left:7px;
  102. width:500px;
  103. {/block:permalinkpage}
  104. float:left;
  105. position:relative; }
  106.  
  107. .post img {{block:indexpage}width:230px;{block:ifroundedphotos}border-radius:5px;{/block:ifroundedphotos};{/block:indexpage}}
  108.  
  109.  
  110. .permalink {
  111. margin:0px;
  112. text-align:right;
  113. padding:0px;
  114. opacity:0;
  115. -moz-transition: all 0.3s ease-out;
  116. -o-transition: all 0.3s ease-out;
  117. -webkit-transition: all 0.3s ease-out;
  118. transition: all 0.3s ease-out;
  119. }
  120.  
  121. .permalink a:hover{
  122. color:{color:Hover}
  123. }
  124.  
  125. .permalinkk{
  126. color: #000000;
  127. bottom:10px;
  128. padding-top: 5px;
  129. padding-right:5px;
  130. padding-bottom: 5px;
  131. line-height: 12px;;
  132. width: auto;
  133. height :auto;
  134. position: absolute;
  135. font-family: helvetica;
  136. font-size: 11px;
  137. text-align: center;
  138. overflow:hidden;
  139. opacity: 0.0;
  140. background: #ffffff;
  141. border-bottom-right-radius:20px;
  142. border-top-right-radius:20px;
  143. -webkit-transition: all 0.6s linear;
  144. -moz-transition: all 0.6s linear;
  145. transition: all 0.6s linear;
  146. }
  147.  
  148. .post:hover .permalinkk{
  149. padding-left:37px;
  150. overflow:visible;
  151. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  152. -webkit-transition: all 0.6s linear;
  153. -moz-transition: all 0.6s linear;
  154. transition: all 0.6s linear;
  155. }
  156.  
  157. .post:hover .permalinkk:hover{
  158. overflow:visible;
  159. -webkit-transition: opacity 0.2s linear; opacity: 1;
  160. -webkit-transition: all 0.6s linear;
  161. -moz-transition: all 0.6s linear;
  162. transition: all 0.6s linear;
  163. }
  164.  
  165. .post:hover #text{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 #text:hover{opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  166.  
  167.  
  168. .post #text a{
  169. font-style:italic;
  170. text-align:right;
  171. font-family:helvetica;
  172. }
  173.  
  174. .post #text{
  175. text-align:right;
  176. font-family:helvetica;
  177. opacity:0;
  178. font-size:9px;
  179. -webkit-transition: all 0.7s ease-out;
  180. -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  181. }
  182.  
  183. .post #text:hover{
  184. text-align:right;
  185. font-family:helvetica;
  186. opacity:1;
  187. font-size:9px;
  188. -webkit-transition: all 0.7s ease-out;
  189. -moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;
  190. }
  191.  
  192.  
  193. .posted {font-size:10px;}
  194.  
  195. .notes{font-size:10px;text-align:left;}
  196.  
  197. .viewnotes{margin-top:1px;font-size:10px;text-align:left;}
  198.  
  199. ol.notes {padding-left:5px; list-style-type:none;}
  200.  
  201. ol.notes li.note {padding:1px;}
  202.  
  203. .head {margin-left:-124px;width:1133px;{block:ifborder}border-bottom:2px solid {color:Header border};{/block:ifborder};padding:20px;margin-top:6px;background:{color:header};}
  204.  
  205.  
  206. .blogtitle {
  207. text-align:center;
  208. color:{color:Blogtitle};
  209. font-family:marketingscript;
  210. padding:1px;
  211. font-size:50px;
  212. line-height:50px;}
  213.  
  214. @font-face {font-family:'marketingscript';
  215. src: url('http://static.tumblr.com/ejm8w78/JDllviajb/marketingscript.ttf');
  216. }
  217.  
  218. .desc {text-align:center;line-height: 12px;padding-top:7px;
  219. }
  220. .links {font-size:12px; color:{color:link};font-family:calibri;font-style:italic;text-align:center;padding-bottom:3px;font-weight:bold;padding:2px;}
  221.  
  222. .links:hover {font-size:12px;color:{color:hover}; font-style:italic;text-align:center;padding-bottom:3px;padding:2px;font-weight:bold;}
  223.  
  224. .audio {background-color:#000000;width:220px;}
  225.  
  226. .ptitle {font-size:15px;font-weight:bold;font-family:Arial;line-height:16px;}
  227.  
  228. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  229.  
  230. #infscr-loading {
  231. position: absolute;
  232. bottom: 0;
  233. left: 25%;
  234. }
  235.  
  236. .navigation{display:none;}
  237.  
  238. blockquote {
  239. margin: 0px;
  240. padding-left: 5px;
  241. margin-left: 5px;
  242. border-left: 3px solid #000000;}
  243.  
  244.  
  245. #linksss{position:absolute !important;width:auto; height:auto; right:3px;top:26px;-webkit-filter: invert(100%) ;}
  246.  
  247. {CustomCSS}#scrollToTop:link,#scrollToTop:visited { color: transparent; background-color: transparent; display: none; position: fixed; top: 15px; right: 15px;}
  248. </style>
  249. {block:ifrainbowlinks}
  250. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  251. "></script>{/block:ifrainbowlinks}
  252.  
  253. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  254.  
  255.  
  256. {block:IndexPage}
  257. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  258.  
  259. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  260.  
  261. <script type="text/javascript">
  262. $(window).load(function () {
  263. var $content = $('.content');
  264. $content.masonry({itemSelector: '.post'}),
  265. $content.infinitescroll({
  266. navSelector : '.navigation',
  267. nextSelector : '.navigation a#next',
  268. itemSelector : '.post',
  269. loading: {
  270. finishedMsg: '',
  271. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  272. },
  273. bufferPx : 600,
  274. debug : false,
  275. },
  276. // call masonry as a callback.
  277. function( newElements ) {
  278. var $newElems = $( newElements );
  279. $newElems.hide();
  280. // ensure that images load before adding to masonry layout
  281. $newElems.imagesLoaded(function(){
  282. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  283.  
  284.  
  285. });
  286. });
  287. });
  288. </script>
  289.  
  290. {/block:IndexPage}
  291.  
  292.  
  293. </head><script src='http://static.tumblr.com/xgp678o/IdWm3lca4/infinitescrolling.txt' type='text/javascript'></script>
  294. <body>
  295. <div class="head">
  296. {block:IfHeaderImage}<center><img src="{image:Header}" max-width="600"></center>
  297. <div class="desc">{Description}</div>
  298. <br>
  299.  
  300. <center><a href="/" class="links">home</a>&nbsp;&nbsp;&nbsp;
  301. <a href="/ask" class="links">message</a>&nbsp;&nbsp;&nbsp;
  302. <a href="/archive" class="links">archive</a>&nbsp;&nbsp;&nbsp;
  303.  
  304. {block:ifLink1Title}
  305. <a href="{text:Link 1 URL}" class="links">{text:Link 1 Title}</a>&nbsp;&nbsp;&nbsp;
  306. {/block:ifLink1Title}
  307.  
  308. {block:ifLink2Title}
  309. <a href="{text:Link 2 URL}" class="links">{text:Link 2 Title}</a>&nbsp;&nbsp;&nbsp;
  310. {/block:ifLink2Title}
  311.  
  312. {block:ifLink3Title}
  313. <a href="{text:Link 3 URL}" class="links">{text:Link 3 Title}</a>&nbsp;&nbsp;&nbsp;
  314. {/block:ifLink3Title}
  315.  
  316. {block:ifLink4Title}
  317. <a href="{text:Link 4 URL}" class="links">{text:Link 4 Title}</a>&nbsp;&nbsp;&nbsp;
  318. {/block:ifLink4Title}
  319.  
  320. {block:ifLink5Title}
  321. <a href="{text:Link 5 URL}" class="links">{text:Link 5 Title}&nbsp;&nbsp;</a>&nbsp;
  322. {/block:ifLink5Title}
  323.  
  324. <a href="http://classy-lovely.tumblr.com/" class="links">theme</a></center>
  325.  
  326.  
  327. </div>{/block:IfHeaderImage}
  328.  
  329. {block:IfNotHeaderImage}<div class="blogtitle">{Title}</a></div>
  330. <div class="desc">{Description}</div>
  331. <br>
  332. <center><a href="/" class="links">home</a>&nbsp;&nbsp;&nbsp;
  333. <a href="/ask" class="links">message</a>&nbsp;&nbsp;&nbsp;
  334. <a href="/archive" class="links">archive</a>&nbsp;&nbsp;&nbsp;
  335.  
  336. {block:ifLink1Title}
  337. <a href="{text:Link 1 URL}" class="links">{text:Link 1 Title}</a>&nbsp;&nbsp;&nbsp;
  338. {/block:ifLink1Title}
  339.  
  340. {block:ifLink2Title}
  341. <a href="{text:Link 2 URL}" class="links">{text:Link 2 Title}</a>&nbsp;&nbsp;&nbsp;
  342. {/block:ifLink2Title}
  343.  
  344. {block:ifLink3Title}
  345. <a href="{text:Link 3 URL}" class="links">{text:Link 3 Title}</a>&nbsp;&nbsp;&nbsp;
  346. {/block:ifLink3Title}
  347.  
  348. {block:ifLink4Title}
  349. <a href="{text:Link 4 URL}" class="links">{text:Link 4 Title}</a>&nbsp;&nbsp;&nbsp;
  350. {/block:ifLink4Title}
  351.  
  352. {block:ifLink5Title}
  353. <a href="{text:Link 5 URL}" class="links">{text:Link 5 Title}&nbsp;&nbsp;</a>&nbsp;
  354. {/block:ifLink5Title}
  355.  
  356. <a href="http://classy-lovely.tumblr.com/" class="links">theme</a></center>
  357.  
  358.  
  359. </div>{/block:IfNotHeaderImage}
  360.  
  361.  
  362. <script src="http://static.tumblr.com/2plu7ye/dTemfp01j/infinitescrolling.txt" type="text/javascript"></script>
  363.  
  364. {block:indexpage}<div class="navigation">{block:Pagination}{block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older</a>{/block:NextPage}{block:PreviousPage}<a style="float:left" href="{PreviousPage}">Newer</a></p>{/block:PreviousPage}{/block:Pagination}</div>{/block:indexpage}</div>
  365.  
  366. <div class="content">
  367. {block:Posts}
  368.  
  369.  
  370. {block:Text}
  371. <div class="post"><div class="text">{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}{block:IndexPage}<div id="text">
  372. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div></div></div>{/block:IndexPage}{/block:Text}
  373.  
  374.  
  375.  
  376. {block:Photo}<div class="post">{block:IndexPage}<span class="permalinkk"><a href="{ReblogURL}"><font color="#000000">Reblog</font></a> - <a href="{Permalink}"><font color="#000000">{NoteCountWithLabel}</font></a></span>{/block:IndexPage}{block:IndexPage}<a href="{Permalink}">{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}<img src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" width="{block:indexpage}230px{/block:indexpage} {block:permalinkpage}500px{/block:permalinkpage}" alt="{PhotoAlt}"/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div>{/block:Photo}
  377.  
  378.  
  379.  
  380. {block:Photoset}
  381. <div class="post"><div class="photoset"><div style="width:250px;overflow:hidden;height:auto;">
  382. {Photoset-250}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<div id="text">
  383. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div>
  384. </div></div>{/block:Photoset}
  385.  
  386.  
  387. {block:Quote}
  388. <div class="post">{Quote}{block:Source}<a href="{Permalink}"><br>by {Source}</a>{/block:Source}</div>
  389. {/block:Quote}
  390.  
  391. {block:Link}
  392. <div class="post">
  393. <div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  394. {block:IndexPage}<div id="text">
  395. <a href="{Permalink}">Posted {TimeAgo}</a></div>{/block:IndexPage}
  396. </div>
  397. {/block:Link}
  398.  
  399. {block:Chat}
  400. <div class="post">{block:Title}<b>{Title}</b>{/block:Title}
  401. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div id="text">
  402. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div>{/block:IndexPage}
  403. </div>
  404. {/block:Chat}
  405.  
  406. {block:Video}
  407. <div class="post"><div class="video"><div style="width:250px;overflow:hidden;height:auto;">{Video-250}</div>
  408. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}<div id="text">
  409. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div></div></div>{/block:Video}
  410.  
  411. {block:Audio}
  412. <div class="post">
  413. <div class="audio">
  414. {AudioPlayerBlack}</div>{Caption}
  415. {block:PermalinkPage}{/block:PermalinkPage}
  416. {block:IndexPage}<div id="text">
  417. <a href="{Permalink}">Posted {TimeAgo} • {NoteCountwithlabel}</a></div>{/block:IndexPage}
  418. </div>
  419. {/block:Audio}
  420.  
  421. {block:Answer}<div class="post"><div style="background:#eee;padding:3px;"><b>{Asker}</b> : {Question}</div>
  422. <i>{Answer}</i>{block:PermalinkPage}{/block:PermalinkPage}{block:IndexPage}<div id="text">
  423. <a href="{Permalink}">Posted {TimeAgo}</a></div>{/block:IndexPage}</div>{/block:Answer}
  424.  
  425.  
  426. {block:PermalinkPage}
  427. <div class="caption">{Caption}</div>
  428. {block:Date}Posted {TimeAgo} with {NoteCountWithLabel}{/block:Date}{block:HasTags}<br>Tagged as:&nbsp;{block:Tags}<a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;{/block:Tags}
  429. {/block:HasTags}
  430.  
  431. <br>{block:PostNotes}<div class="viewnotes"></div>{/block:PostNotes}
  432. <div class="notes">
  433. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  434.  
  435. {/block:Posts}
  436.  
  437. </div>
  438. </div>
  439. </div>
  440. </div>
  441. </div>
  442. </div>
  443. </body>
  444. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement