Advertisement
armyofghosts

Theme 2: Revamp by armyofghosts

Dec 30th, 2013
1,239
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.41 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <head><title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9.  
  10.  
  11. <!--- THEME #2 BY ARMYOFGHOSTS :) --->
  12.  
  13.  
  14.  
  15. <script type="text/javascript"
  16. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  17. <script>
  18. $(document).ready(function() {
  19. //
  20. $('a.poplight[href^=#]').click(function() {
  21. var popID = $(this).attr('rel'); //Get Popup Name
  22. var popURL = $(this).attr('href'); //Get Popup href to define size
  23. var query= popURL.split('?');
  24. var dim= query[1].split('&');
  25. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  26. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"></a>');
  27. var popMargTop = ($('#' + popID).height() + 80) / 2;
  28. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  29. //Apply Margin to Popup
  30. $('#' + popID).css({
  31. 'margin-top' : -popMargTop,
  32. 'margin-left' : -popMargLeft
  33. });
  34. $('body').append('<div id="fade"></div>');
  35. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  36. return false;
  37. });
  38. $('a.close, #fade').live('click', function() {
  39. $('#fade , .popup_block').fadeOut(function() {
  40. $('#fade, a.close').remove(); //fade them both out
  41. });
  42. return false;
  43. });
  44. });
  45. </script>
  46.  
  47. <!-- jquery -->
  48.  
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  50.  
  51. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  52.  
  53. <script>
  54.  
  55. (function($){
  56.  
  57. $(document).ready(function(){
  58.  
  59. $("a[title]").style_my_tooltips({
  60.  
  61. tip_follows_cursor:true,
  62.  
  63. tip_delay_time:30,
  64.  
  65. tip_fade_speed:300,
  66.  
  67. attribute:"title"
  68.  
  69. });
  70.  
  71. });
  72.  
  73. })(jQuery);
  74.  
  75. </script>
  76.  
  77. <meta name="color:Background" content="#ffffff"/>
  78. <meta name="color:Links" content="#cccccc"/>
  79. <meta name="color:Hover" content="#f2f2f2"/>
  80. <meta name="color:SidebarLinks" content="#000000"/>
  81. <meta name="color:Text" content="#a8a8a8"/>
  82. <meta name="color:Title" content="#a8a8a8">
  83. <meta name="color:Border" content="#f7f7f7"/>
  84. <meta name="color:Scrollbar" content="#000000"/>
  85. <meta name="color:ScrollbarBg" content="#ffffff"/>
  86.  
  87. <meta name="image:Sidebar" content=""/>
  88.  
  89. <meta name="if:Show Updates" content="1" />
  90. <meta name="if:Pop Up Ask" content="1" />
  91. <meta name="if:Show Link 1" content="1" />
  92. <meta name="if:Show Link 2" content="1" />
  93. <meta name="if:Show Link 3" content="1" />
  94.  
  95. <meta name="text:Title" content="" />
  96. <meta name="text:Ask" content="" />
  97. <meta name="text:URL" content="" />
  98. <meta name="text:Link 1" content="" />
  99. <meta name="text:Link 1 Text" content="" />
  100. <meta name="text:Link 2" content="" />
  101. <meta name="text:Link 2 Text" content="" />
  102. <meta name="text:Link 3" content="" />
  103. <meta name="text:Link 3 Text" content="" />
  104.  
  105.  
  106. <style type="text/css">
  107.  
  108. /*---TOOLTIP---*/
  109.  
  110. #s-m-t-tooltip {
  111. max-width:300px;
  112. padding:2px;
  113. margin:10px 0px 0px 10px;
  114. padding:3px 5px;
  115. background-color:#000;
  116. text-transform:none;
  117. font-size:9px;
  118. font-family:helvetica;
  119. letter-spacing:1px;
  120. color:#fff;
  121. z-index:999;
  122. }
  123.  
  124. /*---SCROLLBAR---*/
  125.  
  126. ::-webkit-scrollbar-thumb {
  127. height:auto;
  128. background-color:{color:Scrollbar};
  129. }
  130.  
  131. ::-webkit-scrollbar {
  132. height:9px;
  133. width:4px;
  134. background-color:{color:ScrollbarBg};
  135. }
  136.  
  137. /*---BODY---*/
  138.  
  139. body {
  140. background:{color:background};
  141. color:{color:text};
  142. font-family:helvetica;
  143. font-weight:lighter;
  144. font-size:10px;
  145. line-height:120%;
  146. text-align:justify;
  147. }
  148.  
  149. a {
  150. text-decoration:none;
  151. color:{color:Links};
  152. -moz-transition-duration:0.3s;
  153. -webkit-transition-duration:0.3s;
  154. -o-transition-duration:0.3s;
  155. }
  156.  
  157. a:hover {
  158. color:{color:Hover};
  159. -moz-transition-duration:0.3s;
  160. -webkit-transition-duration:0.3s;
  161. -o-transition-duration:0.3s;
  162. }
  163.  
  164. blockquote {
  165. padding-left:5px;
  166. border-left:2px solid;
  167. }
  168.  
  169. blockquote blockquote {
  170. padding-left:5px;
  171. border-left:2px solid;
  172. }
  173.  
  174. h1 {
  175. font-size:14px;
  176. line-height:10px;
  177. text-align:left;
  178. }
  179.  
  180. /*---ENTRIES---*/
  181.  
  182. #entry {
  183. padding:10px;
  184. width:500px;
  185. margin-left:500px;
  186. margin-top:5px;
  187. font-size:10px;
  188. }
  189.  
  190. #post {
  191. width:500px;
  192. padding-bottom:40px;
  193. padding:25px;
  194. margin-top:50px;
  195. }
  196.  
  197. /*---SIDEBAR---*/
  198.  
  199. #sidebar {
  200. position:fixed;
  201. margin-left:100px;
  202. margin-top:80px;
  203. margin-left:318px;
  204. }
  205.  
  206. /*---SIDEBAR IMAGE---*/
  207.  
  208. #sidebarimage {
  209. width: 130px;
  210. }
  211.  
  212. #sidebarimage img {
  213. width:120px;
  214. padding:3px;
  215. margin-left:-60px;
  216. }
  217.  
  218. /*---TITLE---*/
  219.  
  220. #title {
  221. width:100px;
  222. font-size:16px;
  223. letter-spacing:1px;
  224. font-family:arial;
  225. font-weight:bold;
  226. text-align:left;
  227. margin-top:150px;
  228. margin-left:-45px;
  229. padding-bottom:3px;
  230. text-transform:lowercase;
  231. line-height:100%;
  232. color:{color:Title};
  233. }
  234.  
  235. #title a {
  236. color:{color:Title};
  237. }
  238.  
  239. #title a:hover {
  240. color:{color:Hover};
  241. }
  242.  
  243. /*---LINKS---*/
  244.  
  245. #links {
  246. width:130px;
  247. padding: 3px;
  248. text-align:center;
  249. text-transform:uppercase;
  250. position:fixed;
  251. margin-top:5px;
  252. font-size:9px;
  253. margin-left:-65px;
  254. border-top:1px solid #f2f2f2;
  255. border-bottom:1px solid #f2f2f2;
  256. transition-duration: 0.6s;
  257. opacity:0;
  258. -moz-transition-duration: 0.6s;
  259. -webkit-transition-duration: 0.6s;
  260. -o-transition-duration: 0.6s;
  261. }
  262.  
  263. #sidebar:hover #links {
  264. opacity:1;
  265. transition-duration: 0.6s;
  266. -moz-transition-duration: 0.6s;
  267. -webkit-transition-duration: 0.6s;
  268. -o-transition-duration: 0.6s;
  269. }
  270.  
  271. /*---DESCRIPTION and PAGINATION---*/
  272.  
  273. #description {
  274. text-align:center;
  275. font-size:9px;
  276. width:130px;
  277. padding:5px;
  278. margin-left:-65px;
  279. position:fixed;
  280. color:{color:Text};
  281. transition-duration: 0.8s;
  282. -moz-transition-duration: 0.8s;
  283. -webkit-transition-duration: 0.8s;
  284. -o-transition-duration: 0.8s;
  285. }
  286.  
  287. #sidebar:hover #description {
  288. margin-top:25px;
  289. opacity:1;
  290. transition-duration: 0.8s;
  291. -moz-transition-duration: 0.8s;
  292. -webkit-transition-duration: 0.8s;
  293. -o-transition-duration: 0.8s;
  294. }
  295.  
  296. #pagination {
  297. width:500px;
  298. bottom:0px;
  299. margin-left:535px;
  300. padding-top:10px;
  301. height:20px;
  302. text-align:center;
  303. background-color:#fff;
  304. text-transform:uppercase;
  305. font-weight:normal;
  306. font-size:9px;
  307. letter-spacing:1px;
  308. position:fixed;
  309. opacity: 0.7s;
  310. }
  311.  
  312. /*---ASKS/INFO---*/
  313. #questions {
  314. background-color:#ffffff;
  315. color:{color:Text};
  316. padding:5px;
  317. margin-top:5px;
  318. margin-bottom:5px;
  319. font-style:normal;
  320. text-align:left;
  321. }
  322.  
  323. #answers {
  324. background-color:#ffffff;
  325. color:{color:Text};
  326. padding:2px;
  327. margin-bottom:-10px;
  328. font-style:normal;
  329. text-align:left;
  330. }
  331.  
  332. #questions img {
  333. margin-right:5px;
  334. border-radius:90px;
  335. padding:3px;
  336. float:left;
  337. text-align:justify;
  338. margin-top:-15px;
  339. }
  340.  
  341. #statement {
  342. padding:5px;
  343. margin-top:-8px;
  344. text-align:left;
  345. color:{color:Text};
  346. text-transform:none;
  347. }
  348.  
  349. .note {
  350. padding:0px 20px 0px 20px;
  351. font-size: 11px;
  352. text-align:left;
  353. line-height:120%;
  354. }
  355.  
  356. .note li {
  357. list-style-type:none;
  358. padding:5px 25px 5px 25px;
  359. text-align:left;
  360. margin-right:30px;
  361. margin-top:-50px;
  362. }
  363.  
  364. #info {
  365. font-family:helvetica;
  366. text-align:left;
  367. margin-top:10px;
  368. padding-top:10px;
  369. padding:5px;
  370. padding-bottom:5px;
  371. font-size:9px;
  372. line-height:100%;
  373. background:{color:border};
  374. }
  375.  
  376. #RebloggedFrom {
  377. font-family:helvetica;
  378. text-align:center;
  379. margin-top:-5px;
  380. font-size:10px;
  381. }
  382.  
  383. /*---TAGS---*/
  384.  
  385. #tags {
  386. font-family:helvetica;
  387. text-align:left;
  388. margin-top:5px;
  389. padding-bottom:5px;
  390. font-size:10px;
  391. opacity:0;
  392. -moz-transition-duration:1s;
  393. -webkit-transition-duration:1s;
  394. -o-transition-duration:1s;
  395. }
  396.  
  397. #post:hover #tags {
  398. margin-top:5px;
  399. opacity:1;
  400. -moz-transition-duration:1s;
  401. -webkit-transition-duration:1s;
  402. -o-transition-duration:1s;
  403. }
  404.  
  405. #notes {
  406. padding-bottom:2px;
  407. text-align:left;
  408. font-size:8px;
  409. width:460px;
  410. }
  411.  
  412. #notes li.note{
  413. border-bottom:1px solid {color:border};
  414. padding:2%;
  415. }
  416.  
  417. #notes li.note img.avatar{
  418. width:0px;
  419. height:0px;
  420. }
  421.  
  422. /*---CREDIT---*/
  423.  
  424. #cred {
  425. position:fixed;
  426. bottom:10px;
  427. right:10px;
  428. font-size:12px;
  429. font-family:arial;
  430. font-weight:bold;
  431. letter-spacing:-2px;
  432. padding:5px;
  433. }
  434.  
  435. #cred a {
  436. color:#000;
  437. }
  438.  
  439. /* --- POP UP ASK ---*/
  440.  
  441. #fade { /*--Transparent background layer--*/
  442. display: none; /*--hidden by default--*/
  443. background: #000;
  444. position: fixed; left: 0; top: 0;
  445. width: 100%; height: 100%;
  446. opacity: .80;
  447. z-index: 9999;
  448. }
  449. .popup_block{
  450. display: none; /*--hidden by default--*/
  451. padding: 10px;
  452. float: left;
  453. font-size: 10;
  454. position: fixed;
  455. top: 50%; left: 52.3%;
  456. z-index: 99999;
  457. }
  458. .heading{
  459. font-size:15px;
  460. margin-bottom:10px;
  461. color:#fff;
  462. letter-spacing:2px;
  463. }
  464. /*--Making IE6 Understand Fixed Positioning--*/
  465. *html #fade {
  466. position: absolute;
  467. }
  468. *html .popup_block {
  469. position: absolute;
  470. }
  471.  
  472. /* --- UPDATES ---*/
  473.  
  474. #updatesbox {/*the styling of the whole updates box; tutorial by http://capably.tumblr.com*/
  475. line-height:100%;/*don't change this!*/
  476. display:block;/*don't change this either lol*/
  477. border:1px solid {color:border};/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
  478. height:10px;/*the height of the box before hover*/
  479. width:30px;/*the width of the box before hover*/
  480. padding:0px 5px 5px 5px;/*don't change this!*/
  481. z-index:3;/*don't change this!*/
  482. top:20px;/*distance from top of page*/
  483. left:35px;/*distance from left of page*/
  484. color:#fff;/*color of text*/
  485. position:fixed;/*don't change this!*/
  486. background:{color:Hover};/*background color of updates box*/
  487. overflow:hidden;/*don't change this!*/
  488. text-align:center;/*text alignment of everything in updates box*/
  489. -moz-transition-duration:0.6s;
  490. -webkit-transition-duration:0.6s;
  491. -o-transition-duration:0.6s;
  492. }
  493.  
  494. #updatesbox:hover {/*the updates box after hover*/
  495. height:195px;/*the height of the box after hover*/
  496. width:90px;/*the width of the box after hover*/
  497. color:{color:Text};/*color of text*/
  498. background:#fff;/*background color of updates box*/
  499. -moz-transition-duration:0.5s;
  500. -webkit-transition-duration:0.5s;
  501. -o-transition-duration:0.5s;
  502. }
  503. /*tutorial by meem.co.vu; please don't remove this note*/
  504. #updatestitle {/*the title of the updates box*/
  505. line-height:17px;/*don't change this!*/
  506. font-family:helvetica;/*the font of the updates title*/
  507. text-transform:uppercase;/*can be uppercase, lowercase, none*/
  508. font-size:7px;/*font size of updates title*/
  509. }
  510.  
  511. #inside {/*the actual updates*/
  512. font-size:9px;/*the font size of the actual updates*/
  513. font-family:helvetica;/*the font of the actual updates*/
  514. width:90px;/*if you increase the width of #updatesbox:hover , increase the width of #inside by the same value. for instance, if you increase the width of #updatesbox:hover from 90px to 100px, change the width of #inside to 100px*/
  515. line-height:10px;/*don't change this!*/
  516. -moz-transition-duration:0.5s;
  517. -webkit-transition-duration:0.5s;
  518. -o-transition-duration:0.5s;
  519. }
  520.  
  521. /*---END CSS---*/
  522.  
  523. </style></head><body>
  524.  
  525. {block:IfShowUpdates}
  526.  
  527. <!-- begin updates box -->
  528.  
  529. <div id="updatesbox">
  530. <span id="updatestitle">TITLE</span>
  531. <div id="inside">
  532.  
  533. Okay hi so this is where you put your updates or whatever it is you want to put!
  534.  
  535. <p>
  536.  
  537. Type &lt;br&gt; or &lt;p&gt; to go to a new line.
  538.  
  539. <p>
  540.  
  541. So what you're going to have to do is go to the HTML and look for this writing and change it from there.
  542.  
  543. <p>
  544.  
  545. Of course, this is totally optional, so there will be a choice not to have this! (:
  546.  
  547. </div>
  548. </div>
  549.  
  550. {/block:IfShowUpdates}
  551.  
  552. <div id="sidebar">
  553.  
  554. <div id="title"><a href="/">{text:Title}</a></div>
  555.  
  556. <div id="sidebarimage">
  557. <a href="/">
  558. <img src="{image:Sidebar}">
  559. </a>
  560. </div>
  561.  
  562. <div id="links">
  563.  
  564. <a href="/" title="Home">I</a>&nbsp;&nbsp;
  565.  
  566. {block:ifNotPopUpAsk}
  567. <a href="/ask" title="Ask">II</a>
  568. {/block:ifNotPopUpAsk}&nbsp;&nbsp;
  569.  
  570. {block:ifPopUpAsk}
  571. <a href="#?w=500" rel="02" class="poplight" title="Ask">II</a>
  572. {/block:ifPopUpAsk}&nbsp;&nbsp;
  573.  
  574. {block:IfShowLink1}<a href="{text:Link 1}" title="{text:Link 1 Text}">III</a>{/block:IfShowLink1}&nbsp;&nbsp;
  575.  
  576. {block:IfShowLink2}<a href="{text:Link 2}" title="{text:Link 2 Text}">IV</a>{/block:IfShowLink2}&nbsp;&nbsp;
  577.  
  578. {block:IfShowLink3}<a href="{text:Link 3}" title="{text:Link 3 Text}">V</a>{/block:IfShowLink3}&nbsp;&nbsp;
  579.  
  580. {block:IfShowLink4}<a href="{text:Link 4}" title="{text:Link 4 Text}">VI</a>{/block:IfShowLink4}
  581. </div>
  582.  
  583. <div id="description">{Description}</div>
  584.  
  585. </div>
  586. </div>
  587.  
  588. <div id="pagination">
  589. {block:Pagination}<div class="pagination">
  590. {block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage} —
  591. {block:NextPage}<a href="{NextPage}">forth</a> {/block:NextPage}
  592. </div>{/block:Pagination}
  593. </div>
  594.  
  595. <!---END SIDEBAR--->
  596.  
  597. <!---POSTS--->
  598.  
  599. <div id="entry">
  600. {block:Posts}
  601. <div id="post">
  602.  
  603. {block:Text}
  604. {block:Title}<h1>{Title}</h1>{/block:Title}
  605. {Body}
  606. {/block:Text}
  607.  
  608.  
  609. {block:Photo}
  610. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  611. {block:Caption}
  612. <span class="caption">{Caption}</span>
  613. {/block:Caption}
  614. {/block:Photo}
  615.  
  616.  
  617. {block:Photoset}
  618. {Photoset-500}
  619. {block:Caption}
  620. <span class="caption">{Caption}</span>
  621. {/block:Caption}
  622. {/block:Photoset}
  623.  
  624. {block:Quote}
  625. <div class="quote">❝ {Quote} ❞</div>
  626. {block:Source}
  627. <div id="source">— {Source}</div>
  628. {/block:Source}
  629. {/block:Quote}
  630.  
  631.  
  632. {block:Link}
  633. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  634. {block:Description}
  635. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  636. {/block:Description}
  637. {/block:Link}
  638.  
  639.  
  640. {block:Chat}
  641. {block:Title}<h1>{Title}</h1>{/block:Title}
  642. {block:Lines}
  643. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  644. {/block:Lines}
  645. {/block:Chat}
  646.  
  647. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" height="65px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  648. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  649. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  650. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  651.  
  652. <br><br>
  653.  
  654. {block:Caption}
  655. {block:ifshowcaptions}
  656. <span class="caption">{Caption}</span>
  657. {/block:ifshowcaptions}
  658. {/block:Caption}
  659. {/block:Audio}
  660.  
  661.  
  662. {block:Video}
  663. {Video-500}
  664. {block:Caption}
  665. <span class="caption">{Caption}</span>
  666. {/block:Caption}
  667. {/block:Video}
  668.  
  669. {block:Answer}
  670. <div id="questions">
  671. <a href="{askerURL}" title={askername}><img src="{AskerPortraitURL-30}"></a>
  672. <div id="statement">{Question}</div>
  673. </div>
  674. <div id="answers">{Answer}</div>
  675. {/block:answer}
  676.  
  677. <!---POST INFO--->
  678. <div id="info">
  679.  
  680. <!---DATE--->
  681. {block:Date}
  682. <a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  683. {/block:Date}
  684. <!---NOTE COUNT--->
  685. {block:NoteCount}
  686. &nbsp;<font style="color:#a8a8a8">+<a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></font>
  687. {/block:NoteCount}
  688.  
  689. <!---REBLOG--->
  690. <div style="float:right;"><a href="{ReblogURL}">reblog</a></div>
  691. </div>
  692.  
  693. <!---END POST INFO--->
  694.  
  695. <!---TAGS--->
  696. <div id="tags">
  697. {block:HasTags}
  698. {block:Tags}
  699. <a href="{TagURL}">#{Tag} </a>&nbsp;
  700. {/block:Tags}
  701. {/block:HasTags}
  702. </div>
  703. </div>
  704.  
  705. {block:PermalinkPage}
  706. <center><font style="font-size:8px;text-transform:uppercase;letter-spacing:2px;">{block:ContentSource}Source: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource} {block:RebloggedFrom} &nbsp; Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}</a> / <a href="{ReblogURL}">reblog</a></font></center>
  707. {/block:PermalinkPage}
  708.  
  709. {/block:Posts}
  710.  
  711. {block:PermalinkPage}
  712. {block:PostNotes}
  713. <div id="notes">{PostNotes}</div>
  714. {/block:PostNotes}
  715. {/block:permalinkpage}
  716.  
  717. </div></div>
  718.  
  719. <div id="cred">
  720. <a href="http://armyofghosts.tumblr.com/" title="armyofghosts">AG</a></div>
  721.  
  722. </body>
  723.  
  724. <div id="02" class="popup_block">
  725.  
  726. <Center><div class="heading">{text:Ask}</div><iframe frameborder="0" scrolling="yes" width="100%" height="190" src="http://www.tumblr.com/ask_form/{text:URL}.tumblr.com" style="background-color:transparent; overflow:hidden;" id="ask_form">
  727. </center></div>
  728.  
  729. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement