API tools faq
paste
Advertisement
themesbycl

theme 17

themesbycl
Sep 6th, 2012
35,210
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.27 KB | None | 0 0
raw download clone embed print report
  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">
  7. <html>
  8. <head>
  9.  
  10.  
  11. <title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. {block:Description}
  16. <meta name="description" content="{MetaDescription}" />
  17. {/block:Description}
  18.  
  19. <meta name="color:Background" content="#ffffff"/>
  20. <meta name="color:Text" content="#000000"/>
  21. <meta name="color:Links" content="#000000"/>
  22. <meta name="color:Hover" content="#a0522d"/>
  23. <meta name="color:Scrollbar" content="#000000"/>
  24. <meta name="image:Header" content=""/>
  25. <meta name="image:Background" content="">
  26. <meta name="if:Rounded edges" content="0" />
  27. <meta name="if:Rainbow links" content="0"/>
  28. <meta name="if:Tiny cursor" content="1"/>
  29. <meta name="text:Link 1 Title" content=""/>
  30. <meta name="text:Link 1 URL" content=""/>
  31. <meta name="text:Link 2 Title" content=""/>
  32. <meta name="text:Link 2 URL" content=""/>
  33. <meta name="text:Link 3 Title" content=""/>
  34. <meta name="text:Link 3 URL" content=""/>
  35. <meta name="text:Link 4 Title" content=""/>
  36. <meta name="text:Link 4 URL" content=""/>
  37. <meta name="text:Link 5 Title" content=""/>
  38. <meta name="text:Link 5 URL" content=""/>
  39.  
  40. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  41. <script type="text/javascript" src="scrolltopcontrol.js"></script>
  42. <script type="text/javascript" src="http://static.tumblr.com/2plu7ye/jt0mgeac5/top.txt"></script>
  43.  
  44.  
  45. <style type="text/css">
  46.  
  47. {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}
  48.  
  49. a {color:;text-decoration:none;-webkit-tra… all 0.7s ease-out;-moz-transition: all 0.7s ease-out;transition: all 0.7s ease-out;}
  50.  
  51. iframe#tumblr_controls {
  52. top: 0% !important;
  53. right:0% !important;
  54. position: absolute !important;}
  55.  
  56. body {margin:auto; color:{color:text}; width:920px;font-family:century gothic; font-size:10px;background-color:{color:background}; line-height:10px;background-image:url({image:Background});background-attachment:fixed;
  57. background-repeat: repeat; }
  58.  
  59. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  60. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  61.  
  62. a {color: {color:Links};text-decoration: none;}a:hover {color: {color:Hover};-webkit-transition-duration: .5s;}
  63.  
  64. .caption {margin-top:5px; margin-bottom:10px;}
  65.  
  66. iframe#ask_form {width:540px!important;}
  67.  
  68. .content {margin-left:-173px; padding-top:20px;
  69. width:{block:indexpage}1300px{/block:indexpage} {block:permalinkpage}540px{/block:permalinkpage}; }
  70.  
  71. blockquote {margin: 0px; padding-left: 5px; margin-left: 5px;border-left: 3px solid #000000;}
  72.  
  73. .post{
  74. {block:indexpage}width:250px;margin-top:1px;margin-left:3px;font-size:10px;font-color:{color:text};{/block:indexpage}{block:permalinkpage}width:540px;{/block:permalinkpage} float:left; position:relative; }
  75.  
  76. .post img {{block:indexpage}width:250px; {/block:indexpage}{block:ifroundededges}border-radius:10px;{/block:ifroundededges}}
  77.  
  78.  
  79. .txt {margin:0px; font-size:9px;font-style:italic; font-family:helvetica;text-align:right; padding:0px; opacity:0;-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;
  80. }
  81.  
  82. .txt a:hover{
  83. color:{color:Hover}
  84. }
  85. .permahover{font-size:10px;color:#000000; text-transform:uppercase;display:block;text-align:center;width: 130px;height:10px;padding:6px;top:10px;left:56px;background-color:#ffffff;position: absolute;opacity:0;filter: alpha(opacity = 0);-webkit-transition: 0.3s ease-out;}.lovers a{color:#000;}.post:hover .permahover{opacity:0.65; color:{color:hover};filter: alpha(opacity = 55);-webkit-transition: 0.3s ease-out;}.post:hover .txt {opacity: 100;}
  86.  
  87. .post:hover .permahover:hover{opacity:1;filter: alpha(opacity = 55);-webkit-transition: 0.3s ease-out;}.post:hover .txt {opacity: 100;}
  88. .posted {font-size:10px;}
  89. .notes{font-size:10px;text-align:left;}
  90. .viewnotes{margin-top:2px;font-size:10px;text-align:left;}
  91. ol.notes {padding-left:3px; list-style-type:none;}
  92. ol.notes li.note {padding:2px;}
  93.  
  94.  
  95. .blogtitle {text-align:center;color:{color:links};font-family:'little_days_alt';padding-bottom:25px;padding-top:70px;font-size:55px;line-height:12px;}
  96.  
  97. @font-face{font-family:'ruluko-regular';src:url('http://static.tumblr.com/2plu7ye/IyDm9xh23/ruluko-regular.otf');}
  98. @font-face{font-family:'jennasue';src:url('http://static.tumblr.com/7qdgtio/7qBm5wm8g/jennasue.ttf');}
  99. @font-face{font-family:'little_days_alt';src:url('http://static.tumblr.com/2plu7ye/iTnm9xg3x/little_days_alt.ttf');}
  100.  
  101. .desc {text-align:center;line-height: 11px;font-size: 11px;
  102. }
  103. .links {font-size:14px; font-family:ruluko-regular;text-align:center;}
  104.  
  105.  
  106.  
  107. .audio {background-color:#000000;width:220px;}
  108.  
  109. .ptitle {font-size:11px;text-transform:uppercase;}
  110.  
  111. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  112.  
  113. #infscr-loading {position: absolute;bottom: 0;left: 25%;}
  114.  
  115. .navigation{display:none;}
  116.  
  117. #linksss{
  118. position:absolute;
  119. width:auto;
  120. height:auto;
  121. right:3px;
  122. top:26px;
  123. }
  124.  
  125. {CustomCSS}
  126. </style>
  127. {block:ifrainbowlinks}
  128. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  129. "></script>{/block:ifrainbowlinks}
  130.  
  131.  
  132. <script type='text/javascript' src='http://static.tumblr.com/d0qlne1/DiAl6ekb7/jquery-1.4.2.min.js'></script>
  133.  
  134.  
  135. {block:IndexPage}
  136. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  137.  
  138. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  139.  
  140. <script type="text/javascript">
  141. $(window).load(function () {
  142. var $content = $('.content');
  143. $content.masonry({itemSelector: '.post'}),
  144. $content.infinitescroll({
  145. navSelector : '.navigation',
  146. nextSelector : '.navigation a#next',
  147. itemSelector : '.post',
  148. loading: {
  149. finishedMsg: '',
  150. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  151. },
  152. bufferPx : 600,
  153. debug : false,
  154. },
  155. // call masonry as a callback.
  156. function( newElements ) {
  157. var $newElems = $( newElements );
  158. $newElems.hide();
  159. // ensure that images load before adding to masonry layout
  160. $newElems.imagesLoaded(function(){
  161. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  162.  
  163.  
  164. });
  165. });
  166. });
  167. </script>
  168.  
  169. {/block:IndexPage}
  170.  
  171. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  172. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  173. <script type="text/javascript" charset="utf-8">
  174. var $j = jQuery.noConflict();
  175. $j(function() {
  176. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  177. $j("img").lazyload({
  178. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  179. effect: "fadeIn",
  180. });
  181. });
  182. </script>
  183.  
  184. </head><script src='http://static.tumblr.com/xgp678o/IdWm3lca4/infinitescrolling.txt' type='text/javascript'></script>
  185. <body>
  186.  
  187. <br><br><br>
  188. {block:IfHeaderImage}<center><img src="{image:Header}" max-width="600"></center>
  189. <div align="center">
  190. <div class="links">
  191. <p align="center"><a href="/">home</a>&nbsp; &bull; &nbsp;
  192. <a href="/ask">ask</a>&nbsp; &bull; &nbsp;
  193. <a href="/archive">archive</a>&nbsp; &bull; &nbsp;
  194.  
  195. {block:ifLink1Title}<a href="{text:Link 1 URL}" class="link">{text:Link 1 Title}</a>&nbsp; &bull; &nbsp;{/block:ifLink1Title}
  196.  
  197. {block:ifLink2Title}<a href="{text:Link 2 URL}" class="link">{text:Link 2 Title}</a>&nbsp; &bull; &nbsp;{/block:ifLink2Title}
  198.  
  199. {block:ifLink3Title}<a href="{text:Link 3 URL}" class="link">{text:Link 3 Title}</a>&nbsp; &bull; &nbsp;
  200. {/block:ifLink3Title}
  201. {block:ifLink4Title}<a href="{text:Link 4 URL}" class="link">{text:Link 4 Title}</a>&nbsp; &bull; &nbsp;{/block:ifLink4Title}
  202.  
  203. {block:ifLink5Title}<a href="{text:Link 5 URL}" class="link">{text:Link 5 Title}</a>&nbsp; &bull; &nbsp;{/block:ifLink5Title}
  204.  
  205. <a href="http://classy-lovely.tumblr.com/">theme</a>&nbsp;&nbsp;</div>
  206.  
  207. </div>
  208. </div>
  209. </div>{/block:IfHeaderImage}
  210.  
  211. {block:IfNotHeaderImage}<div class="blogtitle"><a href="/">{Title}</a></div>
  212. <div align="center">
  213. <div class="links">
  214. <p align="center"><a href="/">home</a>&nbsp; &bull; &nbsp;
  215. <a href="/ask">ask</a>&nbsp; &bull; &nbsp;
  216. <a href="/archive">archive</a>&nbsp; &bull; &nbsp;
  217.  
  218. {block:ifLink1Title}<a href="{text:Link 1 URL}" class="link">{text:Link 1 Title}</a>&nbsp; &bull; &nbsp;{/block:ifLink1Title}
  219.  
  220. {block:ifLink2Title}<a href="{text:Link 2 URL}" class="link">{text:Link 2 Title}</a>&nbsp; &bull; &nbsp;{/block:ifLink2Title}
  221.  
  222. {block:ifLink3Title}<a href="{text:Link 3 URL}" class="link">{text:Link 3 Title}</a>&nbsp; &bull; &nbsp;
  223. {/block:ifLink3Title}
  224. {block:ifLink4Title}<a href="{text:Link 4 URL}" class="link">{text:Link 4 Title}</a>&nbsp; &bull; &nbsp;{/block:ifLink4Title}
  225.  
  226. {block:ifLink5Title}<a href="{text:Link 5 URL}" class="link">{text:Link 5 Title}</a>&nbsp; &bull; &nbsp;{/block:ifLink5Title}
  227.  
  228. <a href="http://classy-lovely.tumblr.com/">theme</a>&nbsp;&nbsp;</div>
  229. </div>
  230. </div>{/block:IfNotHeaderImage}</a></div>
  231.  
  232. <div class="desc">{Description}</div>
  233.  
  234.  
  235. <script src="http://static.tumblr.com/2plu7ye/dTemfp01j/infinitescrolling.txt" type="text/javascript"></script>
  236.  
  237.  
  238. {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>
  239.  
  240. <div class="content">
  241. {block:Posts}
  242.  
  243.  
  244. {block:Text}
  245. <div class="post"><div class="text">{block:Title}<div class="ptitle">{Title}</div>{/block:Title}{Body}{block:IndexPage}<div class="txt"><div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div></div></div></div>{/block:IndexPage}{/block:Text}
  246.  
  247.  
  248.  
  249. {block:Photo}<div class="post">{block:IndexPage}<span class="permahover"><a href="{Permalink}">{NoteCountWithLabel} / </a><a href="{ReblogURL}">REBLOG</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}250px{/block:indexpage} {block:permalinkpage}540px{/block:permalinkpage}" alt="{PhotoAlt}"/>{block:IndexPage}</a>{/block:IndexPage}{block:PermalinkPage}{LinkCloseTag}{/block:PermalinkPage}</div>{/block:Photo}
  250.  
  251.  
  252.  
  253. {block:Photoset}
  254. <div class="post"><div class="photoset"><div style="width:250px;overflow:hidden;height:auto;">
  255. {Photoset-250}</div>{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  256. </div></div>{/block:Photoset}
  257.  
  258.  
  259. {block:Quote}
  260. <div class="post">{Quote}{block:Source}<a href="{Permalink}"><br>by {Source}</a>{/block:Source}</div>
  261. {/block:Quote}
  262.  
  263. {block:Link}
  264. <div class="post">
  265. <div class="ptitle"><a href="{URL}">{Name}</a></div>{block:Description}{Description}{/block:Description}
  266. {block:IndexPage}<div class="txt"><div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div></div>{/block:IndexPage}
  267. </div>
  268. {/block:Link}
  269.  
  270. {block:Chat}
  271. <div class="post">{block:Title}<b>{Title}</b>{/block:Title}
  272. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div class="txt"><div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div></div>{/block:IndexPage}
  273. </div>
  274. {/block:Chat}
  275.  
  276. {block:Video}
  277. <div class="post"><div class="video"><div style="width:250px;overflow:hidden;height:auto;">{Video-250}</div>
  278. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div></div>{/block:Video}
  279.  
  280. {block:Audio}
  281. <div class="post">
  282. <div class="audio">
  283. {AudioPlayerBlack}</div>{Caption}
  284. {block:PermalinkPage}{/block:PermalinkPage}
  285. {block:IndexPage}<div class="txt"><div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div></div>{/block:IndexPage}
  286. </div>
  287. {/block:Audio}
  288.  
  289. {block:Answer}<div class="post">{Question}&nbsp;asked by <b>{Asker}</b><br><i>{Answer}</i>{block:PermalinkPage}{/block:PermalinkPage}{block:IndexPage}<div class="txt"><div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div></div>{/block:IndexPage}</div>{/block:Answer}
  290.  
  291.  
  292. {block:PermalinkPage}
  293. <div class="caption">{Caption}</div>
  294. {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}
  295. {/block:HasTags}
  296.  
  297. <br>{block:PostNotes}<div class="viewnotes"></div>{/block:PostNotes}
  298. <div class="notes">
  299. {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  300.  
  301.  
  302. {/block:Posts}
  303.  
  304. </div>
  305. </div>
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. <link href='http://fonts.googleapis.com/css?family=Plaster' rel='stylesheet' type='text/css'>
  311.  
  312. </body>
  313. </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!