API tools faq
paste
Advertisement
themesbycl

theme 29 - 4

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