API tools faq
paste
armyofghosts

Theme 5 by armyofghosts

armyofghosts
Jan 14th, 2014
1,098
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC
  2. "-//W3C//DTD XHTML 1.0 Transitional//EN"
  3. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.  
  6. <head>
  7.  
  8.  
  9.  
  10. <!--- THEME #5 BY ARMYOFGHOSTS :) --->
  11.  
  12.  
  13.  
  14. <!-- jquery -->
  15.  
  16. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  17.  
  18. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  19.  
  20. <script>
  21.  
  22. (function($){
  23.  
  24. $(document).ready(function(){
  25.  
  26. $("a[title]").style_my_tooltips({
  27.  
  28. tip_follows_cursor:true,
  29.  
  30. tip_delay_time:30,
  31.  
  32. tip_fade_speed:300,
  33.  
  34. attribute:"title"
  35.  
  36. });
  37.  
  38. });
  39.  
  40. })(jQuery);
  41.  
  42. </script>
  43.  
  44. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  45.  
  46. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  47.  
  48. <!---TITLE--->
  49. <title>{Title}</title>
  50.  
  51. <!---FAVICON--->
  52. <link rel="shortcut icon" href="{Favicon}">
  53.  
  54. <!---RSS FEED--->
  55. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  56.  
  57. <!---DESCRIPTION--->
  58. {block:Description}
  59. <meta name="description" content="{MetaDescription}"/>
  60. {/block:Description}
  61.  
  62. <!---COLORS--->
  63. <meta name="color:Background" content="#ffffff" />
  64. <meta name="color:Font" content="#b6b5b5" />
  65. <meta name="color:Title" content="#b6b5b5" />
  66. <meta name="color:Link" content="b8b8b8" />
  67. <meta name="color:Link Hover" content="f0e7e1" />
  68. <meta name="color:Scrollbar" content="#b8b8b8" />
  69. <meta name="color:Highlight" content="#b8b8b8" />
  70.  
  71. <!---LINKS--->
  72. <meta name="text:Sidebar Title" content="" />
  73. <meta name="text:Home Title" content="" />
  74. <meta name="text:Ask Title" content="" />
  75. <meta name="text:Link 1 URL" content="" />
  76. <meta name="text:Link 1 Title" content="" />
  77. <meta name="text:Link 2 URL" content="" />
  78. <meta name="text:Link 2 Title" content="" />
  79. <meta name="text:Link 3 URL" content="" />
  80. <meta name="text:Link 3 Title" content="" />
  81. <meta name="text:Link 4 URL" content="" />
  82. <meta name="text:Link 4 Title" content="" />
  83.  
  84. <!---IMAGES--->
  85. <meta name="image:Sidebar Image" content="" />
  86.  
  87. <style type="text/css">
  88.  
  89. /*---WEBKIT SCROLLBAR---*/
  90. ::selection {color:#fff; background:{color:Highlight};}
  91. ::-moz-selection {color:#fff; background:{color:Highlight};}
  92. ::-webkit-selection {color:#fff; background:{color:Highlight};}
  93.  
  94. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};
  95. height:100px;}
  96.  
  97. ::-webkit-scrollbar { height:10px;width:5px; background-color:#fff;}
  98.  
  99. /*---TOOLTIP---*/
  100.  
  101. #s-m-t-tooltip {max-width:300px;
  102. padding:0px;
  103. margin:12px 0px 0px 12px;
  104. padding:3px 5px;
  105. background-color:#9a9a9a;
  106. text-transform:none;
  107. font-style: none;
  108. font-family: corbel;
  109. font-size:10px;
  110. letter-spacing: 1px;
  111. color:#fff;
  112. border: 0px solid #fff;
  113. z-index:999; }
  114.  
  115. /*---BODY---*/
  116. body {
  117. font-style:none;
  118. background:{color:background};
  119. margin:0px; color:{color:Font};
  120. font-family:helvetica;
  121. font-size:10px;
  122. line-height:150%;
  123. font-weight:lighter;
  124. }
  125.  
  126. blockquote {
  127. border-left:1px solid #b8b8b8;
  128. padding-left:5px;
  129. margin:5px;
  130. }
  131.  
  132. a {
  133. color:{color:Link}
  134. }
  135.  
  136. a {
  137. text-decoration:none;
  138. text-transform:none;
  139. -webkit-transition:all 0.5s ease-in-out;
  140. -moz-transition:all 0.5s ease-in-out;
  141. -o-transition:all 0.5s ease-in-out;
  142. -ms-transition:all 0.5s ease-in-out;
  143. -transition:all 0.5s ease-in-out;
  144. }
  145.  
  146. a:hover {
  147. color:{color:Link Hover}
  148. }
  149.  
  150. img {
  151. max-height:100%;
  152. }
  153.  
  154. h1 , h2 {
  155. font-family:helvetica;
  156. text-transform:none;
  157. font-size:13px;
  158. letter-spacing:0px;
  159. text-align:center;
  160. font-style:none;
  161. }
  162.  
  163. small {
  164. font-family:helvetica;
  165. text-transform:none;
  166. font-size:9px;
  167. letter-spacing:0px;
  168. text-align:center;
  169. font-style:none;
  170. }
  171.  
  172. /*---ENTRIES/POSTS---*/
  173. #entry {
  174. width:500px;
  175. margin-top:50px;
  176. }
  177.  
  178. #posts {
  179. width:500px;
  180. padding-bottom:100px;
  181. font-style:none;
  182. border:0px solid #ececec;
  183. padding:15px;
  184. margin-left:500px;
  185. word-break:break-all;
  186. margin-bottom:25px;
  187. }
  188.  
  189. /* --- SIDEBAR ---*/
  190. #sidebar {
  191. width:300px;
  192. position:fixed;
  193. margin-left:180px;
  194. margin-top:110px;
  195. }
  196.  
  197. #sidebar {
  198. width:100px;
  199. }
  200.  
  201. #sidebarimage {
  202. -moz-transition-duration:1s;
  203. -webkit-transition-duration:1s;
  204. -o-transition-duration:1s;
  205. }
  206.  
  207. #sidebarimage img {
  208. margin-left:90px;
  209. width:150px;
  210. max-height:750px;
  211. margin-top:0px;
  212. padding:5px;
  213. padding-bottom:0px;
  214. }
  215.  
  216. #sidebar:hover #sidebarimage {
  217. opacity:0;
  218. -moz-transition-duration:0.5s;
  219. -webkit-transition-duration:0.5s;
  220. -o-transition-duration:0.5s;
  221. }
  222.  
  223. #nav {
  224. position:fixed;
  225. overflow:hidden;
  226. margin-top:150px;
  227. margin-left:315px;
  228. }
  229.  
  230. #link1 a, #link2 a, #link3 a, #link4 a, #link 5 a
  231.  
  232. #title {
  233. font-family:helvetica;
  234. text-align:center;
  235. margin-top:-129px;
  236. padding-bottom:0px;
  237. text-transform:none;
  238. font-style:normal;
  239. font-size:10px;
  240. }
  241.  
  242. #description {
  243. margin-left: 93px;
  244. margin-top: 5px;
  245. width: 150px;
  246. line-height: 100%;
  247. background-color:#ffffff;
  248. text-transform:none;
  249. text-align:left;
  250. font-family:helvetica;
  251. font-size:10px;
  252. font-style:none;
  253. padding-bottom:0px;
  254. padding-top:5px;
  255. }
  256.  
  257. #links {
  258. position: fixed;
  259. font-family:helvetica;
  260. text-align:center;
  261. padding-top: 5px;
  262. padding-bottom: 5px;
  263. margin-top: -170px;
  264. margin-left: 93px;
  265. padding-left: 0px;
  266. padding-right: 0px;
  267. letter-spacing: 1px;
  268. height: 10px;
  269. width: 160px;
  270. opacity:0;
  271. -moz-transition-duration:1s;
  272. -webkit-transition-duration:1s;
  273. -o-transition-duration:1s;
  274. }
  275.  
  276. #sidebar:hover #links {
  277. margin-top:-170px;
  278. opacity:1;
  279. -moz-transition-duration:1s;
  280. -webkit-transition-duration:1s;
  281. -o-transition-duration:1s;
  282. }
  283.  
  284. #links a {
  285. display:inline-block;
  286. padding: 5px;
  287. margin-bottom: 5px;
  288. font-size: 9px;
  289. font-style:normal;
  290. text-align:center;
  291. text-transform:none;
  292. width: 50px;
  293. background:#f4f4f4;
  294. }
  295.  
  296. #links a:hover {
  297. padding: 5px;
  298. margin-bottom: 5px;
  299. font-size: 9px;
  300. font-style:normal;
  301. text-align:center;
  302. text-transform:none;
  303. width: 50px;
  304. background:{color:link};
  305. color:#f4f4f4;
  306. }
  307.  
  308. #sbtitle {
  309. width:150px;
  310. font-size:25px;
  311. letter-spacing:-3px;
  312. font-family:arial;
  313. font-weight:bold;
  314. text-align:left;
  315. margin-top:0px;
  316. margin-left: 92px;
  317. text-transform:lowercase;
  318. line-height:70%;
  319. color:{color:Title};
  320. -moz-transition-duration:1s;
  321. -webkit-transition-duration:1s;
  322. -o-transition-duration:1s;
  323. }
  324.  
  325. /*---ASKS/INFO---*/
  326. #questions {
  327. background-color:#ffffff;
  328. color:{color:Font};
  329. margin-left:0px;
  330. padding:5px;
  331. margin-top:5px;
  332. margin-bottom:5px;
  333. font-family:helvetica;
  334. font-size:10px;
  335. font-style:normal;
  336. text-align:center;
  337. border:3px double #f4f4f4;
  338. }
  339.  
  340. #answers {
  341. background-color:#ffffff;
  342. color:{color:Font};
  343. padding:2px;
  344. font-family:helvetica;
  345. font-size:10px;
  346. font-style:normal;
  347. text-align:left;
  348. }
  349.  
  350. .note {
  351. padding:0px 20px 0px 20px;
  352. background-color:#ffffff;
  353. text-transform:none;
  354. letter-spacing:0px;
  355. font-size: 11px;
  356. font-style:normal;
  357. text-align:left;
  358. line-height:120%;
  359. }
  360.  
  361. .note li {
  362. list-style-type:none;
  363. padding:5px 25px 5px 25px;
  364. text-align:left;
  365. margin-right:30px;
  366. margin-top:-50px;
  367. }
  368.  
  369. #info {
  370. font-family:helvetica;
  371. text-align:left;
  372. margin-top:10px;
  373. padding-top:10px;
  374. padding:5px;
  375. padding-bottom:5px;
  376. text-transform:none;
  377. font-style:none;
  378. font-size:9px;
  379. line-height:100%;
  380. background:#f4f4f4;
  381. }
  382.  
  383. #RebloggedFrom {
  384. font-family:helvetica;
  385. text-align:center;
  386. margin-top:-5px;
  387. padding-bottom:0px;
  388. text-transform:none;
  389. font-style:none;
  390. font-size:10px;
  391. }
  392.  
  393. /*---TAGS---*/
  394. #tags {
  395. font-family:helvetica;
  396. text-align:center;
  397. margin-top:5px;
  398. padding-bottom:5px;
  399. text-transform:none;
  400. font-style:none;
  401. font-size:10px;
  402. opacity:0;
  403. -moz-transition-duration:1s;
  404. -webkit-transition-duration:1s;
  405. -o-transition-duration:1s;
  406. }
  407.  
  408. #posts:hover #tags {
  409. margin-top:5px;
  410. opacity:1;
  411. -moz-transition-duration:1s;
  412. -webkit-transition-duration:1s;
  413. -o-transition-duration:1s;
  414. }
  415.  
  416. /*---PAGINATION---*/
  417. #pagination {
  418. font-size:12px;
  419. position:fixed;
  420. margin-top:5px;
  421. text-align:center;
  422. margin-left:78px;
  423. }
  424.  
  425. /*---CREDIT---*/
  426.  
  427. #cred {
  428. position:fixed;
  429. bottom:10px;
  430. right:10px;
  431. font-size:12px;
  432. font-family:arial;
  433. font-weight:bold;
  434. letter-spacing:-2px;
  435. padding:5px;
  436. }
  437.  
  438. #cred a {
  439. color:#000;
  440. }
  441.  
  442. /* --- UPDATES TAB ---*/
  443.  
  444. #updatesbox {/*the styling of the whole updates box; tutorial by http://capably.tumblr.com*/
  445. line-height:100%;/*don't change this!*/
  446. display:block;/*don't change this either lol*/
  447. border:1px solid #eee;/*the border of the whole box; 1px is the width, #eee is the hex color (go to colorpicker.com and pick one)*/
  448. height:12px;/*the height of the box before hover*/
  449. width:40px;/*the width of the box before hover*/
  450. padding:0px 5px 5px 5px;/*don't change this!*/
  451. z-index:3;/*don't change this!*/
  452. top:20px;/*distance from top of page*/
  453. left:35px;/*distance from left of page*/
  454. color:#fff;/*color of text*/
  455. position:fixed;/*don't change this!*/
  456. background:{color:link};/*background color of updates box*/
  457. overflow:hidden;/*don't change this!*/
  458. text-align:center;/*text alignment of everything in updates box*/
  459. -moz-transition-duration:0.6s;
  460. -webkit-transition-duration:0.6s;
  461. -o-transition-duration:0.6s;
  462. }
  463.  
  464. #updatesbox:hover {/*the updates box after hover*/
  465. height:80px;/*the height of the box after hover*/
  466. width:90px;/*the width of the box after hover*/
  467. color:#838282;/*color of text*/
  468. background:#fff;/*background color of updates box*/
  469. -moz-transition-duration:0.5s;
  470. -webkit-transition-duration:0.5s;
  471. -o-transition-duration:0.5s;
  472. }
  473. /*tutorial by meem.co.vu; please don't remove this note*/
  474. #updatestitle {/*the title of the updates box*/
  475. line-height:17px;/*don't change this!*/
  476. font-family:helvetica;/*the font of the updates title*/
  477. text-transform:uppercase;/*can be uppercase, lowercase, none*/
  478. font-size:8px;/*font size of updates title*/
  479. }
  480.  
  481. #inside {/*the actual updates*/
  482. font-size:9px;/*the font size of the actual updates*/
  483. font-family:helvetica;/*the font of the actual updates*/
  484. 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*/
  485. line-height:10px;/*don't change this!*/
  486. -moz-transition-duration:0.5s;
  487. -webkit-transition-duration:0.5s;
  488. -o-transition-duration:0.5s;
  489. }
  490.  
  491. /*---END CSS---*/
  492.  
  493. {CustomCSS}</style></head><body>
  494.  
  495. <!-- begin updates box -->
  496.  
  497. <div id="updatesbox">
  498. <span id="updatestitle">title</span>
  499. <div id="inside">
  500.  
  501. Yeah so you can put your updates here and it can be as long as you want but you'll have to adjust the height manually :)
  502.  
  503. </div>
  504. </div>
  505.  
  506. <!-- end updates box; it would be nice if you left the below comment in the code! :)
  507. updates box tutorial by http://capably.tumblr.com -->
  508.  
  509. <!---SIDEBAR--->
  510. <div id="sidebar">
  511. <div id="sidebarimage"><a href="/"><img src="{image:Sidebar Image}"/></a></div><br>
  512. <div id="links">
  513. <a href="/">{text:Home Title}</a>
  514. <a href="/ask">{text:Ask Title}</a> <br><br>
  515. <a href="{text:Link 1 URL}">{text:Link 1 Title}</a>
  516. <a href="{text:Link 2 URL}">{text:Link 2 Title}</a> <br><br>
  517. <a href="{text:Link 3 URL}">{text:Link 3 Title}</a>
  518. <a href="{text:Link 4 URL}">{text:Link 4 Title}</a>
  519. </div>
  520. <div id="sbtitle">{text:Sidebar Title}</div>
  521. <div id="description">{Description}</div>
  522.  
  523. <div id="scrollbar">{scrollbar}</div>
  524.  
  525. <div id="pagination">
  526. {block:Pagination}
  527. <div id="pagination">
  528. {block:PreviousPage}
  529. <a href="{PreviousPage}">←</a>
  530. {/block:PreviousPage}
  531.  
  532. {block:NextPage}
  533. <a href="{NextPage}">→</a>
  534. {/block:NextPage}</div>
  535. {/block:Pagination}</div>
  536.  
  537. {block:HasPages}
  538. {block:Pages}
  539. <a href="{URL}">{Label}</a>
  540. {/block:Pages}
  541. {/block:HasPages}
  542.  
  543. </div></center>
  544. </div>
  545. <!---END SIDEBAR--->
  546.  
  547. <!---POSTS--->
  548. <div id="entry">
  549. {block:Posts}
  550. <div id="posts">
  551.  
  552. <!---TEXT POSTS--->
  553. {block:Text}
  554. <h1>
  555. {block:Title}
  556. {Title}
  557. {/block:Title}
  558. </h1>
  559. {Body}
  560. {/block:Text}
  561.  
  562. {block:blockquote}
  563. {/block:blockquote}
  564.  
  565. <!---PHOTO POSTS--->
  566. {block:Photo}
  567. <center>
  568. {LinkOpenTag}
  569. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  570. {LinkCloseTag}
  571. </center>
  572. {block:Caption}
  573. {Caption}
  574. {/block:Caption}
  575. {/block:Photo}
  576.  
  577. <!---PHOTOSET POSTS--->
  578. {block:Photoset}
  579. <center>
  580. {Photoset-500}
  581. </center>
  582. {block:Caption}
  583. {Caption}
  584. {/block:Caption}
  585. {/block:Photoset}
  586.  
  587. <!---QUOTE POSTS--->
  588. {block:Quote}
  589. {Quote}<p>
  590. <center>
  591. {block:Source}
  592. —{Source}
  593. {/block:Source}
  594. </center>
  595. {/block:Quote}
  596.  
  597. <!---LINK POSTS--->
  598. {block:Link}
  599. <h1>
  600. <a href="{URL}"{Target}>{Name}</a>
  601. </h1>
  602. {block:Description}
  603. {Description}
  604. {/block:Description}
  605. {/block:Link}
  606. <!---CHAT POSTS--->
  607. {block:Chat}
  608. {block:Title}
  609. <h1>
  610. {Title}
  611. </h1>
  612. {/block:Title}
  613. {block:Lines}
  614. {block:Label}
  615. <b>{Label}</b>
  616. {/block:Label}
  617. {Line}<br>
  618. {/block:Lines}
  619. {/block:Chat}
  620. <!---AUDIO POSTS--->
  621. {block:Audio}
  622. {AudioPlayerBlack}
  623. {block:Caption}
  624. {Caption}
  625. {/block:Caption}
  626. {/block:Audio}
  627. <!---VIDEO POSTS--->
  628. {block:Video}
  629. {Video-500}
  630. {block:Caption}
  631. {Caption}
  632. {/block:Caption}
  633. {/block:Video}
  634. <!---ASK POSTS--->
  635. {block:Answer}
  636. <div id="questions">
  637. <a href="{askerURL}"><b>{Asker}</b></a>:
  638. {Question}
  639. </div>
  640. <div id="answers">{Answer}</div>
  641. {/block:answer}
  642.  
  643. <!---END POSTS--->
  644.  
  645. <!---POST INFO--->
  646. <div id="info">
  647.  
  648. <!---DATE--->
  649. {block:Date}
  650. <a href="{Permalink}">{TimeAgo}</a>
  651. {/block:Date}
  652. <!---NOTE COUNT--->
  653. {block:NoteCount}
  654. with <a href="{Permalink}">{NoteCountWithLabel}</a>
  655. {/block:NoteCount}
  656. <!---VIA--->
  657. {block:RebloggedFrom}
  658. via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  659. {/block:RebloggedFrom}
  660.  
  661. <!---SOURCE--->
  662. {block:ContentSource}
  663. © <a href="{SourceURL}">{SourceTitle}</a>
  664. {/block:ContentSource}
  665.  
  666. <!---REBLOG--->
  667. <div style="float:right;"><a href="{ReblogURL}">reblog</a></div>
  668. </div>
  669.  
  670. <!---END POST INFO--->
  671.  
  672. <!---TAGS--->
  673. <div id="tags">
  674. {block:HasTags}
  675. {block:Tags}
  676. <a href="{TagURL}">#{Tag} </a>&nbsp;
  677. {/block:Tags}
  678. {/block:HasTags}
  679. </div>
  680.  
  681. <!---POST NOTES--->
  682. {block:PostNotes}
  683. {PostNotes}
  684. {/block:PostNotes}
  685. </div>
  686.  
  687. <!---CREDIT--->
  688. <div id="cred">
  689. <a href="http://armyofghosts.tumblr.com/">AG</a>
  690. </div>
  691. </div>
  692. </body>
  693. </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!