API tools faq
paste
Advertisement
themesbycl

theme 19 - 5

themesbycl
Oct 2nd, 2012
14,436
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.70 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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html lang="en">
  8. <head>
  9.  
  10. <title>{Title}</title>
  11. <meta name="color:Text Color" content="#000000"/>
  12. <meta name="color:Link" content="#000000"/>
  13. <meta name="color:Hover" content="#000000"/>
  14. <meta name="color:Navborder" content="#000000"/>
  15. <meta name="color:Blog title" content="#000000"/>
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Scrollbar" content="#000000"/>
  18. <meta name="image:Background" content=""/>
  19. <meta name="image:Header" content=""/>
  20. <meta name="if:Rainbow links" content="0"/>
  21. <meta name="if:Tiny cursor" content="1"/>
  22. <meta name="text:Link 1 Title" content=""/>
  23. <meta name="text:Link 1 URL" content=""/>
  24. <meta name="text:Link 2 Title" content=""/>
  25. <meta name="text:Link 2 URL" content=""/>
  26. <meta name="text:Link 3 Title" content=""/>
  27. <meta name="text:Link 3 URL" content=""/>
  28. <meta name="text:Link 4 Title" content=""/>
  29. <meta name="text:Link 4 URL" content=""/>
  30. <meta name="text:Link 5 Title" content=""/>
  31. <meta name="text:Link 5 URL" content=""/>
  32.  
  33. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  34. <script type="text/javascript" src="scrolltopcontrol.js"></script>
  35. <script type="text/javascript" src="http://static.tumblr.com/2plu7ye/jt0mgeac5/top.txt"></script>
  36. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  38. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  39. <link rel="shortcut icon" href="{Favicon}">
  40. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  41. {block:Description}
  42. <meta name="description" content="{MetaDescription}" />
  43. {/block:Description}
  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. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  50. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  51.  
  52. body {
  53. background-color: {color:Background};
  54. background-image:url({image:Background});
  55. background-attachment: fixed;
  56. background-repeat: repeat;
  57. color:{color:TextColor};
  58. font-family: helvetica;
  59. font-size: 11px;
  60. line-height: 11px;}
  61.  
  62. #infscr-loading{
  63. position: absolute;
  64. bottom: 0;
  65. left: 10%;}
  66.  
  67. #tumblr_controls{
  68. z-index:555;
  69. position: absolute !important;}
  70.  
  71. a:link, a:active, a:visited{
  72. color:{color:Link};
  73. text-decoration: none;}
  74.  
  75. a:hover{
  76. color:{color:Hover};}
  77.  
  78. div#content{
  79. width: 1290px;}
  80.  
  81. div#contain {
  82. width: 1290px;
  83. margin:-15px;
  84. margin-left: 30px;}
  85.  
  86. div#header{
  87. z-index:555;
  88. float:center;
  89. background-color:transparent;
  90. width: 900px;
  91. height: auto;
  92. margin-top: 30px;
  93. margin-left: 190px;
  94. padding: 30px;
  95. float:center;
  96. text-align: center;}
  97.  
  98. div#blogtitle{
  99. float:center;
  100. color:{color:blogtitle};
  101. text-align:center;
  102. font-size: 60px;
  103. line-height: 40px;
  104. padding:0px;
  105. font-family: 'Allura', cursive;
  106. font-style:none;
  107. text-align:center;
  108. -webkit-transition: all 0.3s ease;
  109. -moz-transition: all 0.3s ease;
  110. -o-transition: all 0.3s ease;
  111. transition: all 0.3s ease;}
  112.  
  113.  
  114.  
  115. div#pagination{
  116. display:none;}
  117.  
  118. div#content .entry{
  119. float: left;
  120. background-color:transparent;
  121. {block:Indexpage}
  122. width: 250px;
  123. float: left;
  124. margin: 3px;
  125. padding:0px;
  126. {/block:Indexpage}
  127. {block:Permalinkpage}
  128. padding:5px;
  129. width: 500px;
  130. margin-left:160px;
  131. margin-top:0px;
  132. {/block:Permalinkpage}}
  133.  
  134. .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
  135.  
  136. #text:hover{opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  137.  
  138. .entry #text a{
  139. font-style:italic;
  140. text-align:right;
  141. font-weight:bold;
  142. font-family:helvetica;
  143. color:{color:post permalinks};}
  144.  
  145. .entry #text{
  146. text-align:right;
  147. font-family:helvetica;
  148. opacity:0;
  149. font-size:10px;
  150. color:{color:post permalinks};-webkit-transition: all 0.4s ease-out;
  151. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  152. }
  153.  
  154. .entry #text:hover{
  155. text-align:right;
  156. font-family:helvetica;
  157. opacity:1;
  158. color:{color:post permalinks};-webkit-transition: all 0.4s ease-out;
  159. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  160. }
  161.  
  162. blockquote {margin: 0px; padding-left: 5px; margin-left: 5px;border-left: 3px solid #000000;}
  163.  
  164.  
  165. div#desc{
  166. float:center;
  167. margin:5px;
  168. font-size: 11px;
  169. line-height: 11px;
  170. font-family:helvetica;}
  171.  
  172. #reblog{
  173. display:block;
  174. height:30px;
  175. width:auto;
  176. text-align:left;
  177. text-transform:uppercase;
  178. background-color:white;
  179. position: absolute;
  180. padding-left:5px;
  181. padding-bottom:5px;
  182. padding-right:5px;
  183. padding-top:5px;
  184. letter-spacing:1px;
  185. opacity:0;
  186. bottom:10px;
  187. -webkit-transition: 0.3s ease-in;
  188. font-family: 'helvetica';
  189. background:#fff;
  190. font-size: 8px;
  191. line-height:16px;}
  192.  
  193. #reblog a:hover{
  194. color:{color:hover};
  195. }
  196. {block:IndexPage}
  197. .entry:hover #reblog{
  198. opacity:0.75;
  199. -webkit-transition: 0.3s ease-in;}
  200.  
  201. .entry:hover #reblog:hover{
  202. opacity:1.0;
  203. -webkit-transition: 0.3s ease-in;}
  204. {/block:IndexPage}
  205.  
  206. .biebs{
  207. padding:10px;
  208. border-radius:6px;}
  209.  
  210. .t{
  211. text-align:left;
  212. font-family:'helvetica';
  213. font-size: 14px;
  214. line-height:15px;}
  215.  
  216.  
  217. ul, ol, li{
  218. list-style:none;
  219. margin:0px;
  220. padding:2px;}
  221.  
  222.  
  223. #sidebarnav {
  224. padding-top:1px;
  225. position: relative;
  226. text-align: center;
  227. }
  228.  
  229. #sidebarnav a {
  230. padding: 3px;
  231. padding-top: 4px;
  232. margin-top: 3px;
  233. margin-left: 7px;
  234. width: auto;
  235. font-family:courier new;
  236. font-size: 11px;
  237. font-weight:bold;
  238. text-transform: uppercase;
  239. letter-spacing: 1px;
  240. display: inline-block;
  241. text-align: center;
  242. border-bottom:1px dotted transparent;
  243. color:{color:link} ;
  244. -webkit-transition: all 0.5s ease-in-out;
  245. -moz-transition: all 0.5s ease-in-out;
  246. -o-transition: all 0.5s ease-in-out;
  247. -ms-transition: all 0.5s ease-in-out;
  248. transition: all 0.5s ease-in-out;
  249. }
  250.  
  251. #sidebarnav a:hover {
  252. color: {color:hover};
  253. border-bottom:1px dotted {color:navborder};
  254. }
  255.  
  256. #linksss{
  257. position:absolute !important;
  258. width:auto;
  259. height:auto;
  260. right:3px;
  261. top:26px;
  262. }
  263.  
  264. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  265. .user_7 .label, .user_8 .label, .user_9 .label {color:#292929;}
  266.  
  267.  
  268.  
  269. {CustomCSS}
  270. </style>
  271. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  272. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  273. <script type="text/javascript" charset="utf-8">
  274. $(document).ready(function(){
  275. $("a[rel^='prettyPhoto']").prettyPhoto({
  276. deeplinking: false,
  277. default_width: 600,
  278. default_height: 550,
  279. allow_resize: true,
  280. });
  281. });
  282. </script>
  283. <script type="text/javascript">
  284. $(window).load(function () {
  285. var $content = $('#content');
  286. $content.masonry({itemSelector: '.entry'}),
  287. $content.infinitescroll({
  288. navSelector : '#pagination',
  289. nextSelector : '#pagination a#nextPage',
  290. itemSelector : '.entry',
  291. loading: {/*♑*/
  292. finishedMsg: '',
  293. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  294. },
  295. bufferPx : 200,
  296. debug : false,
  297. },
  298. // call masonry as a callback.
  299. function( newElements ) {
  300. var $newElems = $( newElements );
  301. $newElems.hide();
  302. // ensure that images load before adding to masonry layout
  303. $newElems.imagesLoaded(function(){
  304. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(1500);} );
  305. });
  306. });
  307. });
  308. </script>
  309. <script type="text/javascript">
  310. $(window).load(function(){
  311. $("p").remove(":contains('(Source:')");
  312. $("p").remove(":contains('(source:')");
  313. $("p").remove(":contains('(via ')");
  314. });
  315. </script>
  316. {block:ifrainbowlinks}
  317. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  318. "></script>{/block:ifrainbowlinks}
  319.  
  320.  
  321. </head></head><script src='http://static.tumblr.com/xgp678o/IdWm3lca4/infinitescrolling.txt' type='text/javascript'></script>
  322. <body>
  323. <div id="header">
  324. {block:IfHeaderImage}<center><img src="{image:Header}" max-width="600"></center><br><br>
  325.  
  326.  
  327.  
  328. <div id="desc">
  329. <br>{description}</div>
  330.  
  331. <div id="sidebarnav">
  332. <a href="/">home</a>
  333. <a href="/ask">message</a>
  334. <a href="/archive">archive</a>
  335.  
  336. {block:ifLink1Title}
  337. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  338. {/block:ifLink1Title}
  339.  
  340. {block:ifLink2Title}
  341. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  342. {/block:ifLink2Title}
  343.  
  344. {block:ifLink3Title}
  345. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  346. {/block:ifLink3Title}
  347.  
  348. {block:ifLink4Title}
  349. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  350. {/block:ifLink4Title}
  351.  
  352. {block:ifLink5Title}
  353. <a href="{text:Link 5 URL}">{text:Link 5 Title}</a> &nbsp; &nbsp;
  354. {/block:ifLink5Title}
  355.  
  356.  
  357. <a href="http://classy-lovely.tumblr.com" target="_blank">theme</a>
  358. </div>{/block:IfHeaderImage}
  359.  
  360.  
  361. {block:IfNotHeaderImage}<div id="blogtitle"><a href="/">{Title}</a></div>
  362. <br>
  363.  
  364.  
  365.  
  366. <div id="desc">
  367. <br>{description}</div>
  368.  
  369. <div id="sidebarnav">
  370. <a href="/">home</a>
  371. <a href="/ask">message</a>
  372. <a href="/archive">archive</a>
  373.  
  374. {block:ifLink1Title}
  375. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  376. {/block:ifLink1Title}
  377.  
  378. {block:ifLink2Title}
  379. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  380. {/block:ifLink2Title}
  381.  
  382. {block:ifLink3Title}
  383. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  384. {/block:ifLink3Title}
  385.  
  386. {block:ifLink4Title}
  387. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  388. {/block:ifLink4Title}
  389.  
  390. {block:ifLink5Title}
  391. <a href="{text:Link 5 URL}">{text:Link 5 Title}</a> &nbsp; &nbsp;
  392. {/block:ifLink5Title}
  393.  
  394.  
  395. <a href="http://classy-lovely.tumblr.com" target="_blank">theme</a>
  396. </div>
  397.  
  398. {/block:IfNotHeaderImage}
  399. </div></div></div>
  400. <script src="http://static.tumblr.com/2plu7ye/dTemfp01j/infinitescrolling.txt" type="text/javascript"></script>
  401. <div id="contain">
  402. <div id="content">
  403. {block:Posts}
  404. <div class="entry">
  405.  
  406. {block:Text}
  407. <div class="perm">
  408. {block:Title}
  409. <div class="t">
  410. <a href="{Permalink}">{Title}</a></div>
  411. {/block:Title}
  412. <li>
  413. {Body}
  414. </li>
  415. {block:Indexpage}
  416. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  417. {/block:Text}
  418.  
  419. {block:Link}
  420. <div class="biebs">
  421. <div class="t">
  422. <a href="{URL}" class="title">{Name}</a></div>
  423. {block:Description}<li>{Description}</li>{/block:Description}
  424. {block:Indexpage}
  425. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  426. {/block:Link}
  427.  
  428. {block:Photo}
  429. {block:IndexPage}
  430. <div id="reblog">
  431. Posted <a href="{permalink}">{TimeAgo}</a><br>
  432. <a href="{permalink}">{NoteCountWithLabel}</a> •<a href="{reblogurl}" target="_blank"> Reblog</a>
  433. </div>
  434. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=250px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}
  435. {/block:Photo}
  436.  
  437. {block:Photoset}
  438. {block:IndexPage}
  439. <center>
  440. {Photoset-250}</center>
  441. {/block:IndexPage}
  442. {block:PermalinkPage}
  443. <center>
  444. {Photoset-550}</center>
  445. {/block:PermalinkPage}
  446. {block:Indexpage} <br>{block:Caption}{Caption}{/block:Caption}
  447. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}
  448. {/block:Photoset}
  449.  
  450. {block:Quote}
  451. <div class="biebs">
  452. {Quote}</span>
  453. {block:Source}<strong>{Source}</strong>{/block:Source}
  454. {block:Indexpage}
  455. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  456. {/block:Quote}
  457.  
  458. {block:Answer}
  459. <b>{Asker}</b> asked : {Question}
  460. <br><i>{Answer}</i>
  461. {block:Indexpage}
  462. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}
  463. {/block:Answer}
  464.  
  465. {block:Chat}
  466. <div class="biebs">
  467. {block:Title}<span class="title">{Title}</span>{/block:Title}
  468. <ul class="chat">
  469. {block:Lines}
  470. <li class="user_{UserNumber}">
  471. {block:Label}
  472. <span class="label">{Label}</span>
  473. {/block:Label}
  474. {Line}
  475. </li>
  476. {/block:Lines}
  477. </ul>
  478. {block:Indexpage}
  479. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  480. {/block:Chat}
  481.  
  482. {block:Audio}
  483. <center>
  484. <div class="biebs">
  485. {AudioPlayerBlack}
  486. {block:Indexpage} <br>{block:Caption}{Caption}{/block:Caption}
  487. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  488. {/block:Audio}
  489.  
  490. {block:Video}
  491. <div class="biebs">
  492. {block:IndexPage}
  493. <center>
  494. {Video-250}
  495. {/block:IndexPage}
  496. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  497. {block:Indexpage} <br>{block:Caption}{Caption}{/block:Caption}
  498. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  499. {/block:Video}
  500.  
  501. {block:PermalinkPage}
  502. <div align="left">
  503. {block:Date}
  504. <p>
  505. <li>
  506. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">
  507. {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  508. at {12Hour}:{Minutes}{AmPm} {block:Date}
  509. </li>
  510. <li>
  511. {block:RebloggedFrom}
  512. Reblogged from <a href="{ReblogParentUrl}">{ReblogParentName}</a>.
  513. {/block:RebloggedFrom}
  514. </li>
  515. <li>
  516. {block:NoteCount}With {NoteCountWithLabel}{/block:NoteCount}
  517. </li>
  518. <li>
  519. {block:HasTags} &middot; {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  520. </li>
  521. <p>
  522. {block:PostNotes}
  523. {PostNotes}
  524. {/block:PostNotes}
  525. {/block:PermalinkPage}
  526. </div>
  527. {/block:Posts}
  528. </div>
  529. {block:PermalinkPage}{/block:PermalinkPage}
  530. {block:IndexPage}
  531. {block:Pagination}
  532. <ul id="pagination">
  533. {block:PreviousPage}
  534. <li><a href="{PreviousPage}"></a></li>
  535. {/block:PreviousPage}
  536. {block:JumpPagination length="0"}
  537. {block:CurrentPage}
  538. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  539. {/block:CurrentPage}
  540. {block:JumpPage}
  541. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  542. {/block:JumpPage}
  543. {/block:JumpPagination}
  544. {block:NextPage}
  545. <li><a id="nextPage" href="{NextPage}"></a></li>
  546. {/block:NextPage}
  547. </ul>
  548. {/block:Pagination}
  549. {/block:IndexPage}
  550. </body>
  551. </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!