API tools faq
paste
Advertisement
themesbycl

theme 14 -3

themesbycl
Jul 30th, 2012
13,794
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.43 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. <head>
  6. <title>{Title}</title>
  7. <link rel="shortcut icon" href="{favicon}">
  8.  
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Title" content="#000000"/>
  12. <meta name="color:Post Titles" content="#000000"/>
  13. <meta name="color:Scrollbar" content="#000000"/>
  14. <meta name="color:Text" content="#8f8e8e"/>
  15. <meta name="color:Link" content="#353434"/>
  16. <meta name="color:Hover" content="#000000"/>
  17. <meta name="color:Border " content="#aaaaaa"/>
  18. <meta name="color:nav bg" content="#aaaaaa"/>
  19. <meta name="color:nav hover bg" content="#eeeeee">
  20. <meta name="image:Background" content=""/>
  21. <meta name="image:Sidebar" content=""/>
  22. <meta name="if:post shadows" content="0"/>
  23. <meta name="if:post border" content="0"/>
  24. <meta name="if:sidebar shadow" content="0"/>
  25. <meta name="if:sidebar border" content="0"/>
  26. <meta name="if:Show Title" content="1"/>
  27. <meta name="if:Show sidebar image" content="1"/>
  28. <meta name="if:tiny cursor" content="1"/>
  29. <meta name="if:rainbow links" content="0"/>
  30. <meta name="text:Link 1 Title" content=""/>
  31. <meta name="text:Link 1 URL" content=""/>
  32. <meta name="text:Link 2 Title" content=""/>
  33. <meta name="text:Link 2 URL" content=""/>
  34. <meta name="text:Link 3 Title" content=""/>
  35. <meta name="text:Link 3 URL" content=""/>
  36. <meta name="text:Link 4 Title" content=""/>
  37. <meta name="text:Link 4 URL" content=""/>
  38.  
  39. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  40. <script type="text/javascript" src="scrolltopcontrol.js"></script>
  41. <script type="text/javascript" src="http://static.tumblr.com/2plu7ye/jt0mgeac5/top.txt"></script>
  42. <link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
  43.  
  44. <style type="text/css">
  45.  
  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;}
  48. {/block:iftinycursor}
  49.  
  50. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  51. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  52.  
  53. @font-face { font-family: "ribeyemarrow-regular"; src: url('http://static.tumblr.com/xgp678o/zqEm6grim/ribeyemarrow-regular.ttf'); }
  54.  
  55. body{
  56. color:{color:Text};
  57. background-color:{color:Background};
  58. background-image:url({image:Background});
  59. background-attachment:fixed;
  60. background-repeat: repeat;}
  61. body, div, p, textarea, submit, input{
  62. font-family: Geneva,'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  63. font-size:10px;
  64. line-height: 11px;}
  65.  
  66. p{
  67. margin:0px;
  68. margin-top:5px;}
  69.  
  70.  
  71. a, a:active, a:visited{
  72. color: {color:Link};
  73. text-decoration: none;}
  74.  
  75. a:hover {
  76. color:{color:Hover};
  77. text-decoration: none;}
  78.  
  79.  
  80. #content{
  81. width: 400px;
  82. margin: auto;
  83. position:relative;}
  84.  
  85. #posts {
  86. width: 850px;
  87. margin:3;
  88. margin-left: -350px;
  89. margin-top:2px;
  90. {block:PermalinkPage}margin-left: -90px; {/block:PermalinkPage}}
  91.  
  92. #entry {
  93. background-color: transparent;
  94. position:relative;
  95.  
  96.  
  97. {block:IndexPage}
  98. width:270px;
  99. padding:2px;
  100. float:left;
  101. margin:3px;
  102. {/block:IndexPage}
  103.  
  104. {block:PermalinkPage}
  105. padding:10px;
  106. width:500px;
  107. {/block:PermalinkPage}
  108. {block:ifpostborder};border:1px solid{color:border}{/block:ifpostborder}
  109. {block:IfPostShadows} -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
  110. -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);
  111. box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);{/block:IfPostShadows}}
  112.  
  113. #entry img{
  114. {block:IndexPage}
  115. max-width:270px;
  116. height:auto;
  117. {/block:IndexPage}
  118. {block:PermalinkPage}
  119. max-width:500px;
  120. height:auto;
  121. {/block:PermalinkPage}}
  122.  
  123. #entry .permalink{
  124. display:block;
  125. width:260px;
  126. padding:5px;
  127. bottom:0px;
  128. margin-left:0px;
  129. font-family:tahoma;
  130. position: absolute;
  131. overflow:hidden;
  132. opacity:0.0;
  133. background:#fff;
  134. text-transform:uppercase;
  135. text-align: center;}
  136.  
  137. #entry:hover .permalink{
  138. display:block;
  139. width:260px;
  140. bottom:10px;
  141. position: absolute;
  142. overflow:visible;
  143. -webkit-transition: opacity 0.2s linear; opacity: 0.9;
  144. -webkit-transition: all 0.3s linear;
  145. -moz-transition: all 0.3s linear;
  146. transition: all 0.3s linear;}
  147.  
  148. .perma{
  149. text-align:right;
  150. display:block;
  151. width: auto;
  152. margin-top:7px;
  153. padding: 1px;
  154. font-size:10px;
  155. line-height:13px;
  156. font-family:helvetica;
  157. font-weight:bold;
  158. font-style:italic;}
  159.  
  160.  
  161.  
  162.  
  163. .titles{
  164. text-align: center;
  165. font-size:12px;
  166. color: {color:Post Titles}; }
  167.  
  168. .audio {
  169. padding:3px;
  170. {block:IndexPage}width:244px;{/block:IndexPage}
  171. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  172. background-color:#000;}
  173.  
  174. .arrows{
  175. word-spacing:20px;}
  176.  
  177. .cred{
  178. position:fixed;
  179. right:10px;
  180. bottom:3px;}
  181.  
  182. #details{
  183. padding:4px;
  184. display:block;
  185. text-align:center;
  186. border-top:1px solid {color:Notes Background};}
  187.  
  188. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  189.  
  190. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  191. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  192.  
  193.  
  194.  
  195. .audio {
  196. {block:IndexPage}width:245px;{/block:IndexPage}
  197. {block:PermalinkPage}width:400px;{/block:PermalinkPage}
  198. background-color:#000;}
  199.  
  200.  
  201.  
  202. #linksss{
  203. position:absolute !important;
  204. width:auto;
  205. height:auto;
  206. right:3px;
  207. top:26px;
  208. }
  209.  
  210.  
  211. #sidebar {
  212. margin:0px 0px 0px 520px;
  213. top:90px;
  214. height:auto;
  215. font-size:12px;
  216. line-height:13px;
  217. letter-spacing:0px;
  218. position:fixed;
  219. width: 240px;
  220. padding-top: 14px;
  221. padding-bottom: 8px;
  222. padding-left:4px;
  223. padding-right:4px;
  224. {block:ifsidebarborder}border:1px solid {color:border} {/block:ifsidebarborder}
  225. {block:ifsidebarshadow}-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);box-shadow: 0px 0px 5px rgba(0, 0, 0, .3);{/block:ifsidebarshadow}
  226. }
  227.  
  228. #desc {
  229. margin-top: 5px;
  230. background-attachment: fixed;
  231. text-align:center;
  232. }
  233.  
  234.  
  235. @font-face { font-family: "raleway_thin"; src: url('http://static.tumblr.com/fxpo5zq/y0bm4ndht/raleway_thin.otf'); }
  236.  
  237.  
  238. #title {
  239. font-family: "raleway_thin";
  240. letter-spacing: 2px;
  241. font-size: 35px;
  242. text-align: center;
  243. margin-bottom: 2px;
  244. line-height :30px;
  245. padding-bottom: 2px;
  246. color: {color:title};
  247. }
  248.  
  249. #sidebarnav {
  250. padding-top:1px;
  251. position: relative;
  252. text-align: center;
  253. }
  254.  
  255. #sidebarnav a {
  256. padding: 3px;
  257. padding-top: 4px;
  258. margin-top: 3px;
  259. margin-left: 1px;
  260. width: 50px;
  261. font-size: 7px;
  262. text-transform: uppercase;
  263. letter-spacing: 2px;
  264. display: inline-block;
  265. text-align: center;
  266. color:{color:link} ;
  267. background-color: {color:nav bg};
  268. -webkit-transition: all 0.5s ease-in-out;
  269. -moz-transition: all 0.5s ease-in-out;
  270. -o-transition: all 0.5s ease-in-out;
  271. -ms-transition: all 0.5s ease-in-out;
  272. transition: all 0.5s ease-in-out;
  273. }
  274.  
  275. #sidebarnav a:hover {
  276. color: {color:hover};
  277. background-color:{color:nav hover bg};
  278. }
  279.  
  280.  
  281.  
  282. blockquote {margin: 0px; padding-left: 5px; margin-left: 5px;border-left: 3px solid #000000;}
  283.  
  284.  
  285. {CustomCSS}
  286. </style>{block:ifrainbowlinks}
  287. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  288. "></script>{/block:ifrainbowlinks}
  289. </style></head><script src='http://static.tumblr.com/xgp678o/IdWm3lca4/infinitescrolling.txt' type='text/javascript'></script>
  290.  
  291. <body>
  292.  
  293. <div id="content">
  294. <div id="center">
  295. <div id="sidebar">
  296. {block:ifShowTitle}<center>
  297. <div id="title"><a href="/">{Title}</a></div></center><br>{/block:ifShowTitle}
  298. {block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=239px></a>{/block:ifshowsidebarimage}
  299.  
  300. <div id="sidebarnav">
  301. <a href="/">home</a>
  302. <a href="/ask">message</a>
  303. <a href="/archive">archive</a>
  304.  
  305. {block:ifLink1Title}
  306. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  307. {/block:ifLink1Title}
  308.  
  309. {block:ifLink2Title}
  310. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  311. {/block:ifLink2Title}
  312.  
  313. {block:ifLink3Title}
  314. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  315. {/block:ifLink3Title}
  316.  
  317. {block:ifLink4Title}
  318. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  319. {/block:ifLink4Title}
  320.  
  321. <a href="http://classy-lovely.tumblr.com" target="_blank">theme</a>
  322. </div>
  323.  
  324. <div id="desc">
  325. {Description}
  326. </div>
  327.  
  328. </center>
  329. </div>
  330.  
  331. <script src="http://static.tumblr.com/2plu7ye/dTemfp01j/infinitescrolling.txt" type="text/javascript"></script>
  332.  
  333. <div id="posts">
  334. {block:Posts}
  335. <div id="entry">
  336.  
  337.  
  338.  
  339. {block:Text}
  340. {block:Title}<span class="titles">{Title}</span>{/block:Title}
  341. {Body}
  342. {block:IndexPage}
  343. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></font></span>
  344. {/block:IndexPage}
  345. {/block:Text}
  346.  
  347.  
  348.  
  349. {block:Link}
  350. <a href="{URL}"><span class="titles"><b></b> {Name}</span></a>
  351. {block:Description}{Description}{/block:Description}
  352. {block:IndexPage}
  353. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></font></span>
  354. {/block:IndexPage}
  355. {block:Link}
  356.  
  357.  
  358.  
  359.  
  360. {block:Photo}
  361. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  362. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  363. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage} width="315" {/block:IndexPage}
  364. {block:PermalinkPage} width="500" {/block:PermalinkPage}/></a>
  365. {block:IndexPage}
  366. <span class="permalink"><a href="{Permalink}"> Posted {TimeAgo}</a> &bull; <a href="{Permalink}">{NoteCountWithLabel}</a> &bull;
  367. <a href="{ReblogURL}" target="_blank">reblog</a></font></span>
  368. {/block:IndexPage}
  369. {/block:Photo}
  370.  
  371.  
  372. {block:Photoset}
  373. {block:IndexPage}
  374. {PhotoSet-250}
  375. {/block:IndexPage}
  376. {block:PermalinkPage}
  377. {PhotoSet-500}
  378. {/block:PermalinkPage}
  379. {block:IndexPage}
  380. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> //
  381. <a href="{ReblogURL}" target="_blank">reblog</a></font></span>
  382. {/block:IndexPage}
  383. {/block:Photoset}
  384.  
  385.  
  386.  
  387. {block:Quote}
  388. {Quote}
  389. {block:Source}<br><b><div align=left>- {Source}</div></b>{/block:Source}
  390. {block:IndexPage}
  391. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></font></span>
  392. {/block:IndexPage}
  393. {/block:Quote}
  394.  
  395.  
  396.  
  397. {block:Chat}
  398. {block:Title}<span class="titles">{Title}<br></span>{/block:Title}
  399. {block:Lines}
  400. {block:Label}<b><span class="label">{Label} </b></span>{/block:Label}
  401. {Line}<br>
  402. {/block:Lines}
  403. </ul>
  404. {/block:Label}
  405. {block:IndexPage}
  406. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></font></span>
  407. {/block:IndexPage}
  408. {/block:Chat}
  409.  
  410.  
  411.  
  412. {block:Audio}
  413. <center> <div class="audio">{AudioPlayerBlack}</div><p>
  414. {block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist} </center>
  415. {block:IndexPage}
  416. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></font></span>
  417. {/block:IndexPage}
  418. {/block:Audio}
  419.  
  420.  
  421.  
  422. {block:Video}<center>
  423. {block:IndexPage}
  424. {Video-250}
  425. {/block:IndexPage}
  426. {block:PermalinkPage}
  427. {Video-500}
  428. {/block:PermalinkPage}
  429. </center>
  430. {block:IndexPage}
  431. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> //
  432. <a href="{ReblogURL}" target="_blank">reblog</a></font></span>
  433. {/block:IndexPage}
  434. {block:Video}
  435.  
  436.  
  437.  
  438. {block:Answer}
  439. {Asker} - {Question}<br clear="all">
  440. {Answer}
  441. {block:IndexPage}
  442. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></span>
  443. {/block:IndexPage}
  444. {/block:Answer}
  445.  
  446.  
  447.  
  448. {block:PermalinkPage}
  449. <br clear="all" />
  450. <center><br>{block:Date}Posted {TimeAgo}{/block:Date}
  451. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>
  452.  
  453. {block:ContentSource}<a href="{SourceURL}" target="_blank">{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">{/block:SourceLogo}{block:NoSourceLogo}&copy; {SourceTitle}{/block:NoSourceLogo}</a>, {/block:ContentSource}
  454. {block:RebloggedFrom}Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</center>
  455.  
  456. <br>{block:Caption}{Caption}{/block:Caption}
  457. {block:PostNotes}{PostNotes}{/block:PostNotes}
  458. {/block:PermalinkPage}
  459. </div>
  460.  
  461. {/block:Posts}
  462.  
  463. </div>
  464. </div>
  465. </div>
  466. </center>
  467. </div>
  468. </div>
  469. {block:IndexPage}
  470. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  471. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  472. <script type="text/javascript" src="http://static.tumblr.com/evsc8np/vyum21gzi/infscr.txt"></script>
  473. <script type="text/javascript">
  474. $(window).load(function(){
  475. var $wall = $('#posts');
  476. $wall.imagesLoaded(function(){
  477. $wall.masonry({
  478. itemSelector: '#entry, #entry_photo',
  479. isAnimated : false
  480. });
  481. });
  482.  
  483. $wall.infinitescroll({
  484. navSelector : '#page-nav',
  485. nextSelector : '#page-nav a',
  486. itemSelector : '#entry, #entry_photo',
  487. bufferPx : 2000,
  488. debug : false,
  489. errorCallback: function() {
  490. $('#infscr-loading').fadeOut('normal');
  491. }},
  492. function( newElements ) {
  493. var $newElems = $( newElements );
  494. $newElems.hide();
  495. $newElems.imagesLoaded(function(){
  496. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  497. });
  498. }); $('#content').show(500);
  499. });
  500. </script>
  501. {/block:IndexPage}
  502. </body>
  503. </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!