API tools faq
paste
Advertisement
themesbycl

theme 19 - 4

themesbycl
Oct 2nd, 2012
20,054
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.  
  34. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  35. <script type="text/javascript" src="scrolltopcontrol.js"></script>
  36. <script type="text/javascript" src="http://static.tumblr.com/2plu7ye/jt0mgeac5/top.txt"></script>
  37. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  38. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. {block:Description}
  43. <meta name="description" content="{MetaDescription}" />
  44. {/block:Description}
  45.  
  46. <style type="text/css">
  47.  
  48. {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}
  49.  
  50. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  51. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  52.  
  53. body {
  54. background-color: {color:Background};
  55. background-image:url({image:Background});
  56. background-attachment: fixed;
  57. background-repeat: repeat;
  58. color:{color:TextColor};
  59. font-family: helvetica;
  60. font-size: 11px;
  61. line-height: 11px;}
  62.  
  63. #infscr-loading{
  64. position: absolute;
  65. bottom: 0;
  66. left: 10%;}
  67.  
  68. #tumblr_controls{
  69. z-index:555;
  70. position: absolute !important;}
  71.  
  72. a:link, a:active, a:visited{
  73. color:{color:Link};
  74. text-decoration: none;}
  75.  
  76. a:hover{
  77. color:{color:Hover};}
  78.  
  79. div#content{
  80. width: 1230px;}
  81.  
  82. div#contain {
  83. width: 1230px;
  84. margin:-15px;
  85. margin-left: 60px;}
  86.  
  87. div#header{
  88. z-index:555;
  89. float:center;
  90. background-color:transparent;
  91. width: 900px;
  92. height: auto;
  93. margin-top: 30px;
  94. margin-left: 190px;
  95. padding: 30px;
  96. float:center;
  97. text-align: center;}
  98.  
  99. div#blogtitle{
  100. float:center;
  101. color:{color:blogtitle};
  102. text-align:center;
  103. font-size: 60px;
  104. line-height: 40px;
  105. padding:0px;
  106. font-family: 'Allura', cursive;
  107. font-style:none;
  108. text-align:center;
  109. -webkit-transition: all 0.3s ease;
  110. -moz-transition: all 0.3s ease;
  111. -o-transition: all 0.3s ease;
  112. transition: all 0.3s ease;}
  113.  
  114.  
  115.  
  116. div#pagination{
  117. display:none;}
  118.  
  119. div#content .entry{
  120. float: left;
  121. background-color:transparent;
  122. {block:Indexpage}
  123. width: 300px;
  124. float: left;
  125. margin: 3px;
  126. padding:0px;
  127. {/block:Indexpage}
  128. {block:Permalinkpage}
  129. padding:5px;
  130. width: 500px;
  131. margin-left:150px;
  132. margin-top:0px;
  133. {/block:Permalinkpage}}
  134.  
  135. .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
  136.  
  137. #text:hover{opacity:1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  138.  
  139. .entry #text a{
  140. font-style:italic;
  141. text-align:right;
  142. font-weight:bold;
  143. font-family:helvetica;
  144. color:{color:post permalinks};}
  145.  
  146. .entry #text{
  147. text-align:right;
  148. font-family:helvetica;
  149. opacity:0;
  150. font-size:10px;
  151. color:{color:post permalinks};-webkit-transition: all 0.4s ease-out;
  152. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  153. }
  154.  
  155. .entry #text:hover{
  156. text-align:right;
  157. font-family:helvetica;
  158. opacity:1;
  159. color:{color:post permalinks};-webkit-transition: all 0.4s ease-out;
  160. -moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  161. }
  162.  
  163. div#desc{
  164. float:center;
  165. margin:5px;
  166. font-size: 11px;
  167. line-height: 11px;
  168. font-family:helvetica;}
  169.  
  170. #reblog{
  171. display:block;
  172. height:30px;
  173. width:auto;
  174. text-align:left;
  175. text-transform:uppercase;
  176. background-color:white;
  177. position: absolute;
  178. padding-left:5px;
  179. padding-bottom:5px;
  180. padding-right:5px;
  181. padding-top:5px;
  182. letter-spacing:1px;
  183. opacity:0;
  184. bottom:10px;
  185. -webkit-transition: 0.3s ease-in;
  186. font-family: 'helvetica';
  187. background:#fff;
  188. font-size: 8px;
  189. line-height:16px;}
  190.  
  191. #reblog a:hover{
  192. color:{color:hover};
  193. }
  194. {block:IndexPage}
  195. .entry:hover #reblog{
  196. opacity:0.75;
  197. -webkit-transition: 0.3s ease-in;}
  198.  
  199. .entry:hover #reblog:hover{
  200. opacity:1.0;
  201. -webkit-transition: 0.3s ease-in;}
  202. {/block:IndexPage}
  203.  
  204. .biebs{
  205. padding:10px;
  206. border-radius:6px;}
  207.  
  208. .t{
  209. text-align:left;
  210. font-family:'helvetica';
  211. font-size: 14px;
  212. line-height:16px;}
  213.  
  214.  
  215. ul, ol, li{
  216. list-style:none;
  217. margin:0px;
  218. padding:2px;}
  219.  
  220.  
  221. #sidebarnav {
  222. padding-top:1px;
  223. position: relative;
  224. text-align: center;
  225. }
  226.  
  227. #sidebarnav a {
  228. padding: 3px;
  229. padding-top: 4px;
  230. margin-top: 3px;
  231. margin-left: 7px;
  232. width: auto;
  233. font-family:courier new;
  234. font-size: 11px;
  235. font-weight:bold;
  236. text-transform: uppercase;
  237. letter-spacing: 1px;
  238. display: inline-block;
  239. text-align: center;
  240. border-bottom:1px dotted transparent;
  241. color:{color:link} ;
  242. -webkit-transition: all 0.5s ease-in-out;
  243. -moz-transition: all 0.5s ease-in-out;
  244. -o-transition: all 0.5s ease-in-out;
  245. -ms-transition: all 0.5s ease-in-out;
  246. transition: all 0.5s ease-in-out;
  247. }
  248.  
  249. #sidebarnav a:hover {
  250. color: {color:hover};
  251. border-bottom:1px dotted {color:navborder};
  252. }
  253.  
  254. blockquote {margin: 0px; padding-left: 5px; margin-left: 5px;border-left: 3px solid #000000;}
  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.  
  317. {block:ifrainbowlinks}
  318. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  319. "></script>{/block:ifrainbowlinks}
  320. </head></head><script src='http://static.tumblr.com/xgp678o/IdWm3lca4/infinitescrolling.txt' type='text/javascript'></script>
  321. <body>
  322. <div id="header">
  323. {block:IfHeaderImage}<center><img src="{image:Header}" max-width="600"></center><br><br>
  324.  
  325.  
  326.  
  327. <div id="desc">
  328. <br>{description}</div>
  329.  
  330. <div id="sidebarnav">
  331. <a href="/">home</a>
  332. <a href="/ask">message</a>
  333. <a href="/archive">archive</a>
  334.  
  335. {block:ifLink1Title}
  336. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  337. {/block:ifLink1Title}
  338.  
  339. {block:ifLink2Title}
  340. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  341. {/block:ifLink2Title}
  342.  
  343. {block:ifLink3Title}
  344. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  345. {/block:ifLink3Title}
  346.  
  347. {block:ifLink4Title}
  348. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  349. {/block:ifLink4Title}
  350.  
  351. {block:ifLink5Title}
  352. <a href="{text:Link 5 URL}">{text:Link 5 Title}</a> &nbsp; &nbsp;
  353. {/block:ifLink5Title}
  354.  
  355.  
  356. <a href="http://classy-lovely.tumblr.com" target="_blank">theme</a>
  357. </div>{/block:IfHeaderImage}
  358.  
  359.  
  360. {block:IfNotHeaderImage}<div id="blogtitle"><a href="/">{Title}</a></div>
  361. <br>
  362.  
  363.  
  364.  
  365. <div id="desc">
  366. <br>{description}</div>
  367.  
  368. <div id="sidebarnav">
  369. <a href="/">home</a>
  370. <a href="/ask">message</a>
  371. <a href="/archive">archive</a>
  372.  
  373. {block:ifLink1Title}
  374. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  375. {/block:ifLink1Title}
  376.  
  377. {block:ifLink2Title}
  378. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  379. {/block:ifLink2Title}
  380.  
  381. {block:ifLink3Title}
  382. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  383. {/block:ifLink3Title}
  384.  
  385. {block:ifLink4Title}
  386. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  387. {/block:ifLink4Title}
  388.  
  389. {block:ifLink5Title}
  390. <a href="{text:Link 5 URL}">{text:Link 5 Title}</a> &nbsp; &nbsp;
  391. {/block:ifLink5Title}
  392.  
  393.  
  394. <a href="http://classy-lovely.tumblr.com" target="_blank">theme</a>
  395. </div>
  396.  
  397. {/block:IfNotHeaderImage}
  398. </div></div></div>
  399. <script src="http://static.tumblr.com/2plu7ye/dTemfp01j/infinitescrolling.txt" type="text/javascript"></script>
  400. <div id="contain">
  401. <div id="content">
  402. {block:Posts}
  403. <div class="entry">
  404.  
  405. {block:Text}
  406. <div class="perm">
  407. {block:Title}
  408. <div class="t">
  409. <a href="{Permalink}">{Title}</a></div>
  410. {/block:Title}
  411. <li>
  412. {Body}
  413. </li>
  414. {block:Indexpage}
  415. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  416. {/block:Text}
  417.  
  418. {block:Link}
  419. <div class="biebs">
  420. <div class="t">
  421. <a href="{URL}" class="title">{Name}</a></div>
  422. {block:Description}<li>{Description}</li>{/block:Description}
  423. {block:Indexpage}
  424. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  425. {/block:Link}
  426.  
  427. {block:Photo}
  428. {block:IndexPage}
  429. <div id="reblog">
  430. Posted <a href="{permalink}">{TimeAgo}</a><br>
  431. <a href="{permalink}">{NoteCountWithLabel}</a> •<a href="{reblogurl}" target="_blank"> Reblog</a>
  432. </div>
  433. <a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=300px/></a>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"width=500px/>{/block:PermalinkPage}
  434. {/block:Photo}
  435.  
  436. {block:Photoset}
  437. {block:IndexPage}
  438. <center>
  439. {Photoset-250}</center>
  440. {/block:IndexPage}
  441. {block:PermalinkPage}
  442. <center>
  443. {Photoset-550}</center>
  444. {/block:PermalinkPage}
  445. {block:Indexpage} <br>{block:Caption}{Caption}{/block:Caption}
  446. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}
  447. {/block:Photoset}
  448.  
  449. {block:Quote}
  450. <div class="biebs">
  451. {Quote}</span>
  452. {block:Source}<strong>{Source}</strong>{/block:Source}
  453. {block:Indexpage}
  454. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  455. {/block:Quote}
  456.  
  457. {block:Answer}
  458. <b>{Asker}</b> asked : {Question}
  459. <br><i>{Answer}</i>
  460. {block:Indexpage}
  461. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}
  462. {/block:Answer}
  463.  
  464. {block:Chat}
  465. <div class="biebs">
  466. {block:Title}<span class="title">{Title}</span>{/block:Title}
  467. <ul class="chat">
  468. {block:Lines}
  469. <li class="user_{UserNumber}">
  470. {block:Label}
  471. <span class="label">{Label}</span>
  472. {/block:Label}
  473. {Line}
  474. </li>
  475. {/block:Lines}
  476. </ul>
  477. {block:Indexpage}
  478. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  479. {/block:Chat}
  480.  
  481. {block:Audio}
  482. <center>
  483. <div class="biebs">
  484. {AudioPlayerBlack}
  485. {block:Indexpage} <br>{block:Caption}{Caption}{/block:Caption}
  486. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  487. {/block:Audio}
  488.  
  489. {block:Video}
  490. <div class="biebs">
  491. {block:IndexPage}
  492. <center>
  493. {Video-250}
  494. {/block:IndexPage}
  495. <center>{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</center>
  496. {block:Indexpage} <br>{block:Caption}{Caption}{/block:Caption}
  497. <div id="text"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></div>{/block:Indexpage}</div>
  498. {/block:Video}
  499.  
  500. {block:PermalinkPage}
  501. <div align="left">
  502. {block:Date}
  503. <p>
  504. <li>
  505. Posted: <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}">
  506. {DayOfWeek} {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</a>
  507. at {12Hour}:{Minutes}{AmPm} {block:Date}
  508. </li>
  509. <li>
  510. {block:RebloggedFrom}
  511. Reblogged from <a href="{ReblogParentUrl}">{ReblogParentName}</a>.
  512. {/block:RebloggedFrom}
  513. </li>
  514. <li>
  515. {block:NoteCount}With {NoteCountWithLabel}{/block:NoteCount}
  516. </li>
  517. <li>
  518. {block:HasTags} &middot; {block:Tags}<a href="/{TagURL}"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  519. </li>
  520. <p>
  521. {block:PostNotes}
  522. {PostNotes}
  523. {/block:PostNotes}
  524. {/block:PermalinkPage}
  525. </div>
  526. {/block:Posts}
  527. </div>
  528. {block:PermalinkPage}{/block:PermalinkPage}
  529. {block:IndexPage}
  530. {block:Pagination}
  531. <ul id="pagination">
  532. {block:PreviousPage}
  533. <li><a href="{PreviousPage}"></a></li>
  534. {/block:PreviousPage}
  535. {block:JumpPagination length="0"}
  536. {block:CurrentPage}
  537. <li><span class="current_page numbersNav"><strong>{PageNumber}</strong></span></li>
  538. {/block:CurrentPage}
  539. {block:JumpPage}
  540. <li><a class="jump_page numbersNav" href="{URL}">{PageNumber}</a></li>
  541. {/block:JumpPage}
  542. {/block:JumpPagination}
  543. {block:NextPage}
  544. <li><a id="nextPage" href="{NextPage}"></a></li>
  545. {/block:NextPage}
  546. </ul>
  547. {/block:Pagination}
  548. {/block:IndexPage}
  549. </body>
  550. </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!