Advertisement
themesbycl

theme 20-3

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