Advertisement
teenageblog

Angels Theme

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