API tools faq
paste
Advertisement
armyofghosts

Theme 14 by armyofghosts

armyofghosts
Mar 1st, 2014
1,478
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.29 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 #14 BY ARMYOFGHOSTS :) --->
  12.  
  13.  
  14.  
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  16.  
  17. <script>
  18. $(document).ready(function(){
  19.  
  20. $(".slidingDiv").hide();
  21. $(".show_hide").show();
  22.  
  23. $('.show_hide').toggle(function(){
  24. $(".slidingDiv").slideDown(
  25. function(){
  26. $("#navigation").text("navigation")
  27. }
  28. );
  29. },function(){
  30. $(".slidingDiv").slideUp(
  31. function(){
  32. $("#navigation").text("navigation")
  33. }
  34. );
  35. });
  36. });
  37. </script>
  38.  
  39. <!-- jquery -->
  40.  
  41. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42.  
  43. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  44.  
  45. <script>
  46.  
  47. (function($){
  48.  
  49. $(document).ready(function(){
  50.  
  51. $("a[title]").style_my_tooltips({
  52.  
  53. tip_follows_cursor:true,
  54.  
  55. tip_delay_time:30,
  56.  
  57. tip_fade_speed:300,
  58.  
  59. attribute:"title"
  60.  
  61. });
  62.  
  63. });
  64.  
  65. })(jQuery);
  66.  
  67. </script>
  68.  
  69. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  70.  
  71. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  72.  
  73. <!--- DEFAULT VARIABLES --->
  74.  
  75. <meta name="color:Background" content="#ffffff"/>
  76. <meta name="color:Text" content="#a8a8a8"/>
  77. <meta name="color:Links" content="#b8b8b8"/>
  78. <meta name="color:Border" content="#fafafa"/>
  79. <meta name="color:Hover" content="#cccccc"/>
  80. <meta name="color:Scrollbar" content="#000000"/>
  81. <meta name="color:ScrollbarBg" content="#ffffff"/>
  82.  
  83. <meta name="image:Sidebar" content=""/>
  84.  
  85. <meta name="if:Show Updates" content="1" />
  86. <meta name="if:Show Link 1" content="1" />
  87. <meta name="if:Show Link 2" content="1" />
  88. <meta name="if:Show Link 3" content="1" />
  89. <meta name="if:Show Link 4" content="1" />
  90. <meta name="if:Show Link 5" content="1" />
  91.  
  92. <meta name="text:Link 1" content="/"/>
  93. <meta name="text:Link 1 Text" content=""/>
  94. <meta name="text:Link 2" content="/"/>
  95. <meta name="text:Link 2 Text" content=""/>
  96. <meta name="text:Link 3" content="/"/>
  97. <meta name="text:Link 3 Text" content=""/>
  98. <meta name="text:Link 4" content="/"/>
  99. <meta name="text:Link 4 Text" content=""/>
  100. <meta name="text:Link 5" content="/"/>
  101. <meta name="text:Link 5 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:#333;
  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. /*---WEBKIT 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. img {
  156. border:none;
  157. }
  158.  
  159. blockquote {
  160. padding-left:5px;
  161. border-left:2px solid;
  162. }
  163.  
  164. blockquote blockquote {
  165. padding-left:5px;
  166. border-left:2px solid;
  167. }
  168.  
  169. h1 {
  170. font-size:15px;
  171. line-height:10px;
  172. text-align:left;
  173. }
  174.  
  175. a:hover {
  176. color:{color:Hover};
  177. -moz-transition-duration:0.3s;
  178. -webkit-transition-duration:0.3s;
  179. -o-transition-duration:0.3s;
  180. }
  181.  
  182.  
  183. /*---ENTRIES/POSTS---*/
  184.  
  185. #entries {
  186. width:500px;
  187. margin-top:50px;
  188. }
  189.  
  190. #post {
  191. width:500px;
  192. padding:15px;
  193. margin-left:550px;
  194. word-break:break-all;
  195. margin-bottom:25px;
  196. }
  197.  
  198. /* --- SIDEBAR ---*/
  199.  
  200. #sidebar {
  201. position:fixed;
  202. margin-top:30px;
  203. margin-left:340px;
  204. }
  205.  
  206. #sidebarimage {
  207. width: 130px;
  208. }
  209.  
  210. #sidebarimage img {
  211. width:152px;
  212. margin-top:164px;
  213. border:1px solid #f7f7f7;
  214. margin-left:-77px;
  215. padding:4px;
  216. }
  217.  
  218. /*---SIDEBAR LINKS---*/
  219.  
  220. .dropdown {
  221. margin-top:10px;
  222. width:160px;
  223. margin-left:-77px;
  224. text-align:center;
  225. border:1px solid #f7f7f7;
  226. text-transform:uppercase;
  227. font-size:9px;
  228. letter-spacing:1px;
  229. font-weight:bold;
  230. position:fixed;
  231. z-index:1000;
  232. background:#fdfdfd;
  233. }
  234.  
  235. .dropdown a {
  236. display:inline;
  237. color:#000;
  238. }
  239.  
  240. .dropdown a:hover {
  241. cursor:url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress !important;
  242. }
  243.  
  244. .show_hide {
  245. display:none;
  246. }
  247.  
  248. #navtitle {
  249. padding-top:5px;
  250. padding-bottom:5px;
  251. }
  252.  
  253. #links a {
  254. border-bottom:1px solid #f7f7f7;
  255. display:block;
  256. padding:5px;
  257. color:#000;
  258. }
  259.  
  260. #links a:hover {
  261. background:#f7f7f7;
  262. }
  263.  
  264. #links a:last-of-type {
  265. border-bottom:0px;
  266. }
  267.  
  268. #links a:first-of-type {
  269. border-top:1px solid #f7f7f7;
  270. }
  271.  
  272. /*---DESCRIPTION and PAGINATION---*/
  273.  
  274. #description {
  275. text-align:left;
  276. width:162px;
  277. margin-top:45px;
  278. margin-left:-77px;
  279. position:fixed;
  280. font-size:9px;
  281. letter-spacing:1px;
  282. color:{color:Text};
  283. }
  284.  
  285. #pagination {
  286. width:530px;
  287. bottom:0px;
  288. margin-left:535px;
  289. padding-top:15px;
  290. height:25px;
  291. text-align:center;
  292. background-color:#fff;
  293. text-transform:uppercase;
  294. font-weight:normal;
  295. font-size:10px;
  296. letter-spacing:1px;
  297. position:fixed;
  298. opacity:1;
  299. }
  300.  
  301. /*---POST INFO---*/
  302.  
  303. #info {
  304. font-family:helvetica;
  305. text-align:left;
  306. padding:5px;
  307. padding-bottom:5px;
  308. font-size:9px;
  309. line-height:100%;
  310. background:{color:border};
  311. }
  312.  
  313. /*---TAGS---*/
  314. #tags {
  315. font-family:helvetica;
  316. text-align:center;
  317. margin-top:5px;
  318. padding-bottom:5px;
  319. font-size:10px;
  320. opacity:0;
  321. -moz-transition-duration:1s;
  322. -webkit-transition-duration:1s;
  323. -o-transition-duration:1s;
  324. }
  325.  
  326. #post:hover #tags {
  327. margin-top:5px;
  328. opacity:1;
  329. -moz-transition-duration:1s;
  330. -webkit-transition-duration:1s;
  331. -o-transition-duration:1s;
  332. }
  333.  
  334. #notes {
  335. padding-bottom:2px;
  336. text-align:left;
  337. font-size:9px;
  338. width:460px;
  339. }
  340.  
  341. #notes li.note{
  342. border-bottom:1px solid {color:border};
  343. padding:2%;
  344. }
  345.  
  346. #notes li.note img.avatar{
  347. width:0px;
  348. height:0px;
  349. }
  350.  
  351. /*---ASKS---*/
  352. #questions {
  353. color:{color:Text};
  354. padding:5px;
  355. margin-top:5px;
  356. margin-bottom:5px;
  357. text-align:left;
  358. }
  359.  
  360. #answers {
  361. color:{color:Text};
  362. padding:2px;
  363. text-align:left;
  364. }
  365.  
  366. #questions img {
  367. margin-right:5px;
  368. border-radius:90px;
  369. padding:3px;
  370. float:left;
  371. text-align:justify;
  372. margin-top:-15px;
  373. }
  374.  
  375. #statement {
  376. padding:5px;
  377. margin-top:-8px;
  378. text-align:left;
  379. color:#999999;
  380. }
  381.  
  382. /*---CREDIT---*/
  383.  
  384. #cred {
  385. position:fixed;
  386. bottom:10px;
  387. right:10px;
  388. font-size:12px;
  389. font-family:arial;
  390. font-weight:bold;
  391. letter-spacing:-2px;
  392. padding:5px;
  393. }
  394.  
  395. #cred a {
  396. color:#000;
  397. }
  398.  
  399. /* --- UPDATES ---*/
  400.  
  401. #updatesbox {/*the styling of the whole updates box; tutorial by http://capably.tumblr.com*/
  402. line-height:100%;/*don't change this!*/
  403. display:block;/*don't change this either lol*/
  404. 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)*/
  405. height:10px;/*the height of the box before hover*/
  406. width:30px;/*the width of the box before hover*/
  407. padding:0px 5px 5px 5px;/*don't change this!*/
  408. z-index:3;/*don't change this!*/
  409. top:20px;/*distance from top of page*/
  410. left:35px;/*distance from left of page*/
  411. color:#fff;/*color of text*/
  412. position:fixed;/*don't change this!*/
  413. background:{color:Hover};/*background color of updates box*/
  414. overflow:hidden;/*don't change this!*/
  415. text-align:center;/*text alignment of everything in updates box*/
  416. -moz-transition-duration:0.6s;
  417. -webkit-transition-duration:0.6s;
  418. -o-transition-duration:0.6s;
  419. }
  420.  
  421. #updatesbox:hover {/*the updates box after hover*/
  422. height:195px;/*the height of the box after hover*/
  423. width:90px;/*the width of the box after hover*/
  424. color:{color:Text};/*color of text*/
  425. background:#fff;/*background color of updates box*/
  426. -moz-transition-duration:0.5s;
  427. -webkit-transition-duration:0.5s;
  428. -o-transition-duration:0.5s;
  429. }
  430. /*tutorial by meem.co.vu; please don't remove this note*/
  431. #updatestitle {/*the title of the updates box*/
  432. line-height:17px;/*don't change this!*/
  433. font-family:helvetica;/*the font of the updates title*/
  434. text-transform:uppercase;/*can be uppercase, lowercase, none*/
  435. font-size:7px;/*font size of updates title*/
  436. }
  437.  
  438. #inside {/*the actual updates*/
  439. font-size:9px;/*the font size of the actual updates*/
  440. font-family:helvetica;/*the font of the actual updates*/
  441. 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*/
  442. line-height:10px;/*don't change this!*/
  443. -moz-transition-duration:0.5s;
  444. -webkit-transition-duration:0.5s;
  445. -o-transition-duration:0.5s;
  446. }
  447.  
  448. {CustomCSS}</style></head><body>
  449.  
  450. {block:IfShowUpdates}
  451.  
  452. <!-- begin updates box -->
  453.  
  454. <div id="updatesbox">
  455. <span id="updatestitle">TITLE</span>
  456. <div id="inside">
  457.  
  458. Okay hi so this is where you put your updates or whatever it is you want to put!
  459.  
  460. <p>
  461.  
  462. Type &lt;br&gt; or &lt;p&gt; to go to a new line.
  463.  
  464. <p>
  465.  
  466. So what you're going to have to do is go to the HTML and look for this writing and change it from there.
  467.  
  468. <p>
  469.  
  470. Of course, this is totally optional, so there will be a choice not to have this! (:
  471.  
  472. </div>
  473. </div>
  474.  
  475. {/block:IfShowUpdates}
  476.  
  477. <div id="sidebar">
  478.  
  479. <div id="sidebarimage">
  480. <a href="/">
  481. <img src="{image:Sidebar}">
  482. </a>
  483. </div>
  484.  
  485. <div class="dropdown">
  486. <div id="navtitle"><a href="#" class="show_hide">NAVIGATION <font style="font-size:12px;">▾</font></a></div>
  487. <div class="slidingDiv"><div>
  488.  
  489. <div id="links">
  490.  
  491. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  492. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  493. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  494. {block:IfShowLink4}<a href="{text:Link 4}">{text:Link 4 Text}</a>{/block:IfShowLink4}
  495. {block:IfShowLink5}<a href="{text:Link 5}">{text:Link 5 Text}</a>{/block:IfShowLink5}
  496.  
  497. </div></div></div></div>
  498.  
  499. <div id="description">{Description}</div>
  500.  
  501. </div></div></div>
  502.  
  503. <div id="pagination">
  504. {block:Pagination}<div class="pagination">
  505. {block:PreviousPage}<a href="{PreviousPage}">back</a> {/block:PreviousPage} —
  506. {block:NextPage}<a href="{NextPage}">forth</a> {/block:NextPage}
  507. </div>{/block:Pagination}
  508. </div>
  509.  
  510. </div>
  511. </div>
  512.  
  513. <div id="entries">
  514. {block:Posts}
  515. <div id="post">
  516.  
  517. {block:Text}
  518. <h1>{block:Title}{Title}{/block:Title}</h1>
  519. {Body}{/block:Text}
  520.  
  521. {block:Photo}<div style="padding-bottom:5px">{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div>
  522. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  523.  
  524. {block:Photoset}{Photoset-500}{block:Caption}{Caption}
  525. {/block:Caption}{/block:Photoset}
  526.  
  527. {block:Quote}<h2>"{Quote}"</h2>
  528. {block:Source}<div class="qsource"> —{Source}</div>
  529. {/block:Source}<br>{/block:Quote}
  530.  
  531. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  532.  
  533. {block:Chat}{block:Title}{Title}{/block:Title}{block:Lines}{block:Label}<b><u>{Label}</u></b>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  534.  
  535. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="60px" height="60px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  536. {block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  537. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  538. {/block:ExternalAudio}<b>Played:</b> {PlayCount} times <br><br>
  539. {/block:Audio}
  540.  
  541. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  542.  
  543. {block:Answer}
  544. <div id="questions">
  545. <a href="{askerURL}" title={askername}><img src="{AskerPortraitURL-30}"></a>
  546. <div id="statement">{Question}</div>
  547. </div>
  548. <div id="answers">{Answer}</div>
  549. {/block:answer}
  550.  
  551. <!---POST INFO--->
  552. <div id="info">
  553.  
  554. <!---DATE--->
  555. {block:Date}
  556. <a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a>
  557. {/block:Date}
  558. <!---NOTE COUNT--->
  559. {block:NoteCount}
  560. &nbsp;<font style="color:#a8a8a8">+<a href="{Permalink}" title="{NoteCountWithLabel}">{NoteCount}</a></font>
  561. {/block:NoteCount}
  562.  
  563. <!---VIA--->
  564. <div style="float:right;"> {block:RebloggedFrom}
  565. <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> /
  566. {/block:RebloggedFrom}
  567.  
  568. <!---SOURCE--->
  569. {block:ContentSource}
  570. <a href="{SourceURL}" title="{SourceTitle}">source</a> /
  571. {/block:ContentSource}
  572.  
  573. <!---REBLOG--->
  574. <a href="{ReblogURL}">reblog</a></div>
  575. </div>
  576.  
  577. <!---END POST INFO--->
  578.  
  579. <!---TAGS--->
  580. <div id="tags">
  581. {block:HasTags}
  582. {block:Tags}
  583. <a href="{TagURL}">#{Tag} </a>&nbsp;
  584. {/block:Tags}
  585. {/block:HasTags}
  586. </div>
  587.  
  588. {block:PermalinkPage}
  589. {block:PostNotes}
  590. <div id="notes">{PostNotes}</div>
  591. {/block:PostNotes}
  592. {/block:permalinkpage}
  593.  
  594. <div id="cred">
  595. <a title="armyofghosts"href="http://armyofghosts.tumblr.com/">AG</a>
  596. </div>
  597. </div>
  598.  
  599.  
  600.  
  601. </body></html>
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!