API tools faq
paste
Advertisement
imperialthemes

ρ Theme

imperialthemes
Jul 4th, 2013
132
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 31.00 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. ρ Theme ✦ Rho Theme
  3. main blog: oasal.tumblr.com
  4. theme blog: imperialthemes.tumblr.com
  5.  
  6. ✦ The Rho theme is a very customizable
  7. ___ ___ ✦ grid theme that is aesthetically
  8. / \ /\ / /\ | ✦ pleasing. It has a header link that
  9. | | / \ \___ / \ | ✦ opens a pop-up window. This is the
  10. | | /----\ \ /----\ | ✦ most customizable theme I have made!
  11. \___/ / \ ___/ / \ |___ ✦ It has many choices and up to four
  12. ✦ custom links. Please contact me if
  13. ✦ you are using this theme!
  14. -->
  15.  
  16. <head>
  17.  
  18. <script type="text/javascript"
  19. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  20. <link href='http://fonts.googleapis.com/css?family=Unica+One' rel='stylesheet' type='text/css'>
  21.  
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Text" content="#130C11" />
  24. <meta name="color:Links" content="#97cde7" />
  25. <meta name="color:Hover" content="#c1f0dc" />
  26. <meta name="color:Borders" content="#dddddd" />
  27. <meta name="color:Borders Hover" content="#ffffff" />
  28. <meta name="image:Background" content="0" />
  29. <meta name="image:Pop Up Image" content="0" />
  30. <meta name="image:Header Hover Background" content="1" />
  31. <meta name="if:Multisize Posts" content="1" />
  32. <meta name="if:Three Columns" content="0" />
  33. <meta name="if:Two Columns" content="0" />
  34. <meta name="if:One Column" content="0" />
  35. <meta name="if:Pop Up Photo" content="1" />
  36. <meta name="if:White Follow Button" content="1" />
  37. <meta name="if:Image Opacity" content="1" />
  38. <meta name="if:Full Screen Background" content="" />
  39. <meta name="text:Link One Title" content="" />
  40. <meta name="text:Link One" content="" />
  41. <meta name="text:Link Two Title" content="" />
  42. <meta name="text:Link Two" content="" />
  43. <meta name="text:Link Three Title" content="" />
  44. <meta name="text:Link Three" content="" />
  45. <meta name="text:Link Four Title" content="" />
  46. <meta name="text:Link Four" content="" />
  47.  
  48. <script type="text/javascript"
  49. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  50. <script>
  51. $(document).ready(function() {
  52. //
  53. $('a.poplight[href^=#]').click(function() {
  54. var popID = $(this).attr('rel'); //Get Popup Name
  55. var popURL = $(this).attr('href'); //Get Popup href to define size
  56. var query= popURL.split('?');
  57. var dim= query[1].split('&');
  58. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  59. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="" class="btn_close" title="Close" alt="Close" /></a>');
  60. var popMargTop = ($('#' + popID).height() + 80) / 2;
  61. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  62. //Apply Margin to Popup
  63. $('#' + popID).css({
  64. 'margin-top' : -popMargTop,
  65. 'margin-left' : -popMargLeft
  66. });
  67. $('body').append('<div id="fade"></div>');
  68. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  69. return false;
  70. });
  71. $('a.close, #fade').live('click', function() {
  72. $('#fade , .popup_block').fadeOut(function() {
  73. $('#fade, a.close').remove(); //fade them both out
  74. });
  75. return false;
  76. });
  77. });
  78. </script>
  79.  
  80. <script type="text/javascript"
  81. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  82.  
  83. <style type="text/css">
  84.  
  85. iframe#tumblr_controls {
  86. right:3px !important;
  87. position: fixed !important;
  88. opacity:.4;
  89. {block:ifWhiteFollowButton}
  90. white-space:nowrap;
  91. -webkit-filter:invert(100%);
  92. {/block:ifWhiteFollowButton}
  93. }
  94.  
  95. ::-webkit-scrollbar-thumb{
  96. background-color: #000;
  97. border: 2px solid #fff;
  98. height:auto;
  99. -moz-border-radius: 10px;
  100. border-radius: 10px;
  101. }
  102.  
  103. ::-webkit-scrollbar {
  104. height:auto;
  105. width:9px;
  106. background-color: #000;
  107. border: 4px solid #fff;
  108. }
  109.  
  110. body {
  111. padding: 0px;
  112. margin-left: 0px;
  113. color:{color:text};
  114. font-family:cambria;
  115. font-size:11px;
  116. line-height:14px;
  117. background-color: {color:Background};
  118. background-image:url({image:Background});
  119. background-attachment: fixed;
  120. background-repeat: repeat;
  121. }
  122.  
  123. #fade { /*--Transparent background layer--*/
  124. display: none; /*--hidden by default--*/
  125. background:transparent;
  126. position: fixed; left: 0; top: 0;
  127. width: 100%; height: 100%;
  128. opacity:0;
  129. z-index: 9999999;
  130. }
  131. .popup_block{
  132. display: none; /*--hidden by default--*/
  133. background: #fff;
  134. padding: 10px;
  135. border: 2px solid {color:Borders};
  136. float: left;
  137. position: fixed;
  138. top: 50%; left: 50%;
  139. z-index: 99999999;
  140. }
  141. img.btn_close {
  142. display:none;
  143. }
  144. /*--Making IE6 Understand Fixed Positioning--*/
  145. *html #fade {
  146. position: absolute;
  147. }
  148. *html .popup_block {
  149. position: absolute;
  150. }
  151.  
  152. a {
  153. color:{color:Links};
  154. -webkit-transition-duration:1s;text-decoration:none;font-weight:none;
  155. }
  156.  
  157. a:hover {
  158. color:{color:Hover};
  159. text-decoration: none;
  160. }
  161.  
  162. {block:ifnotmultisizeposts}
  163. #all {
  164. background:transparent;
  165. display:block;
  166. padding-left:0px;
  167. margin-left:auto;
  168. margin-right:auto;
  169. height:100%;
  170. z-index:-1;
  171. margin-top:-10px;
  172. padding-top:25px;
  173. {block:ifthreecolumns}
  174. width:930px;
  175. {/block:ifthreecolumns}
  176. {block:iftwocolumns}
  177. width:620px;
  178. {/block:iftwocolumns}
  179. {block:ifonecolumn}
  180. width:250px;
  181. {/block:ifonecolumn}
  182. {block:PermalinkPage}
  183. width:750px;
  184. {/block:PermalinkPage}
  185. }
  186. {/block:ifnotmultisizeposts}
  187.  
  188. .entry {
  189. margin:30px 30px 0px 30px;
  190. background:transparent;
  191. {block:IndexPage}
  192. width:250px;
  193. {/block:IndexPage}
  194. {block:PermalinkPage}
  195. width:400px;
  196. position:absolute;
  197. {/block:PermalinkPage}
  198. -webkit-transition:.5s linear;
  199. -moz-transition:.5s linear;
  200. transition:.5s linear;
  201. }
  202.  
  203. {block:IndexPage}
  204. {block:ifImageOpacity}
  205. .entryimg {opacity:.8;-webkit-transition-duration:1s;}
  206. .entryimg:hover {opacity:1;-webkit-transition-duration:1s;}
  207. {/block:ifImageOpacity}
  208. {/block:IndexPage}
  209.  
  210. .perma {
  211. opacity: 0.0;
  212. filter: alpha(opacity = 0);
  213. width: px;
  214. height: 30px;
  215. line-height: 30px;
  216. font-size: 10px;
  217. text-transform: bold;
  218. position:absolute;
  219. text-align: center;
  220. z-index:999;
  221. -webkit-transition: opacity 0.4s linear;
  222. -moz-transition: all 0.4s linear;
  223. transition: all 0.4s linear;
  224. }
  225.  
  226. .entry:hover .perma {
  227. -webkit-transition: opacity 0.4s linear;
  228. opacity: 1;
  229. z-index:999;
  230. -moz-transition: all 0.4s linear;
  231. transition: all 0.4s linear;
  232. filter: alpha(opacity = 100);
  233. }
  234.  
  235. .likep {
  236. width: 21px;
  237. height: 20px;
  238. overflow: hidden;
  239. position: relative;
  240. z-index: 999;
  241. position: absolute;
  242. margin-top: 26px;
  243. margin-left: 5px;
  244. }
  245. .rep {
  246. width: 24px;
  247. height: 20px;
  248. overflow: hidden;
  249. position: relative;
  250. z-index: 999;
  251. position: absolute;
  252. margin-top: 26px;
  253. margin-left: 29px;
  254. }
  255. .likep a:hover {
  256. background-position: 0px 0px;
  257. }
  258. .likep a {
  259. background-image: url("http://static.tumblr.com/uiqhh9x/BPnlzww8v/like.png");
  260. background-position: 0px 0px;
  261. display: block;
  262. z-index: 999;
  263. webkit-transition: all 0s linear;
  264. -webkit-transition: all 0s linear;
  265. -moz-transition: all 0s linear;
  266. transition: all 0s linear;
  267. }
  268. .likep img {
  269. width: 21px;
  270. height: 20px;
  271. webkit-transition: all 0.2s linear;
  272. -webkit-transition: all 0.2s linear;
  273. -moz-transition: all 0.2s linear;
  274. transition: all 0.2s linear;
  275. }
  276. .rep img{
  277. width: 24px;
  278. height: 20px;
  279. line-height: 30px;
  280. display: inline;
  281. }
  282.  
  283. .not { position: absolute;
  284. background: url("http://static.tumblr.com/uiqhh9x/X6Ym17xp2/middle.png");
  285. height: 20px;
  286. font-size: 11px;
  287. line-height: 20px;
  288. color: #fff;
  289. position: absolute;
  290. margin-top: 26px;
  291. margin-left: 56px;
  292. padding-left: 4px;
  293. padding-right: 4px;
  294. -moz-border-radius: 2px;
  295. border-radius: 2px;
  296. }
  297. .not a{
  298. color: #fff;
  299. font-family:Arial;
  300. }
  301.  
  302. .entry:hover .not, .entry:hover .rep, .entry:hover .likep {
  303. opacity: 0.8;
  304. filter: alpha(opacity = 80);
  305. }
  306. .not:hover , .rep:hover, .likep:hover {
  307. opacity: 1!important;
  308. filter: alpha(opacity = 100)!important;
  309. }
  310.  
  311. .perm a {color:#ddd;text-decoration:underline;}
  312. .perm {
  313. display: block;
  314. margin-top: 3px;
  315. font-family:times new roman;
  316. font-size: 10px;
  317. line-height: 10px;
  318. text-align:center;
  319. text-transform: uppercase;
  320. }
  321.  
  322. {block:ifmultisizeposts}
  323. #posts {
  324. width:100%;
  325. margin-left:auto;
  326. margin-right:auto;
  327. margin-top:75px;
  328. }
  329. {/block:ifmultisizeposts}
  330. {block:ifnotmultisizeposts}
  331. #posts {
  332. {block:ifthreecolumns}
  333. width:930px;
  334. {/block:ifthreecolumns}
  335. {block:iftwocolumns}
  336. width:620px;
  337. margin-left:0px;
  338. {/block:iftwocolumns}
  339. {block:ifonecolumn}
  340. width:250px;
  341. margin-left:-30px;
  342. {/block:ifonecolumn}
  343. margin-top:75px;
  344. }
  345. {/block:ifnotmultisizeposts}
  346.  
  347. .head {
  348. position:fixed;
  349. text-align:center;
  350. z-index:99999;
  351. {block:ifnotmultisizeposts}
  352. margin-top:20px;
  353. {block:ifthreecolumns}
  354. width:930px;
  355. {/block:ifthreecolumns}
  356. {block:iftwocolumns}
  357. width:620px;
  358. {/block:iftwocolumns}
  359. {block:ifonecolumn}
  360. width:250px;
  361. {/block:ifonecolumn}
  362. {/block:ifnotmultisizeposts}
  363. {block:ifmultisizeposts}
  364. width:100%;
  365. margin-top:-40px;
  366. {/block:ifmultisizeposts}
  367. }
  368.  
  369. #header {
  370. font-family:meem45;
  371. font-size:40px;
  372. line-height:50px;
  373. padding:5px;
  374. margin-left:auto;
  375. margin-right:auto;
  376. text-transform:lowercase;
  377. padding-top:0px;
  378. padding-bottom:0px;
  379. border:3px solid {color:Borders};
  380. webkit-transition: all 0s linear;
  381. -webkit-transition: all 0s linear;
  382. -moz-transition: all 0s linear;
  383. transition: all 0s linear;
  384. }
  385.  
  386. #header:hover {
  387. background-image: url("{image:Header Hover Background}");
  388. border:3px solid {color:Borders Hover};
  389. }
  390.  
  391. @font-face{ font-family: 'meem45'; src:url('http://static.tumblr.com/gyoju49/0q5moaixz/meem45.ttf');}
  392.  
  393. .sidebarlinks {
  394. width:300px;
  395. margin-top:-1px;
  396. font-family:calibri;
  397. font-size:9px;
  398. font-weight:bold;
  399. text-align:center;
  400. text-transform:uppercase;
  401. letter-spacing:1px;
  402. }
  403.  
  404. .sidebarlinks a {
  405. display:inline-block;
  406. margin-left:5px;
  407. padding:0 2px 1px 2px;
  408. text-decoration:none !important;
  409. border-top:1px solid transparent;
  410. color:{color:text};
  411. }
  412.  
  413. .sidebarlinks a:hover {
  414. color:{color:hover} !important;
  415. border-top:1px solid {color:Borders Hover};
  416. }
  417.  
  418. #infscr-loading {
  419. display:none;
  420. }
  421.  
  422. blockquote{
  423. padding:0px 0px 2px 5px;
  424. margin:0px 0px 2px 5px;
  425. border-left:1px solid #000;
  426. }
  427.  
  428. .title {
  429. font-size:14px;
  430. line-height: 14px;
  431. font-family:unica one;
  432. }
  433.  
  434. .quote{
  435. font-size: 26px;
  436. float: left;
  437. margin-top: 0px;
  438. padding-right:8px;
  439. color: #BDBDBD;
  440. }
  441.  
  442. ul.chat {
  443. margin: 0;
  444. padding: 0;
  445. }
  446.  
  447. .chat li {
  448. list-style-type: none;
  449. margin-left: 0px;
  450. padding: 2px;
  451. }
  452.  
  453. .chat li.odd {
  454. margin-bottom: 3px;
  455. background-color:#eee;
  456. color: #888;
  457. }
  458.  
  459. .chat li.even {
  460. margin-bottom: 3px;
  461. background-color:#fff;
  462. color: #000;
  463. }
  464.  
  465. .label {
  466. font-weight: bold;
  467. }
  468.  
  469. td{
  470. width:250px;
  471. }
  472.  
  473. ol.notes{
  474. margin:25px 0px;
  475. border-bottom:1px solid #eee;
  476. padding:5px;
  477. list-style-type:none;
  478. }
  479.  
  480. ol.notes li.note{
  481. border-bottom:1px solid #eee;
  482. padding:5px;
  483. }
  484. .caption {
  485. width:350px;
  486. height:325px;
  487. overflow-y:scroll;
  488. display:inline-block;
  489. margin-left:450px;
  490. margin-top:30px;
  491. }
  492.  
  493. #audio {width:300px; height:auto; height:90px; padding-bottom:13px;}
  494. .cover {position:absolute; z-index:1; width:60px; height:60px;}
  495. .cover img {float:left; width:100px; height:100px;}
  496. .playbox {opacity:0.6; width:27px; height:30px; overflow:hidden; position:absolute; z-index:1000; margin-left:36.5px; margin-top:35px; text-align:center;}
  497. .info {margin-left:108px; width: 170px;margin-top:18px; line-height:16px;position:absolute;}
  498.  
  499. </style>
  500.  
  501. {block:IndexPage}
  502. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/iBElrgjim/jquerymasonry.js"></script>
  503. <script type="text/javascript" src="http://static.tumblr.com/dbek3sy/Qyblrgjfn/jqueryinfintescroll.js"></script>
  504.  
  505. <script type="text/javascript">
  506. $(window).load(function () {
  507. var $content = $('#posts');
  508. $content.masonry({itemSelector: '.entry'}),
  509. $content.infinitescroll({
  510. navSelector : 'div#pagination',
  511. nextSelector : 'div#pagination a#nextPage',
  512. itemSelector : '.entry',
  513. loading: {
  514. finishedMsg: '',
  515. img: 'http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif'
  516. },
  517. bufferPx : 600,
  518. debug : false,
  519. },
  520. // call masonry as a callback.
  521. function( newElements ) {
  522. var $newElems = $( newElements );
  523. $newElems.hide();
  524. // ensure that images load before adding to masonry layout
  525. $newElems.imagesLoaded(function(){
  526. $content.masonry( 'appended', $newElems, true, function(){$newElems.fadeIn(300);} );
  527.  
  528.  
  529. });
  530. });
  531. });
  532. </script>
  533.  
  534. {/block:IndexPage}
  535.  
  536. <title>{Title}</title>
  537.  
  538. <link rel="shortcut icon" href="{Favicon}">
  539. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  540. <meta name="viewport" content="width=820" />
  541.  
  542. </head>
  543. <body>
  544.  
  545. <div id="all">
  546.  
  547. <div class="head">
  548.  
  549. <a href="#?w=475" rel="02" class="poplight" id="header">{title}</a>
  550.  
  551. </div>
  552.  
  553. <div class="left">
  554.  
  555. <div id="posts">
  556.  
  557. {block:Posts}
  558. <div class="entry">
  559.  
  560. {block:Answer}
  561. "{Question}"
  562. {Answer}
  563. Asked by {asker}
  564. {block:IndexPage}
  565. <div class="perm">
  566. <a href="{Permalink}">POSTED {TimeAgo} WITH {NoteCountWithLabel}</a></div>
  567. {/block:IndexPage}
  568. {/block:Answer}
  569.  
  570. {block:Text}{block:Title}<span class="title">{Title}</span>{/block:Title}
  571. {Body}
  572. {block:IndexPage}
  573. <div class="perm">
  574. <a href="{Permalink}">POSTED {TimeAgo} WITH {NoteCountWithLabel}</a></div>
  575. {/block:IndexPage}
  576. {/block:text}
  577.  
  578. {block:Link}<a href="{URL}" class="title">{Name}</a>{block:Description}{Description}{/block:Description}
  579. {block:IndexPage}
  580. <div class="perm">
  581. <a href="{Permalink}">POSTED {TimeAgo} WITH {NoteCountWithLabel}</a></div>
  582. {/block:IndexPage}
  583. {/block:link}
  584.  
  585. {block:Photo}
  586. {block:ifmultisizeposts}
  587. {block:Post1}{block:IndexPage}
  588. <div class="perma" style="bottom:29px; left:5px;">
  589. <div class="likep">
  590. <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>
  591. </div>
  592. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  593. </div>
  594. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  595. </div>
  596. <div style="margin-right:10px;"><a href="{Permalink}">
  597. <img src="{PhotoURL-250}" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post1}
  598.  
  599. {block:Post2}{block:IndexPage}
  600. <div class="perma" style="bottom:29px; left:55px;">
  601. <div class="likep">
  602. <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>
  603. </div>
  604. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  605. </div>
  606. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  607. </div>
  608. <div style="margin-left:50px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="150px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post2}
  609.  
  610. {block:Post3}{block:IndexPage}
  611. <div class="perma" style="bottom:29px; left:15px;">
  612. <div class="likep">
  613. <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>
  614. </div>
  615. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  616. </div>
  617. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  618. </div>
  619. <div style="padding-bottom:0px;padding-left:10px;padding-top:10px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="210px;" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post3}
  620.  
  621. {block:Post4}{block:IndexPage}
  622. <div class="perma" style="bottom:29px; left:20px;">
  623. <div class="likep">
  624. <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>
  625. </div>
  626. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  627. </div>
  628. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  629. </div>
  630. <div style="padding-top:0px;padding-left:15px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="200px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post4}
  631.  
  632. {block:Post5}{block:IndexPage}
  633. <div class="perma" style="bottom:29px; left:55px;">
  634. <div class="likep">
  635. <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>
  636. </div>
  637. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  638. </div>
  639. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  640. </div> <div style="align:center;padding-top:10px;padding-left:50px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="150px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post5}
  641.  
  642. {block:Post6}{block:IndexPage}
  643. <div class="perma" style="bottom:29px; left:35px;">
  644. <div class="likep">
  645. <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>
  646. </div>
  647. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  648. </div>
  649. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  650. </div> <div style="align:center;padding-top:20px;padding-left:30px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="200px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post6}
  651.  
  652. {block:Post7}{block:IndexPage}
  653. <div class="perma" style="bottom:29px; left:25px;">
  654. <div class="likep">
  655. <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>
  656. </div>
  657. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  658. </div>
  659. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  660. </div> <div style="padding-left:20px;padding-top:0px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="200px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post7}
  661.  
  662. {block:Post8}{block:IndexPage}
  663. <div class="perma" style="bottom:29px; left:5px;">
  664. <div class="likep">
  665. <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>
  666. </div>
  667. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  668. </div>
  669. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  670. </div> <div style="padding-top:0px;padding-left:0px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="250px;" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post8}
  671.  
  672. {block:Post9}{block:IndexPage}
  673. <div class="perma" style="bottom:29px; left:35px;">
  674. <div class="likep">
  675. <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>
  676. </div>
  677. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  678. </div>
  679. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  680. </div> <div style="padding-left:30px;padding-top:10px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="210px;" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post9}
  681.  
  682. {block:Post10}{block:IndexPage}
  683. <div class="perma" style="bottom:29px; left:15px;">
  684. <div class="likep">
  685. <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>
  686. </div>
  687. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  688. </div>
  689. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  690. </div> <div style="padding-top:10px;padding-left:10px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="230px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post10}
  691.  
  692. {block:Post11}{block:IndexPage}
  693. <div class="perma" style="bottom:39px; left:5px;">
  694. <div class="likep">
  695. <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>
  696. </div>
  697. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  698. </div>
  699. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  700. </div> <div style="padding-right:50px;padding-bottom:10px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="190px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post11}
  701.  
  702. {block:Post12}{block:IndexPage}
  703. <div class="perma" style="bottom:29px; left:20px;">
  704. <div class="likep">
  705. <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>
  706. </div>
  707. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  708. </div>
  709. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  710. </div> <div style="padding-top:35px;padding-left:15px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="200px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post12}
  711.  
  712. {block:Post13}{block:IndexPage}
  713. <div class="perma" style="bottom:39px; left:15px;">
  714. <div class="likep">
  715. <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>
  716. </div>
  717. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  718. </div>
  719. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  720. </div> <div style="padding-bottom:10px;padding-left:10px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="160px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post13}
  721.  
  722. {block:Post14}{block:IndexPage}
  723. <div class="perma" style="bottom:29px; left:5px;">
  724. <div class="likep">
  725. <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>
  726. </div>
  727. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  728. </div>
  729. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  730. </div> <div style="padding-top:20px;padding-right:15px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="230px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post14}
  731.  
  732. {block:Post15}{block:IndexPage}
  733. <div class="perma" style="bottom:49px; left:20px;">
  734. <div class="likep">
  735. <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>
  736. </div>
  737. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  738. </div>
  739. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  740. </div> <div style="padding-bottom:20px;padding-left:15px;"><a href="{Permalink}"><img src="{PhotoURL-250}" width="230px" style="border:1px dashed {color:Borders};" class="entryimg"></img></a></div>{/block:IndexPage}{/block:Post15}
  741. {/block:IndexPage}
  742. {/block:ifmultisizeposts}
  743. {block:ifnotmultisizeposts}
  744. {block:IndexPage}
  745. <div class="perma" style="bottom:29px; left:5px;">
  746. <div class="likep">
  747. <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>
  748. </div>
  749. <div class="rep"><a href="{reblogurl}" target="_blank"><img src="http://static.tumblr.com/uiqhh9x/OAClzwwao/reblog.png" width="30"/></a>
  750. </div>
  751. <div class="not"><a id="notes{PostID}" href="{Permalink}">{NoteCount}</a></div>
  752. </div>
  753. <a href="{Permalink}">
  754. <img src="{PhotoURL-250}" style="border:1px dashed {color:Borders};" class="entryimg"></img></a>
  755. {/block:IndexPage}
  756. {/block:ifnotmultisizeposts}
  757. {block:PermalinkPage}
  758. <center>{LinkOpenTag}<a href="{permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width=400px/></a>{LinkCloseTag}</center>
  759. {/block:PermalinkPage}
  760. {/block:Photo}
  761.  
  762. {block:Photoset}
  763. {block:IndexPage}
  764. <center>
  765. {Photoset-250}</center>
  766. {/block:IndexPage}
  767. {block:PermalinkPage}
  768. <center>
  769. {Photoset-500}</center>
  770. {/block:PermalinkPage}
  771. {block:IndexPage}
  772. <div class="perm">
  773. <a href="{Permalink}">POSTED {TimeAgo} WITH {NoteCountWithLabel}</a></div>
  774. {/block:IndexPage}
  775. {/block:Photoset}
  776.  
  777. {block:Quote}
  778. <div class="quote">❝</div>{Quote}
  779. <div align="right">{block:Source}{Source}{/block:Source}</div>
  780. {block:IndexPage}
  781. <div class="perm">
  782. <a href="{Permalink}">POSTED {TimeAgo} WITH {NoteCountWithLabel}</a></div>
  783. {/block:IndexPage}
  784. {/block:Quote}
  785.  
  786. {block:Chat}{block:Title}<span class="title">{Title}</span>{/block:Title}
  787. <ul class="chat">{block:Lines}<li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label}{Line}</li>{/block:Lines}
  788. {block:IndexPage}
  789. <div class="perm">
  790. <a href="{Permalink}">POSTED {TimeAgo} WITH {NoteCountWithLabel}</a></div>
  791. {/block:IndexPage}
  792. {/block:Chat}
  793.  
  794. {block:Audio}
  795. {block:IndexPage}
  796. <div id="audio"><div class="cover"><img src="http://static.tumblr.com/k9utpfa/tcom8wpif/default_cover_m.jpg"></div>
  797. {block:AlbumArt}
  798. <div class="cover"><img src="{AlbumArtURL}"></div>
  799. {/block:AlbumArt}
  800. <div class="playbox">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  801. <div class="info"><b>Artist:</b> <span{block:Artist} style="display:none;"{/block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  802. <b>Title:</b> <span{block:TrackName} style="display:none;"{/block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  803. <b>Album:</b> <span{block:Album} style="display:none;"{/block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}{block:PlayCount}<br>
  804. <b>Plays:</b> {FormattedPlayCount}{/block:PlayCount}</div></div>
  805. <div class="perm">
  806. <a href="{Permalink}">POSTED {TimeAgo} WITH {NoteCountWithLabel}</a></div>
  807. {/block:IndexPage}
  808. {block:PermalinkPage}
  809. <div id="album">{block:AlbumArt}<img width="500px" src="{AlbumArtURL}"/>{/block:AlbumArt}</div>
  810. <div id="player"><div style="margin-top:-3px;margin-bottom:20px;">{AudioPlayerGrey}</div></div>
  811.  
  812. {/block:PermalinkPage}
  813. {/block:Audio}
  814.  
  815. {block:Video}
  816. {block:IndexPage}
  817. <center>
  818. {Video-250}</center>
  819. {/block:IndexPage}
  820. {block:PermalinkPage}
  821. <center>
  822. {Video-500}</center>
  823. {/block:PermalinkPage}
  824. {block:IndexPage}
  825. <div class="perm">
  826. <a href="{Permalink}">POSTED {TimeAgo} WITH {NoteCountWithLabel}</a></div>
  827. {/block:IndexPage}
  828. {block:Video}
  829.  
  830. </div>
  831. {block:PermalinkPage}
  832. {block:PostNotes}<div class="caption">
  833. <center>
  834. {block:Caption}{Caption}{/block:Caption}
  835. {block:Date}posted {12Hour}:{Minutes} {AmPm} on {DayOfWeek}, {Month} {DayOfMonth}, {Year}{/block:Date} {block:NoteCount}with {NoteCountWithLabel}<br>{/block:NoteCount}
  836. {block:RebloggedFrom}<b>source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a> | <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a><br>{/block:RebloggedFrom}
  837. {block:HasTags}<b>tags »</b> {block:Tags}<a href="{TagURL}">#{Tag}</a> <br>{/block:Tags}{/block:hasTags}
  838. </center>
  839. {PostNotes}</div>{/block:PostNotes}
  840. {/block:PermalinkPage}
  841. {/block:Posts}
  842. </div>
  843. </div>
  844. {block:IndexPage}
  845. {block:Pagination}
  846. <div id="pagination">
  847. {block:NextPage}
  848. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  849. {/block:NextPage}
  850. {block:PreviousPage}
  851. <a href="{PreviousPage}">&larr;&nbsp;</a>
  852. {/block:PreviousPage}
  853. </div>
  854. {/block:Pagination}
  855. {/block:IndexPage}
  856. </div>
  857.  
  858. <script type="text/javascript" src="http://static.tumblr.com/j1tjexd/A33m6pdi7/like_script.js"></script>
  859. <script type="text/javascript" src="http://static.tumblr.com/uiqhh9x/UYAm6i0bc/like.js"></script>
  860. <iframe id="likeiframe" style="display:none;"></iframe>
  861.  
  862. </body>
  863.  
  864. <div id="02" class="popup_block">
  865.  
  866. {block:ifpopupphoto}
  867. <a href="/"><img src="{image:Pop Up Image}" style="border:1px dashed {color:Borders};width:150px;height:150px;"></img></a>
  868. <div style="position:absolute;margin-left:170px;margin-top:-105px;width:300px;text-align:center;">{description}
  869. <div style="padding-top:15px;border-bottom:1px solid {color:Borders};"></div>
  870. <div class="sidebarlinks" style="margin-left:auto;margin-right:auto;">
  871. <a href="/ask">inbox</a>
  872. <a href="{text:Link One}">{text:Link One Title}</a>
  873. <a href="{text:Link Two}">{text:Link Two Title}</a>
  874. <a href="{text:Link Three}">{text:Link Three Title}</a>
  875. <a href="{text:Link Four}">{text:Link Four Title}</a>
  876. <a href="http://oasal.tumblr.com/">theme</a>
  877. </div></div>
  878. {/block:ifpopupphoto}
  879. {block:ifnotpopupphoto}
  880. <div style="text-align:center;">{description}</div>
  881. <div style="padding-top:10px;border-bottom:1px solid {color:Borders};"></div>
  882. <div class="sidebarlinks" style="margin-left:auto;margin-right:auto;">
  883. <a href="/ask">inbox</a>
  884. <a href="{text:Link One}">{text:Link One Title}</a>
  885. <a href="{text:Link Two}">{text:Link Two Title}</a>
  886. <a href="{text:Link Three}">{text:Link Three Title}</a>
  887. <a href="{text:Link Four}">{text:Link Four Title}</a>
  888. <a href="http://oasal.tumblr.com/">theme</a>
  889. </div>
  890. {/block:ifnotpopupphoto}
  891.  
  892. </div>
  893.  
  894.  
  895. </html>
  896.  
  897. <!-- END HTML AND THANK YOU FOR CHOOSING IMPERIAL THEMES -->
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!