Advertisement
teenageblog

Citrus Theme

Oct 26th, 2013
7,203
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.49 KB | None | 0 0
  1. <!-----------------------------------------
  2. ★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★  .  * . .  ¸ .   °  ¸. * ● ¸ .    ° °  ¸. ● ¸ .  ★ ° :.  . • °   ★ 
  3. ▒█▀▀▀ █▀▀ █░░ ░▀░ █▀▀█ █▀▀ █▀▀   ▀▀█▀▀ █░░█ █▀▀ █▀▄▀█ █▀▀ █▀▀
  4. ▒█▀▀▀ █░░ █░░ ▀█▀ █░░█ ▀▀█ █▀▀   ░░█░░ █▀▀█ █▀▀ █░▀░█ █▀▀ ▀▀█
  5. ▒█▄▄▄ ▀▀▀ ▀▀▀ ▀▀▀ █▀▀▀ ▀▀▀ ▀▀▀   ░░▀░░ ▀░░▀ ▀▀▀ ▀░░░▀ ▀▀▀ ▀▀▀
  6. ★ ° . .    . ☾ °☆  . * ● ¸ .   ★ ° :.  . • ○ ° ★  .  * .     .   °  . ● .    ° ☾ °☆  ¸. ● .  ★  ★ ° ☾ ☆ ¸. ¸  ★  :.  . • ○ ° ★   * . .  ¸ .   °  ¸. * ● ¸ .    ° ☾ °  ¸. ● ¸ .  ★ ° :.  . • °
  7. Please keep credit!!
  8. ----------------------------------------------->
  9.  
  10.  
  11. <html lang="en">
  12. <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  13. <link href='http://fonts.googleapis.com/css?family=Raleway+Dots' rel='stylesheet' type='text/css'>
  14. <html xmlns="http://www.w3.org/1999/xhtml">
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17.  
  18. <head>
  19. <!-- DEFAULT VARIABLES -->
  20. <title>{Title}</title>
  21. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  22. <meta name="color:Background" content="#fff"/>
  23. <meta name="color:Text" content="#000"/>
  24. <meta name="color:Title" content="#000"/>
  25. <meta name="color:Link" content="#999"/>
  26. <meta name="color:Hover" content="#000"/>
  27. <meta name="color:Scrollbar" content="#ccc"/>
  28. <meta name="color:Blogtitle" content="#000"/>
  29. <meta name="color:Links Highlight Color" content="#e2ff68">
  30.  
  31. <meta name="if:Show Sidebar" content="1"/>
  32.  
  33. <meta name="image:Sidebar" content=""/>
  34. <meta name="image:Background" content="0"/>
  35.  
  36. <meta name="text:Link One Title" content="link1" />
  37. <meta name="text:Link One" content="" />
  38. <meta name="text:Link Two Title" content="link2" />
  39. <meta name="text:Link Two" content="" />
  40. <meta name="text:Link Three Title" content="link3" />
  41. <meta name="text:Link Three" content="" />
  42.  
  43.  
  44. <style type="text/css">
  45.  
  46.  
  47. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  48.  
  49. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  50.  
  51.  
  52.  
  53. .wrapper{
  54. margin: 0px auto;
  55. margin-left: 60px;
  56. width: 1045px;
  57. }
  58.  
  59. .header{
  60. float: left;
  61. width: 100%;
  62. }
  63.  
  64. .left{
  65. float: left;
  66. margin-right: 20px;
  67. width:1045;
  68. }
  69.  
  70. .right{
  71. float: right;
  72. width: 200px;
  73. background-color: #fff;
  74. }
  75.  
  76. body {
  77. margin:0px;
  78. background-color: {color:Background};
  79. background-image:url({image:Background});
  80. background-attachment: fixed;
  81. background-repeat: no-repeat;}
  82. body, div, p, textarea, submit, input{
  83. font-family: 'Ubuntu', sans-serif;
  84. font-size: 11px;
  85. line-height:14px;
  86. letter-spacing:1px;
  87. color:{color:Text};
  88. }
  89. ::-webkit-scrollbar {width: 8px; height: 4px; background: {color:background}; border-left: 1px solid #eee; }
  90.  
  91. ::-webkit-scrollbar-thumb { background-color:{color:scrollbar}; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-left: 1px solid
  92. #eee; border-right: 1px solid #eee; }
  93.  
  94.  
  95. p {
  96. margin:0px;
  97. margin-top:0px;
  98. }
  99.  
  100. a:link, a:active, a:visited{
  101. text-decoration: none;
  102. -webkit-transition: color 0.3s ease-out;
  103. -moz-transition: color 0.3s ease-out;
  104. transition: color 0.3s ease-out;
  105. color: {color:Link};
  106. }
  107.  
  108. a:hover {
  109. : -webkit-transition-duration: 1.0s;
  110. color:{color:Hover};
  111. }
  112.  
  113.  
  114.  
  115.  
  116. div#center{
  117. margin:auto;
  118. margin-top:0px;
  119. position:relative;
  120. width:1045px;
  121. background-color:;
  122. overflow:auto;
  123. overflow-y:hidden;
  124. }
  125. #sidebar {
  126. position:fixed;
  127. height: auto;
  128. width: 230px;
  129. left:90px;
  130. top:160px;
  131. z-index:100;
  132. text-align: center;
  133. padding: 10px;
  134. padding-right: 8px;
  135. padding-left:8px;
  136. font-family:'calibri';
  137. font-size:11px;
  138. line-height:13px;
  139. color: {color:Text};
  140. border: 1px dashed #999;
  141. background-color: #fff;
  142. background-attachment: fixed;
  143. background-repeat: repeat;
  144. }
  145. .blogtitle{
  146. font-family: 'basic l';
  147. font-size: 32px;
  148. line-height: 24px;
  149. color: {color:Blogtitle};
  150. letter-spacing: 0px;
  151. }
  152. @font-face {font-family:Basic L; src: url(http://static.tumblr.com/9wzbixa/Cf3mj2g0f/basicl.ttf);}
  153.  
  154. .nav a {
  155. text-transform: normal;
  156. line-height:20px;
  157. background-color:{color:links highlight color};
  158. }
  159.  
  160.  
  161.  
  162.  
  163.  
  164. .entry {
  165. float:left;
  166. display: block;
  167. overflow:hidden;
  168. width:230px;
  169. padding:8px;
  170. margin:4px;
  171. transition: all 0.5s ease-out;
  172. -o-transition-transition: all 0.5s ease-out;
  173. -webkit-transition: all 0.5s ease-out;
  174. -moz-transition: all 0.5s ease-out;
  175. {block:PermalinkPage}
  176. width:520px;
  177. margin-left:0px;
  178. text-align:center;
  179. {/block:PermalinkPage}
  180. }
  181.  
  182. .like_and_reblog_buttons {
  183. position:absolute;
  184. right:-30px;
  185. list-style: none;
  186. opacity:0;
  187. -webkit-transition: all 0.2s linear;
  188. -webkit-transition: all 0.2s linear;
  189. -moz-transition: all 0.2s linear;
  190. transition: all 0.2s linear;
  191. }
  192. .entry:hover .like_and_reblog_buttons{
  193. right:7px;
  194. bottom:12px;
  195. opacity:0.9;
  196. -webkit-transition: all 0.2s linear;
  197. -webkit-transition: all 0.2s linear;
  198. -moz-transition: all 0.2s linear;
  199. transition: all 0.2s linear;
  200. }
  201.  
  202. .like_and_reblog_buttons h3 {
  203. float: left;
  204. background-color:#FFF;
  205. border:2px none #CCC;
  206. border-radius:0px;
  207. padding:8px;
  208. height:20px;
  209. width:20px;
  210. }
  211.  
  212. .like_and_reblog_buttons h3:first-child {
  213. margin-right:0px;
  214. border-radius: 50px 0px 0px 50px;
  215. -moz-border-radius: 50px 0px 0px 50px;
  216. -webkit-border-radius: 50px 0px 0px 50px;
  217. border: 0px solid #000000;
  218. }
  219.  
  220. .entry:hover{
  221. opacity:1;
  222. -webkit-transition: all .7s ease;
  223. -moz-transition: all .7s ease;
  224. -o-transition: all .7s ease;
  225. transition: all .7s ease;
  226. }
  227. .permatext{
  228. height:auto;
  229. line-height:100%;
  230. position:absolute;
  231. right:4px;
  232. bottom:0px;
  233. {block:IfPermalinkMovement}
  234. bottom:-5px;
  235. {block:IfPermalinkMovement}
  236. opacity:0;
  237. padding:0;
  238. background:#transparent;
  239. box-shadow:0 0 15px 10px #transparent;
  240. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  241. }
  242. .entry:hover .permatext{
  243. right:4px; bottom:0px;
  244. opacity:1;
  245. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  246. }
  247. .entry:hover .permatext:hover{
  248. opacity:1;
  249. }
  250.  
  251. .bubble {align:right;background:#eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  252. .bubble p {margin:1px 0px;}
  253. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 12;line-height: 14px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  254. .askborder {float: left;margin: 1px 4px 1 0;padding: 3px; background: #eee;}
  255.  
  256. @font-face { font-family: "Cedarville Cursive"; src: url('http://themes.googleusercontent.com/static/fonts/cedarvillecursive/v2/cuCe6HrkcqrWTWTUE7dw-5zpMnghKP_wiJrQSyqob5U.woff'); }
  257.  
  258.  
  259. #audio {width:250px; height:auto; min-height:60px; padding-bottom:0px;}
  260. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  261. .cover img {float:left; width:60px; height:60px;}
  262. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:17px; margin-top:17px; text-align:center;}
  263. .info {margin-left:73px; margin-top:4px; line-height:14px;}
  264.  
  265. .title{
  266. font-family: 'Raleway Dots', cursive;
  267. font-size: 24px;
  268. line-height: 20px;
  269. color: {color:Title};
  270. text-shadow:1px 2px 2px #aaa;
  271. letter-spacing: 1px;
  272. font-weight: normal;
  273. }
  274.  
  275.  
  276.  
  277. #cred{
  278. position:fixed;
  279. font-family: arial;
  280. font-size: 8px;
  281. bottom:20px;
  282. right:10px;
  283. padding:10px;
  284. height:10px;
  285. text-align:center;
  286. text-transform:lowercase;
  287. padding-bottom:10px;
  288. width:15px;
  289. color:#aaa;
  290. transition: all 0.6s ease-out;
  291. -o-transition-transition: all 0.6s ease-out;
  292. -webkit-transition: all 0.6s ease-out;
  293. -moz-transition: all 0.6s ease-out;
  294. }
  295.  
  296.  
  297. #posts {
  298. width:1000px;
  299. margin-top: 5px;
  300. margin-left: 300px;
  301. margin-right: auto;
  302. position:relative;
  303. overflow-y: hidden;
  304. }
  305.  
  306.  
  307. #infscr-loading{
  308. bottom: -70px;
  309. position: absolute;
  310. left: 50%;
  311. margin-left:-8px;
  312. width:16px;
  313. height:11px;
  314. overflow:hidden;
  315. margin-bottom: 50px;
  316. }
  317.  
  318. #postnotes{
  319. text-align: justify;
  320. }
  321.  
  322. #postnotes blockquote{
  323. border: 0px;
  324. }
  325.  
  326. blockquote{
  327. padding:0px 0px 2px 5px;
  328. margin:0px 0px 2px 1px;
  329. border-left: 1px dotted {color:Text};
  330. }
  331.  
  332. blockquote p, ul{
  333. margin:0px;
  334. padding:0px;
  335. }
  336.  
  337. a img{border: 0px;}
  338. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  339. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  340. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};}
  341. .notes img{width:10px; position:relative; top:3px;
  342. }
  343.  
  344. small{font-size: 90%;}
  345.  
  346. .video embed, .post div.video object {width:260px !important; height:180px !important;}
  347. .video2 embed, .post div.video object {width:400px !important; height:400px !important;}
  348.  
  349. {CustomCSS}
  350.  
  351. </style>
  352.  
  353. {block:IndexPage}
  354.  
  355.  
  356. <script type='text/javascript' src='http://static.tumblr.com/m52lhg5/u9amoiddc/infinite.js'></script>
  357. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  358. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  359.  
  360. <script type="text/javascript">
  361. $(window).load(function () {
  362. var $content = $('#posts');
  363. $content.masonry({itemSelector: '.entry'}),
  364. $content.infinitescroll({
  365. navSelector : 'div#pagination',
  366. nextSelector : 'div#pagination a#nextPage',
  367. itemSelector : '.entry',
  368. loading: {
  369. finishedMsg: '',
  370. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  371. },
  372. bufferPx : 600,
  373. debug : false,
  374. },
  375. // call masonry as a callback.
  376. function( newElements ) {
  377. var $newElems = $( newElements );
  378. $newElems.hide();
  379. // ensure that images load before adding to masonry layout
  380. $newElems.imagesLoaded(function(){
  381. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  382.  
  383.  
  384. });
  385. });
  386. });
  387. </script>
  388. {/block:IndexPage}
  389.  
  390.  
  391. <title>{Title}</title>
  392. <link rel="shortcut icon" href="{favicon}">
  393. <meta name="viewport" content="width=720" />
  394. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  395. </head>
  396.  
  397. <body>
  398. <div id="sidebar">
  399. <a href="/"><span class="blogtitle">{Title}</span></a><br><br>
  400. {block:ifshowsidebar}</p><a href="/"><img src="{image:Sidebar}"width=200px; height:auto;></a><br>{/block:ifshowsidebar}
  401. <br>
  402. {Description}<br>
  403.  
  404. <p><div style="border-top: 1px solid #ccc;"></p>
  405. <span class="nav"><a href="/">home</a>
  406. &nbsp <a href="/ask">message</a>
  407. &nbsp <a href="{text:Link One}">{text:Link One Title}</a>
  408.  
  409. &nbsp <a href="{text:Link Two}">{text:Link Two Title}</a>
  410. &nbsp <a href="{text:Link Three}">{text:Link Three Title}</a>
  411.  
  412. </div></div>
  413.  
  414. <div class="wrapper">
  415. <div class="header">
  416. </div>
  417.  
  418.  
  419.  
  420. <div class="left">
  421. <div id="posts">
  422. {block:Posts}
  423. <div class="entry">
  424.  
  425. {block:Answer}
  426. <div class="post"><div class="askborder">
  427. <img src="{askerportraiturl-40}" width="40px"></div><div class="bubble"><span></span>{asker} said: {Question}</div><br>
  428. {Answer}
  429. </div><br>
  430. {/block:Answer}
  431.  
  432.  
  433. {block:Text}
  434. {block:Title}<left><span class="title">{Title}</span></left>{/block:Title}
  435. <div style="margin-left:3px;">{Body}</div>
  436. {block:IndexPage}
  437.  
  438. {/block:IndexPage}
  439. {/block:Text}
  440.  
  441.  
  442. {block:Link}
  443. <left><a href="{URL}"><span class="title">{Name}</span></a></left>
  444. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  445. {block:IndexPage}
  446. {/block:IndexPage}
  447. {block:Link}
  448.  
  449.  
  450. {block:Photo}{block:IndexPage}
  451.  
  452. <ul class="like_and_reblog_buttons">
  453. <h3>{ReblogButton color="grey"}</h3>
  454. <h3>{LikeButton color="grey"}</h3>
  455. </ul>
  456.  
  457. {/block:IndexPage}
  458. {block:IndexPage}
  459. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=230px/></a>
  460. {/block:IndexPage}
  461. {block:permalinkpage}{LinkOpenTag}
  462. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width=520px/>{LinkCloseTag}
  463. {/block:permalinkpage}
  464. {/block:Photo}
  465.  
  466. {block:Photoset}
  467. <center>
  468. {block:IndexPage}{Photoset-250}{/block:IndexPage}
  469. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  470. </center>
  471.  
  472. {block:IndexPage}
  473.  
  474. {/block:IndexPage}
  475. {/block:Photoset}
  476.  
  477.  
  478. {block:Quote}
  479. <div style="margin-left:3px;">
  480. {Quote}</span>
  481. {block:Source}<strong>{Source}</strong>{/block:Source}
  482. </div>
  483.  
  484. {block:IndexPage}
  485. {/block:IndexPage}
  486. {/block:Quote}
  487.  
  488. {block:Chat}
  489. <div style="margin-left:3px;">
  490. {block:Title}<span class="title">{Title}</span>{/block:Title}
  491. <ul class="chat">
  492. {block:Lines}
  493. <li class="user_{UserNumber}">
  494. {block:Label}
  495. <span class="label">{Label}</span>
  496. {/block:Label}
  497. {Line}
  498. </li>
  499. {/block:Lines}
  500. </ul>
  501. </div>
  502.  
  503. {block:IndexPage}
  504. {/block:IndexPage}
  505. {/block:Chat}
  506.  
  507. {block:Audio}
  508. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div><div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br><b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br><b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br><b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  509. {block:IndexPage}
  510. {/block:IndexPage}
  511. {/block:Audio}
  512.  
  513. {block:Video}
  514. {block:IndexPage}
  515. <center>
  516. {Video-250}</center>
  517. {/block:IndexPage}
  518. {block:PermalinkPage}
  519. <center>
  520. {Video-500}</center>
  521. {/block:PermalinkPage}
  522.  
  523. {block:IndexPage}
  524. {/block:IndexPage}
  525. {block:Video}
  526.  
  527.  
  528.  
  529. {block:IndexPage}
  530. {block:Text}
  531. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  532. {/block:Text}
  533. {block:Photoset}
  534. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  535. {/block:Photoset}
  536. {block:Quote}
  537. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  538. {/block:Quote}
  539. {block:Link}
  540. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  541. {/block:Link}
  542. {block:Chat}
  543. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  544. {/block:Chat}
  545. {block:Audio}
  546. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  547. {/block:Audio}
  548. {block:Answer}
  549. <div class="permatext"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  550. {/block:Answer}
  551. {/block:IndexPage}
  552.  
  553. {block:PostNotes}<div align="middle">{caption}</div>
  554. <center>
  555.  
  556. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  557.  
  558. {block:HasTags}
  559. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  560. {block:RebloggedFrom}
  561. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  562. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  563.  
  564. {/block:RebloggedFrom}
  565. </center></span>
  566. <br>
  567. <div id="postnotes">{PostNotes}</div><br>
  568.  
  569. <center>{block:ContentSource}
  570. <br><a href="{SourceURL}">
  571. {lang:Source}:
  572. {block:SourceLogo}
  573. <img src="{BlackLogoURL}" width="{LogoWidth}"
  574. height="{LogoHeight}" alt="{SourceTitle}" />
  575. {/block:SourceLogo}
  576. {block:NoSourceLogo}
  577. {SourceLink}
  578. {/block:NoSourceLogo}
  579. </a>
  580. {/block:ContentSource}</center>
  581.  
  582. {/block:PostNotes}
  583. </div>
  584. {/block:Posts}
  585. </div></div>
  586.  
  587. {block:IndexPage}
  588. {block:Pagination}
  589. <div id="pagination">
  590. {block:NextPage}
  591. <a id="nextPage" href="{NextPage}"></a>
  592. {/block:NextPage}
  593. {block:PreviousPage}
  594. <a href="{PreviousPage}"></a>
  595. {/block:PreviousPage}
  596. </div>
  597. {/block:Pagination}
  598. {/block:IndexPage}
  599.  
  600. <div id="cred">
  601. <a href="http://teenageblog.tumblr.com/"><img src="https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-ios7-moon-outline-48.png"></a></div>
  602.  
  603. </body>
  604. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement