API tools faq
paste
Advertisement
themesbycl

theme 14 - 1

themesbycl
Jul 30th, 2012
5,713
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.40 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.  
  45. <link href='http://fonts.googleapis.com/css?family=Montez' rel='stylesheet' type='text/css'>
  46.  
  47. <style type="text/css">
  48.  
  49.  
  50. {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;}
  51. {/block:iftinycursor}
  52.  
  53. ::-webkit-scrollbar {width: 7px; height: 4px; background: {color:background};}
  54. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar};}
  55.  
  56. @font-face { font-family: "ribeyemarrow-regular"; src: url('http://static.tumblr.com/xgp678o/zqEm6grim/ribeyemarrow-regular.ttf'); }
  57.  
  58. body{
  59. color:{color:Text};
  60. background-color:{color:Background};
  61. background-image:url({image:Background});
  62. background-attachment:fixed;
  63. background-repeat: repeat;}
  64. body, div, p, textarea, submit, input{
  65. font-family: Geneva,'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
  66. font-size:10px;
  67. line-height: 11px;}
  68.  
  69. p{
  70. margin:0px;
  71. margin-top:5px;}
  72.  
  73.  
  74. a, a:active, a:visited{
  75. color: {color:Link};
  76. text-decoration: none;}
  77.  
  78. a:hover {
  79. color:{color:Hover};
  80. text-decoration: none;}
  81.  
  82.  
  83. #content{
  84. width: 400px;
  85. margin: auto;
  86. position:relative;}
  87.  
  88. #posts {
  89. width: 350px;
  90. margin:3;
  91. margin-left: -100px;
  92. margin-top:2px;
  93. {block:PermalinkPage}margin-left: -200px; {/block:PermalinkPage}}
  94.  
  95. #entry {
  96. position:relative;
  97.  
  98.  
  99. {block:IndexPage}
  100. width:420px;
  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:420px;
  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:410px;
  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:410px;
  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 350px;
  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. blockquote {margin: 0px; padding-left: 5px; margin-left: 5px;border-left: 3px solid #000000;}
  280.  
  281.  
  282. {CustomCSS}
  283. </style>{block:ifrainbowlinks}
  284. <script type="text/javascript" src="http://static.tumblr.com/jn17x0j/2Zvltn7mc/rainbow_links.txt
  285. "></script>{/block:ifrainbowlinks}
  286. </style></head><script src='http://static.tumblr.com/xgp678o/IdWm3lca4/infinitescrolling.txt' type='text/javascript'></script>
  287.  
  288. <body>
  289.  
  290. <div id="content">
  291. <div id="center">
  292. <div id="sidebar">
  293. {block:ifShowTitle}<center>
  294. <div id="title"><a href="/">{Title}</a></div></center><br>{/block:ifShowTitle}
  295. {block:ifshowsidebarimage}<a href="/"><img src="{image:sidebar}" width=239px></a>{/block:ifshowsidebarimage}
  296.  
  297. <div id="sidebarnav">
  298. <a href="/">home</a>
  299. <a href="/ask">message</a>
  300. <a href="/archive">archive</a>
  301.  
  302. {block:ifLink1Title}
  303. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  304. {/block:ifLink1Title}
  305.  
  306. {block:ifLink2Title}
  307. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a>
  308. {/block:ifLink2Title}
  309.  
  310. {block:ifLink3Title}
  311. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  312. {/block:ifLink3Title}
  313.  
  314. {block:ifLink4Title}
  315. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  316. {/block:ifLink4Title}
  317.  
  318. <a href="http://classy-lovely.tumblr.com" target="_blank">theme</a>
  319. </div>
  320.  
  321. <div id="desc">
  322. {Description}
  323. </div>
  324.  
  325. </center>
  326. </div>
  327. <script src="http://static.tumblr.com/2plu7ye/dTemfp01j/infinitescrolling.txt" type="text/javascript"></script>
  328.  
  329. <div id="posts">
  330. {block:Posts}
  331. <div id="entry">
  332.  
  333.  
  334.  
  335. {block:Text}
  336. {block:Title}<span class="titles">{Title}</span>{/block:Title}
  337. {Body}
  338. {block:IndexPage}
  339. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></font></span>
  340. {/block:IndexPage}
  341. {/block:Text}
  342.  
  343.  
  344.  
  345. {block:Link}
  346. <a href="{URL}"><span class="titles"><b></b> {Name}</span></a>
  347. {block:Description}{Description}{/block:Description}
  348. {block:IndexPage}
  349. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></font></span>
  350. {/block:IndexPage}
  351. {block:Link}
  352.  
  353.  
  354.  
  355. {block:Photo}
  356. {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  357. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  358. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" {block:IndexPage} width="420" {/block:IndexPage}
  359. {block:PermalinkPage} width="500" {/block:PermalinkPage}/></a>
  360. {block:IndexPage}
  361. <span class="permalink"><a href="{Permalink}"> Posted {TimeAgo}</a> &bull; <a href="{Permalink}">{NoteCountWithLabel}</a> &bull;
  362. <a href="{ReblogURL}" target="_blank">reblog</a></font></span>
  363. {/block:IndexPage}
  364. {/block:Photo}
  365.  
  366.  
  367.  
  368. {block:Photoset}
  369. {block:IndexPage}
  370. {PhotoSet-400}
  371. {/block:IndexPage}
  372. {block:PermalinkPage}
  373. {PhotoSet-500}
  374. {/block:PermalinkPage}
  375. {block:IndexPage}
  376. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> //
  377. <a href="{ReblogURL}" target="_blank">reblog</a></font></span>
  378. {/block:IndexPage}
  379. {/block:Photoset}
  380.  
  381.  
  382.  
  383. {block:Quote}
  384. {Quote}
  385. {block:Source}<br><b><div align=left>- {Source}</div></b>{/block:Source}
  386. {block:IndexPage}
  387. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></font></span>
  388. {/block:IndexPage}
  389. {/block:Quote}
  390.  
  391.  
  392.  
  393. {block:Chat}
  394. {block:Title}<span class="titles">{Title}<br></span>{/block:Title}
  395. {block:Lines}
  396. {block:Label}<b><span class="label">{Label} </b></span>{/block:Label}
  397. {Line}<br>
  398. {/block:Lines}
  399. </ul>
  400. {/block:Label}
  401. {block:IndexPage}
  402. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></font></span>
  403. {/block:IndexPage}
  404. {/block:Chat}
  405.  
  406.  
  407.  
  408. {block:Audio}
  409. <center> <div class="audio">{AudioPlayerBlack}</div><p>
  410. {block:TrackName}{TrackName}{/block:TrackName} - {block:Artist}{Artist}{/block:Artist} </center>
  411. {block:IndexPage}
  412. <span class="permalink"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></font></span>
  413. {/block:IndexPage}
  414. {/block:Audio}
  415.  
  416.  
  417.  
  418. {block:Video}<center>
  419. {block:IndexPage}
  420. {Video-400}
  421. {/block:IndexPage}
  422. {block:PermalinkPage}
  423. {Video-500}
  424. {/block:PermalinkPage}
  425. </center>
  426. {block:IndexPage}
  427. <span class="permalink"><a href="{Permalink}">{NoteCountWithLabel}</a> //
  428. <a href="{ReblogURL}" target="_blank">reblog</a></font></span>
  429. {/block:IndexPage}
  430. {block:Video}
  431.  
  432.  
  433.  
  434. {block:Answer}
  435. {Asker} - {Question}<br clear="all">
  436. {Answer}
  437. {block:IndexPage}
  438. <span class="perma"><a href="{Permalink}">{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}</a></span>
  439. {/block:IndexPage}
  440. {/block:Answer}
  441.  
  442.  
  443.  
  444. {block:PermalinkPage}
  445. <br clear="all" />
  446. <center><br>{block:Date}Posted {TimeAgo}{/block:Date}
  447. {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}<br>
  448.  
  449. {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}
  450. {block:RebloggedFrom}Via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</center>
  451.  
  452. <br>{block:Caption}{Caption}{/block:Caption}
  453. {block:PostNotes}{PostNotes}{/block:PostNotes}
  454. {/block:PermalinkPage}
  455. </div>
  456.  
  457. {/block:Posts}
  458.  
  459. </div>
  460. </div>
  461. </div>
  462. </center>
  463. </div>
  464. </div>
  465. {block:IndexPage}
  466. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  467. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  468. <script type="text/javascript" src="http://static.tumblr.com/evsc8np/vyum21gzi/infscr.txt"></script>
  469. <script type="text/javascript">
  470. $(window).load(function(){
  471. var $wall = $('#posts');
  472. $wall.imagesLoaded(function(){
  473. $wall.masonry({
  474. itemSelector: '#entry, #entry_photo',
  475. isAnimated : false
  476. });
  477. });
  478.  
  479. $wall.infinitescroll({
  480. navSelector : '#page-nav',
  481. nextSelector : '#page-nav a',
  482. itemSelector : '#entry, #entry_photo',
  483. bufferPx : 2000,
  484. debug : false,
  485. errorCallback: function() {
  486. $('#infscr-loading').fadeOut('normal');
  487. }},
  488. function( newElements ) {
  489. var $newElems = $( newElements );
  490. $newElems.hide();
  491. $newElems.imagesLoaded(function(){
  492. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  493. });
  494. }); $('#content').show(500);
  495. });
  496. </script>
  497. {/block:IndexPage}
  498. </body>
  499. </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!