API tools faq
paste
armyofghosts

Theme 11 by armyofghosts

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