API tools faq
paste
armyofghosts

Theme 6: Revamp by armyofghosts

armyofghosts
Jan 17th, 2014
1,241
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.27 KB | None | 0 0
raw download clone embed print report
  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 #6 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="if:Show Updates" content="1" />
  88. <meta name="if:Pop Up Ask" content="1" />
  89. <meta name="if:Show Link 1" content="1" />
  90. <meta name="if:Show Link 2" content="1" />
  91. <meta name="if:Show Link 3" content="1" />
  92.  
  93. <meta name="text:Title" content="" />
  94. <meta name="text:Ask" content="" />
  95. <meta name="text:URL" content="" />
  96. <meta name="text:Link 1" content="" />
  97. <meta name="text:Link 1 Text" content="" />
  98. <meta name="text:Link 2" content="" />
  99. <meta name="text:Link 2 Text" content="" />
  100. <meta name="text:Link 3" content="" />
  101. <meta name="text:Link 3 Text" content="" />
  102.  
  103.  
  104. <style type="text/css">
  105.  
  106. /*---TOOLTIP---*/
  107.  
  108. #s-m-t-tooltip {
  109. max-width:300px;
  110. padding:2px;
  111. margin:10px 0px 0px 10px;
  112. padding:3px 5px;
  113. background-color:#000;
  114. text-transform:none;
  115. font-size:9px;
  116. font-family:helvetica;
  117. letter-spacing:1px;
  118. color:#fff;
  119. z-index:999;
  120. }
  121.  
  122. /*---SCROLLBAR---*/
  123.  
  124. ::-webkit-scrollbar-thumb {
  125. height:auto;
  126. background-color:{color:Scrollbar};
  127. }
  128.  
  129. ::-webkit-scrollbar {
  130. height:9px;
  131. width:4px;
  132. background-color:{color:ScrollbarBg};
  133. }
  134.  
  135. /*---BODY---*/
  136.  
  137. body {
  138. background:{color:background};
  139. color:{color:text};
  140. font-family:helvetica;
  141. font-weight:lighter;
  142. font-size:10px;
  143. line-height:120%;
  144. text-align:justify;
  145. }
  146.  
  147. a {
  148. text-decoration:none;
  149. color:{color:Links};
  150. -moz-transition-duration:0.3s;
  151. -webkit-transition-duration:0.3s;
  152. -o-transition-duration:0.3s;
  153. }
  154.  
  155. a:hover {
  156. color:{color:Hover};
  157. -moz-transition-duration:0.3s;
  158. -webkit-transition-duration:0.3s;
  159. -o-transition-duration:0.3s;
  160. }
  161.  
  162. blockquote {
  163. padding-left:5px;
  164. border-left:2px solid;
  165. }
  166.  
  167. blockquote blockquote {
  168. padding-left:5px;
  169. border-left:2px solid;
  170. }
  171.  
  172. h1 {
  173. font-size:14px;
  174. line-height:10px;
  175. text-align:left;
  176. }
  177.  
  178. /*---ENTRIES---*/
  179.  
  180. #entry {
  181. padding:10px;
  182. width:500px;
  183. margin-left:500px;
  184. margin-top:5px;
  185. font-size:10px;
  186. }
  187.  
  188. #post {
  189. width:500px;
  190. padding-bottom:40px;
  191. padding:25px;
  192. margin-top:50px;
  193. }
  194.  
  195. /*---SIDEBAR---*/
  196.  
  197. #sidebar {
  198. position:fixed;
  199. margin-left:100px;
  200. margin-top:80px;
  201. margin-left:318px;
  202. }
  203.  
  204. /*---TITLE---*/
  205.  
  206. #title {
  207. width:200px;
  208. font-size:16px;
  209. letter-spacing:1px;
  210. font-family:arial;
  211. font-weight:bold;
  212. text-align:center;
  213. margin-top:200px;
  214. margin-left:-115px;
  215. padding-bottom:3px;
  216. text-transform:lowercase;
  217. line-height:100%;
  218. color:{color:Title};
  219. }
  220.  
  221. #title a {
  222. color:{color:Title};
  223. }
  224.  
  225. #title a:hover {
  226. -webkit-transition: all 0.5s ease-out;
  227. -moz-transition: all 0.5s ease-out;
  228. transition: all 0.5s ease-out;
  229. text-shadow:2px 0 0 rgba(255,0,0,0.3), -2px 0 0 rgba(0,255,0,0.3);
  230. }
  231.  
  232. /*---LINKS---*/
  233.  
  234. #links {
  235. width:230px;
  236. padding:4px;
  237. text-align:center;
  238. position:fixed;
  239. margin-top:5px;
  240. font-size:9px;
  241. letter-spacing:1px;
  242. margin-left:-132px;
  243. border-top:1px solid #f2f2f2;
  244. border-bottom:1px solid #f2f2f2;
  245. }
  246.  
  247. #links a {
  248. padding:4px;
  249. padding-top:5px;
  250. padding-bottom:5px;
  251. }
  252.  
  253. #links a:hover {
  254. background:#f4f4f4;
  255. }
  256.  
  257. /*---DESCRIPTION and PAGINATION---*/
  258.  
  259. #description {
  260. text-align:center;
  261. font-size:9px;
  262. width:230px;
  263. padding:5px;
  264. margin-left:-132px;
  265. position:fixed;
  266. color:{color:Text};
  267. margin-top:30px;
  268. transition-duration: 0.8s;
  269. -moz-transition-duration: 0.8s;
  270. -webkit-transition-duration: 0.8s;
  271. -o-transition-duration: 0.8s;
  272. }
  273.  
  274. /*---ASKS/INFO---*/
  275. #questions {
  276. background-color:#ffffff;
  277. color:{color:Text};
  278. padding:5px;
  279. margin-top:5px;
  280. margin-bottom:5px;
  281. font-style:normal;
  282. text-align:left;
  283. }
  284.  
  285. #answers {
  286. background-color:#ffffff;
  287. color:{color:Text};
  288. padding:2px;
  289. margin-bottom:-10px;
  290. font-style:normal;
  291. text-align:left;
  292. }
  293.  
  294. #questions img {
  295. margin-right:5px;
  296. border-radius:90px;
  297. padding:3px;
  298. float:left;
  299. text-align:justify;
  300. margin-top:-15px;
  301. }
  302.  
  303. #statement {
  304. padding:5px;
  305. margin-top:-8px;
  306. text-align:left;
  307. color:{color:Text};
  308. text-transform:none;
  309. }
  310.  
  311. .note {
  312. padding:0px 20px 0px 20px;
  313. font-size: 11px;
  314. text-align:left;
  315. line-height:120%;
  316. }
  317.  
  318. .note li {
  319. list-style-type:none;
  320. padding:5px 25px 5px 25px;
  321. text-align:left;
  322. margin-right:30px;
  323. margin-top:-50px;
  324. }
  325.  
  326. #info {
  327. font-family:helvetica;
  328. text-align:left;
  329. margin-top:10px;
  330. padding-top:10px;
  331. padding:5px;
  332. padding-bottom:5px;
  333. font-size:9px;
  334. line-height:100%;
  335. border-top:1px solid {color:border};
  336. border-bottom:1px solid {color:border};
  337. }
  338.  
  339. #RebloggedFrom {
  340. font-family:helvetica;
  341. text-align:center;
  342. margin-top:-5px;
  343. font-size:10px;
  344. }
  345.  
  346. /*---TAGS---*/
  347.  
  348. #tags {
  349. font-family:helvetica;
  350. text-align:left;
  351. margin-top:5px;
  352. padding-bottom:5px;
  353. font-size:10px;
  354. opacity:0;
  355. -moz-transition-duration:1s;
  356. -webkit-transition-duration:1s;
  357. -o-transition-duration:1s;
  358. }
  359.  
  360. #post:hover #tags {
  361. margin-top:5px;
  362. opacity:1;
  363. -moz-transition-duration:1s;
  364. -webkit-transition-duration:1s;
  365. -o-transition-duration:1s;
  366. }
  367.  
  368. #notes {
  369. padding-bottom:2px;
  370. text-align:left;
  371. font-size:8px;
  372. width:460px;
  373. }
  374.  
  375. #notes li.note{
  376. border-bottom:1px solid {color:border};
  377. padding:2%;
  378. }
  379.  
  380. #notes li.note img.avatar{
  381. width:0px;
  382. height:0px;
  383. }
  384.  
  385. /*---CREDIT---*/
  386.  
  387. #cred {
  388. position:fixed;
  389. bottom:10px;
  390. right:10px;
  391. font-size:12px;
  392. font-family:arial;
  393. font-weight:bold;
  394. letter-spacing:-2px;
  395. padding:5px;
  396. }
  397.  
  398. #cred a {
  399. color:#000;
  400. }
  401.  
  402. /* --- POP UP ASK ---*/
  403.  
  404. #fade { /*--Transparent background layer--*/
  405. display: none; /*--hidden by default--*/
  406. background: #000;
  407. position: fixed; left: 0; top: 0;
  408. width: 100%; height: 100%;
  409. opacity: .80;
  410. z-index: 9999;
  411. }
  412. .popup_block{
  413. display: none; /*--hidden by default--*/
  414. padding: 10px;
  415. float: left;
  416. font-size: 10;
  417. position: fixed;
  418. top: 50%; left: 52.3%;
  419. z-index: 99999;
  420. }
  421. .heading{
  422. font-size:15px;
  423. margin-bottom:10px;
  424. color:#fff;
  425. letter-spacing:2px;
  426. }
  427. /*--Making IE6 Understand Fixed Positioning--*/
  428. *html #fade {
  429. position: absolute;
  430. }
  431. *html .popup_block {
  432. position: absolute;
  433. }
  434.  
  435. /* --- UPDATES ---*/
  436.  
  437. #updatesbox {/*the styling of the whole updates box; tutorial by http://capably.tumblr.com*/
  438. line-height:100%;/*don't change this!*/
  439. display:block;/*don't change this either lol*/
  440. 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)*/
  441. height:10px;/*the height of the box before hover*/
  442. width:30px;/*the width of the box before hover*/
  443. padding:0px 5px 5px 5px;/*don't change this!*/
  444. z-index:3;/*don't change this!*/
  445. top:20px;/*distance from top of page*/
  446. left:35px;/*distance from left of page*/
  447. color:#fff;/*color of text*/
  448. position:fixed;/*don't change this!*/
  449. background:{color:Hover};/*background color of updates box*/
  450. overflow:hidden;/*don't change this!*/
  451. text-align:center;/*text alignment of everything in updates box*/
  452. -moz-transition-duration:0.6s;
  453. -webkit-transition-duration:0.6s;
  454. -o-transition-duration:0.6s;
  455. }
  456.  
  457. #updatesbox:hover {/*the updates box after hover*/
  458. height:195px;/*the height of the box after hover*/
  459. width:90px;/*the width of the box after hover*/
  460. color:{color:Text};/*color of text*/
  461. background:#fff;/*background color of updates box*/
  462. -moz-transition-duration:0.5s;
  463. -webkit-transition-duration:0.5s;
  464. -o-transition-duration:0.5s;
  465. }
  466. /*tutorial by meem.co.vu; please don't remove this note*/
  467. #updatestitle {/*the title of the updates box*/
  468. line-height:17px;/*don't change this!*/
  469. font-family:helvetica;/*the font of the updates title*/
  470. text-transform:uppercase;/*can be uppercase, lowercase, none*/
  471. font-size:7px;/*font size of updates title*/
  472. }
  473.  
  474. #inside {/*the actual updates*/
  475. font-size:9px;/*the font size of the actual updates*/
  476. font-family:helvetica;/*the font of the actual updates*/
  477. 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*/
  478. line-height:10px;/*don't change this!*/
  479. -moz-transition-duration:0.5s;
  480. -webkit-transition-duration:0.5s;
  481. -o-transition-duration:0.5s;
  482. }
  483.  
  484. /*---END CSS---*/
  485.  
  486. </style></head><body>
  487.  
  488. {block:IfShowUpdates}
  489.  
  490. <!-- begin updates box -->
  491.  
  492. <div id="updatesbox">
  493. <span id="updatestitle">TITLE</span>
  494. <div id="inside">
  495.  
  496. Okay hi so this is where you put your updates or whatever it is you want to put!
  497.  
  498. <p>
  499.  
  500. Type &lt;br&gt; or &lt;p&gt; to go to a new line.
  501.  
  502. <p>
  503.  
  504. So what you're going to have to do is go to the HTML and look for this writing and change it from there.
  505.  
  506. <p>
  507.  
  508. Of course, this is totally optional, so there will be a choice not to have this! (:
  509.  
  510. </div>
  511. </div>
  512.  
  513. {/block:IfShowUpdates}
  514.  
  515. <div id="sidebar">
  516.  
  517. <div id="title"><a href="/">{text:Title}</a></div>
  518.  
  519. <div id="links">
  520.  
  521. {block:PreviousPage}
  522. <a href="{PreviousPage}">-</a>
  523. {/block:PreviousPage}
  524.  
  525. <a href="/">Home</a>
  526.  
  527. {block:ifNotPopUpAsk}
  528. <a href="/ask">Ask</a>
  529. {/block:ifNotPopUpAsk}
  530.  
  531. {block:ifPopUpAsk}
  532. <a href="#?w=500" rel="02" class="poplight">Ask</a>
  533. {/block:ifPopUpAsk}
  534.  
  535. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  536.  
  537. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  538.  
  539. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  540.  
  541. {block:NextPage}
  542. <a href="{NextPage}">+</a>
  543. {/block:NextPage}
  544. </div>
  545.  
  546. <div id="description">{Description}</div>
  547.  
  548. </div>
  549. </div>
  550.  
  551. <!---END SIDEBAR--->
  552.  
  553. <!---POSTS--->
  554.  
  555. <div id="entry">
  556. {block:Posts}
  557. <div id="post">
  558.  
  559. {block:Text}
  560. {block:Title}<h1>{Title}</h1>{/block:Title}
  561. {Body}
  562. {/block:Text}
  563.  
  564.  
  565. {block:Photo}
  566. <a href="{Permalink}"><img src="{PhotoURL-500}"></a>
  567. {block:Caption}
  568. <span class="caption">{Caption}</span>
  569. {/block:Caption}
  570. {/block:Photo}
  571.  
  572.  
  573. {block:Photoset}
  574. {Photoset-500}
  575. {block:Caption}
  576. <span class="caption">{Caption}</span>
  577. {/block:Caption}
  578. {/block:Photoset}
  579.  
  580. {block:Quote}
  581. <div class="quote">❝ {Quote} ❞</div>
  582. {block:Source}
  583. <div id="source">— {Source}</div>
  584. {/block:Source}
  585. {/block:Quote}
  586.  
  587.  
  588. {block:Link}
  589. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  590. {block:Description}
  591. <div style="padding-left:5px;padding-right:5px;">{Description}</div>
  592. {/block:Description}
  593. {/block:Link}
  594.  
  595.  
  596. {block:Chat}
  597. {block:Title}<h1>{Title}</h1>{/block:Title}
  598. {block:Lines}
  599. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  600. {/block:Lines}
  601. {/block:Chat}
  602.  
  603. {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>
  604. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  605. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  606. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br>
  607.  
  608. <br><br>
  609.  
  610. {block:Caption}
  611. {block:ifshowcaptions}
  612. <span class="caption">{Caption}</span>
  613. {/block:ifshowcaptions}
  614. {/block:Caption}
  615. {/block:Audio}
  616.  
  617.  
  618. {block:Video}
  619. {Video-500}
  620. {block:Caption}
  621. <span class="caption">{Caption}</span>
  622. {/block:Caption}
  623. {/block:Video}
  624.  
  625. {block:Answer}
  626. <div id="questions">
  627. <a href="{askerURL}" title={askername}><img src="{AskerPortraitURL-30}"></a>
  628. <div id="statement">{Question}</div>
  629. </div>
  630. <div id="answers">{Answer}</div>
  631. {/block:answer}
  632.  
  633. <!---POST INFO--->
  634. <div id="info">
  635.  
  636. <!---DATE--->
  637. {block:Date}
  638. <a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  639. {/block:Date}
  640. <!---NOTE COUNT--->
  641. {block:NoteCount}
  642. &nbsp;<font style="color:#a8a8a8">+<a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></font>
  643. {/block:NoteCount}
  644.  
  645. <!---REBLOG--->
  646. <div style="float:right;"><a href="{ReblogURL}">reblog</a></div>
  647. </div>
  648.  
  649. <!---END POST INFO--->
  650.  
  651. <!---TAGS--->
  652. <div id="tags">
  653. {block:HasTags}
  654. {block:Tags}
  655. <a href="{TagURL}">#{Tag} </a>&nbsp;
  656. {/block:Tags}
  657. {/block:HasTags}
  658. </div>
  659. </div>
  660.  
  661. {block:PermalinkPage}
  662. <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>
  663. {/block:PermalinkPage}
  664.  
  665. {/block:Posts}
  666.  
  667. {block:PermalinkPage}
  668. {block:PostNotes}
  669. <div id="notes">{PostNotes}</div>
  670. {/block:PostNotes}
  671. {/block:permalinkpage}
  672.  
  673. </div></div>
  674.  
  675. <div id="cred">
  676. <a href="http://armyofghosts.tumblr.com/" title="armyofghosts">AG</a></div>
  677.  
  678. </body>
  679.  
  680. <div id="02" class="popup_block">
  681.  
  682. <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">
  683. </center></div>
  684.  
  685. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!