API tools faq
paste
Advertisement
themesbycl

theme 14-2

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