Advertisement
puellae-themes

Silence Theme

Dec 24th, 2012
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.00 KB | None | 0 0
  1. <!--
  2.  
  3. Silence Theme by
  4.  
  5. _ __ ___ _ __ ___
  6. / \ | \| || | | \ | / |
  7. | || || || | | \ | / |
  8. | ||__/| || |___ | \ |---| |___
  9. \ /| | || | | \ | \ |
  10. \_/ | \__/ |___|___ | \_| \__ |___
  11.  
  12.  
  13.  
  14. Please don't remove the credit. I worked very hard on this.
  15.  
  16.  
  17. If you don't have any html skills I wouldn't suggest you to use this theme because you have pretty much to edit in the html code not in the appearance page.
  18. I will work on this. If you have questions just send me a message and I will help you. Please leave the credit & enjoy your new theme :)xx
  19.  
  20.  
  21. -->
  22.  
  23. <head>
  24.  
  25.  
  26. <script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28. <script>
  29. $(document).ready(function() {
  30. //
  31. $('a.poplight[href^=#]').click(function() {
  32. var popID = $(this).attr('rel'); //Get Popup Name
  33. var popURL = $(this).attr('href'); //Get Popup href to define size
  34. var query= popURL.split('?');
  35. var dim= query[1].split('&');
  36. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  37. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://media.tumblr.com/tumblr_lngwraXumj1qf72le.png" class="btn_close" title="Close" alt="Close" /></a>');
  38. var popMargTop = ($('#' + popID).height() + 80) / 2;
  39. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  40. //Apply Margin to Popup
  41. $('#' + popID).css({
  42. 'margin-top' : -popMargTop,
  43. 'margin-left' : -popMargLeft
  44. });
  45. $('body').append('<div id="fade"></div>');
  46. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  47. return false;
  48. });
  49. $('a.close, #fade').live('click', function() {
  50. $('#fade , .popup_block').fadeOut(function() {
  51. $('#fade, a.close').remove(); //fade them both out
  52. });
  53. return false;
  54. });
  55. });
  56. </script>
  57.  
  58. <script type="text/javascript"
  59. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  60.  
  61. {block:IndexPage}
  62. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  63. <script type="text/javascript" src="http://static.tumblr.com/sxplfnv/rrjmfqebp/jquery.txt"></script>
  64. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  65. <script type="text/javascript">
  66. $(window).load(function () {
  67. var $content = $('#content');
  68. $content.masonry({itemSelector: '.entry'}),
  69. $content.infinitescroll({
  70. navSelector : 'div#pagination',
  71. nextSelector : 'div#pagination a#nextPage',
  72. itemSelector : '.entry',
  73. loading: {
  74. finishedMsg: '',
  75. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  76. },
  77. bufferPx : 600,
  78. debug : false,
  79. },
  80. // call masonry as a callback.
  81. function( newElements ) {
  82. var $newElems = $( newElements );
  83. $newElems.hide();
  84. // ensure that images load before adding to masonry layout
  85. $newElems.imagesLoaded(function(){
  86. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  87. {/block:IndexPage}
  88.  
  89.  
  90.  
  91. <head>
  92. <title>{Title}</title>
  93.  
  94.  
  95. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  96. <html xmlns="http://www.w3.org/1999/xhtml">
  97. <head>
  98.  
  99. <script type="text/javascript"
  100. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  101.  
  102. {block:IndexPage}
  103. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  104. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  105. <script type="text/javascript">
  106. $(window).load(function () {
  107. var $content = $('#content');
  108. $content.masonry({itemSelector: '.entry'}),
  109. $content.infinitescroll({
  110. navSelector : 'div#pagination',
  111. nextSelector : 'div#pagination a#nextPage',
  112. itemSelector : '.entry',
  113. loading: {
  114. finishedMsg: '',
  115. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  116. },
  117. bufferPx : 600,
  118. debug : false,
  119. },
  120. // call masonry as a callback.
  121. function( newElements ) {
  122. var $newElems = $( newElements );
  123. $newElems.hide();
  124. // ensure that images load before adding to masonry layout
  125. $newElems.imagesLoaded(function(){
  126. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );});});});</script>
  127. {/block:IndexPage}
  128.  
  129.  
  130. <meta name="color:background" content="#fff"/>
  131. <meta name="color:Text" content="#000"/>
  132. <meta name="color:Link" content="#000"/>
  133. <meta name="color:Title" content="#000"/>
  134. <meta name="color:Hover" content="#fff"/>
  135. <meta name="color:scrollbar" content="#fff"/>
  136. <meta name="image:Sidebar" content=""/>
  137. <meta name="image:Background" content=""/>
  138. <meta name="if:show blog title" content="1"/>
  139.  
  140. <meta name="text:Link One Title" content="" />
  141. <meta name="text:Link One" content="" />
  142. <meta name="text:Link Two Title" content="" />
  143. <meta name="text:Link Two" content="" />
  144. <meta name="text:Link Three Title" content="" />
  145. <meta name="text:Link Three" content="" />
  146. <meta name="text:Link Four Title" content="" />
  147. <meta name="text:Link Four" content="" />
  148.  
  149. <link href='http://fonts.googleapis.com/css?family=Text+Me+One' rel='stylesheet' type='text/css'>
  150.  
  151. <style type="text/css">
  152. img{
  153. -webkit-transition: opacity 0.5s linear;
  154. opacityL 0.6;
  155. }
  156.  
  157. img:hover{
  158. -webkit-transition: opacity 0.7s linear;
  159. opacity:1;
  160. }
  161.  
  162. #updates{
  163. border:0px dashed #ccc;
  164. position:fixed !important;
  165. left:100px; padding-top:12px;
  166. top:370px;
  167. padding-bottom:12px;
  168. text-align:center;
  169. height:10px;
  170. width:170px;
  171. overflow:hidden;
  172. -webkit-transition: opacity 0.7s linear;
  173. -webkit-transition: all 0.7s ease-in-out;
  174. -moz-transition: all 0.7s ease-in-out;
  175. -o-transition: all 0.7s ease-in-out;
  176. background:transparent;
  177. z-index:9999;}
  178.  
  179. #updates:hover{
  180. border:0px dashed #ccc;
  181. padding:5px;
  182. height:200px;
  183. width:250px;
  184. z-index:999999999;
  185. opacity: 1;
  186. background:#ffffff;}
  187.  
  188.  
  189.  
  190. #tumblr_controls{
  191. position:fixed !important;
  192. -webkit-filter: invert(100%)
  193. }
  194.  
  195. #fade { /*--Transparent background layer--*/
  196. display: none; /*--hidden by default--*/
  197. background: #000;
  198. position: fixed; left: 0; top: 0;
  199. width: 100%; height: 100%;
  200. opacity: .70;
  201. z-index: 9999;
  202. }
  203. .popup_block{
  204. display: none; /*--hidden by default--*/
  205. background: #fff;
  206. padding: 20px;
  207. border: 1px solid #000;
  208. float: left;
  209. font-size: 1.2em;
  210. position: fixed;
  211. top: 50%; left: 50%;
  212. z-index: 99999;
  213. /*--CSS3 Box Shadows--*/
  214. -webkit-box-shadow: 0px 0px 20px #000;
  215. -moz-box-shadow: 0px 0px 20px #000;
  216. box-shadow: 0px 0px 20px #000;
  217. /*--CSS3 Rounded Corners--*/
  218. -webkit-border-radius: 10px;
  219. -moz-border-radius: 10px;
  220. border-radius: 10px;
  221. }
  222. img.btn_close {
  223. float: right;
  224. margin: -5px -5px 0 0;
  225. }
  226. /*--Making IE6 Understand Fixed Positioning--*/
  227. *html #fade {
  228. position: absolute;
  229. }
  230. *html .popup_block {
  231. position: absolute;
  232. }
  233.  
  234. body {margin:0px; background-color: {color:Background}; background-image:url({image:Background}); background-attachment: fixed; background-repeat: repeat;}
  235.  
  236. body, div, p, textarea, submit, input{ font-family: 'Text Me One', sans-serif; font-size:12px; line-height:15px; letter-spacing:1px; color:{color:Text};}
  237.  
  238. p { margin:0px; margin-top:0px;}
  239.  
  240. a:link, a:active, a:visited{ color: {color:Link}; text-decoration: none;}
  241.  
  242. a:hover {color:{color:Hover}; text-decoration: underline;}
  243.  
  244.  
  245. iframe#tumblr_controls {top: 1px !important;margin: 0 0 0 0;right:4px !important;position:fixed !important; position:absolute;z-index:11;}
  246.  
  247. img {
  248. border: 0px;
  249. padding: 0px;
  250. margin: 0px;
  251. }
  252.  
  253. body, p {
  254. font-size:12px;
  255. letter-spacing:1px;
  256. font-family: 'Text Me One', sans-serif;
  257. line-height:12px;
  258. padding: -2px;
  259. margin: 2px;
  260. color:{color:text};
  261. }
  262.  
  263. body {
  264. background-color:{color:background};
  265. background-image:url({image:Background});
  266. background-attachment: fixed;
  267. background-repeat: repeat;
  268. }
  269.  
  270. a {
  271. text-decoration:none;
  272. color:{color:text};
  273. -webkit-transition: all 0.4s linear;
  274. -moz-transition: all 0.4s linear;
  275. transition: all 0.4s linear;
  276. }
  277.  
  278. a:hover{
  279. color:{color:link hover};
  280. }
  281.  
  282.  
  283.  
  284. div#all{
  285. width:100%;
  286. height:100%;
  287. z-index:-100;
  288. }
  289.  
  290. div#center{
  291. margin: auto;
  292. width: 1000px;
  293. }
  294.  
  295.  
  296. #blogtitle {
  297. position:fixed !important;
  298. font-size: 32px;
  299. width: 350px;
  300. height: 50px;
  301. margin-top: 118px;
  302. margin-left: 85px;
  303. text-align: left;
  304. margin-bottom: 0px;
  305. padding:2px;
  306. background-color:transparent;
  307. font-family: 'The girl next door';
  308. line-height: 17px;
  309. letter-spacing: 0px;
  310.  
  311. }
  312.  
  313. div#content {
  314. width: 955px;
  315. margin-left:370px;
  316. margin-top:0px;
  317. float:left;
  318. }
  319.  
  320. div#sidebar{
  321. position:fixed !important;
  322. width:250px;
  323. height:auto;
  324. background: transparent;
  325. text-align: center;
  326. font-size: 13px;
  327. line-height:18px;
  328. padding-top:2px;
  329. padding-left:0px;
  330. padding-right:2px;
  331. overflow: hidden;
  332. margin-left:60px;
  333. margin-top: 100px;
  334. }
  335.  
  336. div#sidebar img {
  337. width: 250px;
  338. height: auto;
  339. border-radius: 00px 00px 00px 00px;
  340. }
  341.  
  342.  
  343. div#sidebox{
  344. padding: 2px;
  345. height: auto;
  346. background: white;
  347. border:1px solid black;
  348. position:fixed;
  349. margin-left: 2px;
  350. bottom: 2px;
  351. width:80px;
  352. }
  353.  
  354.  
  355. .entry {
  356. float:left;
  357. display: block;
  358. padding: 10px;
  359. padding-bottom: 40px;
  360. overflow:hidden;
  361. width:290px;
  362. background: white;
  363. {block:PermalinkPage}
  364. width:480px;
  365. margin-left:50px;
  366. text-align:center;
  367. {/block:PermalinkPage}
  368. }
  369.  
  370. .perma {
  371. opacity: 0.0;
  372. filter: alpha(opacity = 0);
  373. z-index:9999991;
  374. display: inline-block;
  375. position: absolute;
  376. {block:ifshownotecountonhover}
  377. bottom: 0px;
  378. {block:ifshownotecountonhover}
  379. {block:ifnotshownotecountonhover}
  380. bottom: 4px;
  381. {block:ifnotshownotecountonhover}
  382. left: 5px;
  383. -moz-transition: all 0.3s ease-out;
  384. -o-transition: all 0.3s ease-out;
  385. -webkit-transition: all 0.3s ease-out;
  386. transition: all 0.3s ease-out;
  387. }
  388.  
  389. .entry:hover .perma {
  390. opacity: 1;
  391. filter: alpha(opacity = 100);
  392. }
  393.  
  394. .likep {
  395. width: 25px;
  396. height: 20px;
  397. background-position: 4px 0px;
  398. overflow: hidden;
  399. z-index: 9999999;
  400. display: inline-block;
  401. }
  402.  
  403. .rep {
  404. width: 24px;
  405. height: 20px;
  406. overflow: hidden;
  407. z-index: 9999999;
  408. display: inline-block;
  409. }
  410.  
  411. .likep a:hover {
  412. background-position: 4px 0px;
  413. }
  414.  
  415. .likep a {
  416. background-image: url("http://static.tumblr.com/ykziu7r/ICbmd11nu/like.png");
  417. background-position: 4px 0px;
  418. display: block;
  419. z-index: 9999999;
  420. }
  421.  
  422. .likep img {
  423. width: 21px;
  424. height: 20px;
  425. }
  426.  
  427. .rep img{
  428. width: 24px;
  429. height: 20px;
  430. line-height: 30px;
  431. display: inline;
  432. -webkit-filter: invert(100%)
  433. }
  434.  
  435. .not { display: inline-block;
  436. background: rgba(0, 0, 0, .55);
  437. height: 20px;
  438. top: -6px;
  439. padding: 0 5px;
  440. font: 11px/20px 'Text Me One', sans-serif;
  441. line-height: 20px;
  442. color: #fff;
  443. padding-left: 4px;
  444. padding-right: 4px;
  445. -webkit-border-radius: 3px;
  446. -moz-border-radius: 3px;
  447. border-radius: 3px;
  448. position: relative;
  449. -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
  450. -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.5);
  451. box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
  452. -webkit-filter: invert(100%)
  453. }
  454.  
  455. .not a, .not:hover a, .not a:hover {
  456. color: #ffffff!important;
  457. font-weight: bold;
  458. font-family: 'Text Me One', sans-serif;
  459. }
  460.  
  461. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  462. opacity: 1;
  463. filter: alpha(opacity = 100);
  464. }
  465.  
  466. .not:hover , .rep:hover, .likep:hover {
  467. opacity: 1!important;
  468. filter: alpha(opacity = 100)!important;
  469. }
  470. }
  471.  
  472. #infscr-loading{
  473. opacity:0.0;
  474. }
  475.  
  476. .title{
  477. font-family: 'Text Me One', sans-serif;
  478. font-size:22px;
  479. line-height:35px;
  480. color:#000;
  481. }
  482.  
  483. a img{border: 0px;}
  484.  
  485. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  486.  
  487. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  488. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  489.  
  490. .notes img{width:10px; position:relative; top:3px;}
  491.  
  492. .permalink {
  493. display: block;
  494. border-top: 1px solid #ddd;
  495. padding: 2px;
  496. margin: 4px 8px 0px 8px;
  497. text-transform: uppercase;
  498. font-family: 'Text Me One', sans-serif;
  499. font-size: 10px;
  500. color: #424242;
  501. line-height: 10px;
  502. text-align: center;
  503. text-decoration: none;
  504. -webkit-transition: color 0.5s ease-out;
  505. -moz-transition: color 0.5s ease-out;
  506. }
  507.  
  508. #permalink {
  509. position: absolute;
  510. margin-top: 8px;
  511. margin-left: 61px;
  512. opacity: 0;
  513. -webkit-transition: all .3s ease;
  514. -moz-transition: all .3s ease;
  515. -o-transition: all .3s ease;
  516. transition: all .3s ease;
  517. }
  518.  
  519. .permalink2 {
  520. color: #000000;
  521. padding-top: 0px;
  522. padding-bottom: 0px;
  523. font-size: 10px;
  524. text-align: center;
  525. opacity: 0;
  526. filter: alpha(opacity = 0);
  527. -webkit-transition-duration: 1.0s;
  528. }
  529.  
  530. .entry:hover .permalink2 {
  531. opacity: 1;
  532. filter: alpha(opacity = 100);
  533. -webkit-transition-duration: 1.0s;
  534. }
  535.  
  536.  
  537. .perma1 {
  538. opacity: 0.0;
  539. filter: alpha(opacity = 0);
  540. position:absolute;
  541. z-index:9999991;
  542. bottom: 0px;
  543. right: 7px;
  544. -webkit-transition-duration: 1.0s;
  545. }
  546.  
  547. blockquote{
  548. padding:0px 0px 2px 5px;
  549. margin:0px 0px 2px 4px;
  550. border-left: 1px dotted #555555;
  551. }
  552.  
  553.  
  554. ::-webkit-scrollbar {width: 5px; height: 4px; background: #eeeeee; border-left: 1px solid #aaaaaa; }
  555.  
  556.  
  557.  
  558. ::-webkit-scrollbar-thumb { background-color: {color:scrollbar}; border-bottom: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; border-left: 1px solid
  559.  
  560.  
  561.  
  562. {CustomCSS}
  563.  
  564. </style>
  565. <script type="text/javascript">function tb8_makeArray(n){this.length = n;return this.length;}tb8_messages = new tb8_makeArray(3);tb8_messages[0] = "yourtext";tb8_messages[1] = "yourtext";tb8_messages[2] = "yourtext";tb8_rptType = 'infinite';tb8_rptNbr = 5;tb8_speed = 100;tb8_delay = 2000;var tb8_counter=1;var tb8_currMsg=0;var tb8_tekst ="";var tb8_i=0;var tb8_TID = null;function tb8_pisi(){tb8_tekst = tb8_tekst + tb8_messages[tb8_currMsg].substring(tb8_i, tb8_i+1);document.title = tb8_tekst;tb8_sp=tb8_speed;tb8_i++;if (tb8_i==tb8_messages[tb8_currMsg].length){tb8_currMsg++; tb8_i=0; tb8_tekst="";tb8_sp=tb8_delay;}if (tb8_currMsg == tb8_messages.length){if ((tb8_rptType == 'finite') && (tb8_counter==tb8_rptNbr)){clearTimeout(tb8_TID);return;}tb8_counter++;tb8_currMsg = 0;}tb8_TID = setTimeout("tb8_pisi()", tb8_sp);}tb8_pisi()</script>
  566.  
  567.  
  568. <title>{title}</title>
  569.  
  570. <link rel="shortcut icon" href="{Favicon}">
  571. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  572. <meta name="viewport" content="width=820" />
  573.  
  574. </head>
  575. <body>
  576. <div id="content">
  577. {block:Posts}
  578. <div class="entry">
  579.  
  580. {block:Answer}
  581. <div style="background-color: #fff; box-shadow: 0px 0px 0px 0px #E6DFDF; font-family: 'Text Me One', sans-serif; font-size: 12px;">
  582. <b>{Asker}</b> asked: {Question}</span></div><br>
  583. {Answer}<br>
  584. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{/block:Date} {NoteCountwithLabel}</div></a>
  585. {/block:IndexPage}
  586. {/block:Answer}
  587.  
  588. {block:Text}
  589. {block:Title}<span class="title">{Title}</span>{/block:Title}
  590. <div style="margin-left:3px;">{Body}</div>
  591.  
  592. {block:IndexPage}<div style="height:0px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:0px;"></div>
  593. <span class="permalink"><a href="{ReblogURL}" target="_blank"><font color="black">REBLOG</font>
  594. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date} {/block:Date} {NoteCountwithLabel}</div></a>
  595. {/block:IndexPage}
  596. {/block:Text}
  597.  
  598. {block:Link}
  599. <a href="{URL}"><span class="title">{Name}</span></a>
  600. <div style="margin-left:3px;">{block:Description}{Description}{/block:Description}</div>
  601. <span class="permalink"><a href="{ReblogURL}" target="_blank"><font color="black">REBLOG</font>
  602. {block:IndexPage}<div style="height:0px;background-color:#fff;width:100%;margin-top:2px;margin-bottom:0px;"></div>
  603.  
  604. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{/block:Date}{NoteCountwithLabel}</div></a>
  605. {/block:IndexPage}
  606. {block:Link}
  607.  
  608. {block:Photo}
  609. {block:IndexPage}
  610. <div class="perma">
  611. <div class="likep">
  612. <a id="like{PostID}" href="javascript:likelink('{PostID}','{Permalink}','');"><img src="http://static.tumblr.com/lba83dv/OUUltd958/spacer.gif" width="21" height="20" alt="Like this post" id="likeimage{PostID}"/></a>
  613. </div>
  614. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="24"/></a>
  615. </div>
  616.  
  617. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  618. </div>
  619. <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250"/></a>
  620. {/block:IndexPage}
  621. {block:PermalinkPage}
  622. {LinkOpenTag}
  623. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="840"/></a>
  624. {LinkCloseTag}
  625. {/block:permalinkpage}
  626. {/block:Photo}
  627.  
  628. {block:Photoset}
  629. <center>
  630. {block:IndexPage}{Photoset-400}{/block:IndexPage}
  631. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  632. </center>
  633.  
  634. {block:IndexPage}
  635. <div class="permalink">
  636. <a href="{Permalink}">{NoteCountWithLabel}</a> &middot; <a href="{ReblogURL}">reblog</a></span></div>
  637. {/block:IndexPage}
  638. {/block:Photoset}
  639.  
  640. {block:Quote}
  641. <div style="margin-left:3px;">
  642. {Quote}</span>
  643. {block:Source}<strong>{Source}</strong>{/block:Source}
  644. </div>
  645.  
  646. {block:IndexPage}<div style="height:0px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:0px;"></div>
  647. <span class="permalink"><a href="{ReblogURL}" target="_blank"><font color="black">REBLOG</font>
  648. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{/block:Date} {NoteCountwithLabel}</div></a>
  649. {/block:IndexPage}
  650. {/block:Quote}
  651.  
  652. {block:Chat}
  653. <div style="margin-left:3px;">
  654. {block:Title}<span class="title">{Title}</span>{/block:Title}
  655. <ul class="chat">
  656. {block:Lines}
  657. <li class="user_{UserNumber}">
  658. {block:Label}
  659. <span class="label">{Label}</span>
  660. {/block:Label}
  661. {Line}
  662. </li>
  663. {/block:Lines}
  664. </ul>
  665. </div>
  666.  
  667. {block:IndexPage}<div style="height:0px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:0px;"></div>
  668. <span class="permalink"><a href="{ReblogURL}" target="_blank"><font color="black">REBLOG</font>
  669. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{/block:Date}{NoteCountwithLabel}</div></a>
  670. {/block:IndexPage}
  671. {/block:Chat}
  672.  
  673. {block:Audio}<div style="height:0px;background-color:black;opacity:0.1;width:100%;margin-top:10px;margin-bottom:5px;"></div>
  674. <center>{AudioPlayerBlack}
  675. {block:Caption}{Caption}{/block:Caption}</center>
  676.  
  677.  
  678. {block:IndexPage}<div style="height:0px;background-color:#bbb;width:100%;margin-top:2px;margin-bottom:0px;"></div>
  679. <span class="permalink"><a href="{ReblogURL}" target="_blank"><font color="black">REBLOG</font>
  680. <a href="{Permalink}"><div style="margin-bottom:0px; font-size:9px; text-align:right;">{block:Date}{/block:Date}{NoteCountwithLabel}</div></a>
  681. {/block:IndexPage}
  682. {/block:Audio}
  683.  
  684. {block:Video}
  685. {block:IndexPage}
  686. <center>
  687. {Video-340}</center>
  688. {/block:IndexPage}
  689. {block:PermalinkPage}
  690. <center>
  691. {Video-550}</center>
  692. {/block:PermalinkPage}
  693. {block:Video}
  694.  
  695. {block:PermalinkPage}
  696. <center>
  697. <br>{block:Caption}{Caption}{/block:Caption}{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}</center>
  698.  
  699.  
  700. {/block:PermalinkPage}
  701.  
  702. {block:PermalinkPage}
  703. {block:Caption}{Caption}<div style="height:1px;background-color:black;opacity:0.1;width:100%;margin-top:5px;margin-bottom:5px;"></div>{/block:Caption}
  704. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:HasTags} &middot; {block:Tags}<a href="TagURL"> #{Tag}</a> {/block:Tags}{/block:hasTags}
  705. {/block:PermalinkPage}
  706.  
  707.  
  708. {block:PostNotes}
  709. </center></center>
  710. <div align="left">{PostNotes}</div>
  711. {/block:PostNotes}
  712. </div>
  713.  
  714. {/block:Posts}
  715.  
  716.  
  717. {block:IndexPage}
  718. {block:Pagination}
  719. <div id="pagination">
  720. {block:NextPage}
  721. <a id="nextPage" href="{NextPage}"></a>
  722. {/block:NextPage}
  723. {block:PreviousPage}
  724. <a href="{PreviousPage}"></a>
  725. {/block:PreviousPage}
  726. </div>
  727. {/block:Pagination}
  728. {/block:IndexPage}
  729. </div>
  730.  
  731.  
  732. <link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>
  733.  
  734.  
  735. <div id="sidebar">
  736. <a href="/"><img src="{image:sidebar}" width=250px></a>
  737. <center>
  738. {Description}<br><br>
  739. </center>
  740. <center>
  741. <a href="/ask">message</a><br>
  742. {block:ifLinkTwoTitle}<a href="{text:Link Two}">{text:Link Two Title}</a>{/block:ifLinkTwoTitle}</a><br>
  743. {block:ifLinkThreeTitle}<a href="{text:Link Three}">{text:Link Three Title}</a>{/block:ifLinkThreeTitle}<br>
  744. {block:ifLinkFourTitle}<a href="{text:Link Four}">{text:Link Four Title} </a>{/block:ifLinkFourTitle}<br>
  745. <a href="http://opulen-ce.tumblr.com">theme</a>
  746.  
  747.  
  748. </center>
  749. </div>
  750.  
  751. <div id="blogtitle">
  752. {block:ifshowblogtitle}
  753. {Title}
  754. {/block:ifshowblogtitle}
  755. </div>
  756. </div>
  757.  
  758.  
  759. </body>
  760.  
  761. </div></div></div></div></div></div></div></div></div></div>
  762.  
  763.  
  764. </html>
  765.  
  766. <!----Please dont remove theme credit,xo --->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement