Advertisement
armyofghosts

Theme 3 by armyofghosts

Dec 30th, 2013
257
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.62 KB | None | 0 0
  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 #3 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:Link" content="b8b8b8" />
  66. <meta name="color:Link Hover" content="f0e7e1" />
  67. <meta name="color:Scrollbar" content="#b8b8b8" />
  68. <meta name="color:Highlight" content="#b8b8b8" />
  69.  
  70. <!---LINKS--->
  71. <meta name="text:Ask Title" content="" />
  72. <meta name="text:Home Title" content="" />
  73. <meta name="text:Link 1 URL" content="" />
  74. <meta name="text:Link 1 Title" content="" />
  75. <meta name="text:Link 2 URL" content="" />
  76. <meta name="text:Link 2 Title" content="" />
  77. <meta name="text:Link 3 URL" content="" />
  78. <meta name="text:Link 3 Title" content="" />
  79. <meta name="text:Link 4 URL" content="" />
  80. <meta name="text:Link 4 Title" content="" />
  81.  
  82. <!---IMAGES--->
  83. <meta name="image:Sidebar Image" content="" />
  84.  
  85. <style type="text/css">
  86.  
  87. /*---WEBKIT SCROLLBAR---*/
  88. ::selection {background:#fff; color:{color:Highlight};}
  89. ::-moz-selection {background:#fff; color:{color:Highlight};}
  90. ::-webkit-selection {background:#fff; color:{color:Highlight};}
  91.  
  92. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar};
  93. height:100px;}
  94.  
  95. ::-webkit-scrollbar { height:10px;width:5px; background-color:#fff;}
  96.  
  97. /*---TOOLTIP---*/
  98.  
  99. #s-m-t-tooltip {max-width:300px;
  100. padding:0px;
  101. margin:12px 0px 0px 12px;
  102. padding:3px 5px;
  103. background-color:#9a9a9a;
  104. text-transform:none;
  105. font-style: none;
  106. font-family: corbel;
  107. font-size:10px;
  108. letter-spacing: 1px;
  109. color:#fff;
  110. border: 0px solid #fff;
  111. z-index:999; }
  112.  
  113. /*---BODY---*/
  114. body {
  115. font-style:none;
  116. background:{color:background};
  117. margin:0px; color:{color:Font};
  118. font-family:calibri;
  119. font-size:11px;
  120. line-height:100%;
  121. }
  122.  
  123. blockquote {
  124. border-left:1px solid #b8b8b8;
  125. padding-left:2px;
  126. margin:5px;
  127. }
  128.  
  129. a {
  130. color:{color:Link}
  131. }
  132.  
  133. a {
  134. text-decoration:none;
  135. text-transform:none;
  136. -webkit-transition:all 0.5s ease-in-out;
  137. -moz-transition:all 0.5s ease-in-out;
  138. -o-transition:all 0.5s ease-in-out;
  139. -ms-transition:all 0.5s ease-in-out;
  140. -transition:all 0.5s ease-in-out;
  141. }
  142.  
  143. a:hover {
  144. color:{color:Link Hover}
  145. }
  146.  
  147. img {
  148. max-height:100%;
  149. }
  150.  
  151. h1 , h2 {
  152. font-family:calibri;
  153. text-transform:none;
  154. font-size:13px;
  155. line-height:30px;
  156. letter-spacing:0px;
  157. text-align:center;
  158. font-style:none;
  159. }
  160.  
  161. /*---ENTRIES/POSTS---*/
  162. #entry {
  163. width:500px;
  164. margin-top:50px;
  165. }
  166.  
  167. #posts {
  168. width:500px;
  169. padding-bottom:100px;
  170. font-style:none;
  171. border:0px solid #ececec;
  172. padding:15px;
  173. margin-left:400px;
  174. margin-bottom:50px;
  175. }
  176.  
  177. /* --- SIDEBAR ---*/
  178. #sidebar {
  179. width:300px;
  180. position:fixed;
  181. margin-left:80px;
  182. margin-top:110px;
  183. }
  184.  
  185. #sidebar {
  186. width:100px;
  187. }
  188.  
  189. #sidebarimage img {
  190. margin-left:60px;
  191. width:180px;
  192. max-height:750px;
  193. margin-top:0px;
  194. padding:5px;
  195. padding-bottom:0px;
  196. }
  197.  
  198. #nav {
  199. position:fixed;
  200. overflow:hidden;
  201. margin-top:150px;
  202. margin-left:315px;
  203. }
  204.  
  205. #link1 a, #link2 a, #link3 a, #link4 a, #link 5 a
  206.  
  207. #title {
  208. font-family:calibri;
  209. text-align:center;
  210. margin-top:-129px;
  211. padding-bottom:0px;
  212. text-transform:none;
  213. font-style:normal;
  214. font-size:10px;
  215. }
  216.  
  217. #description {
  218. margin-left: 63px;
  219. margin-top: 0px;
  220. width: 173px;
  221. line-height: 100%;
  222. background-color:#f4f4f4;
  223. text-transform:none;
  224. text-align:center;
  225. font-family:calibri;
  226. font-size: 10px;
  227. font-style:none;
  228. padding-bottom:5px;
  229. padding-top:5px;
  230. padding-left: 5px;
  231. padding-right: 5px;
  232. }
  233.  
  234. #links {
  235. position: fixed;
  236. font-family:calibri;
  237. text-align:center;
  238. padding-top: 5px;
  239. padding-bottom: 5px;
  240. margin-top: -170px;
  241. margin-left: 74px;
  242. padding-left: 0px;
  243. padding-right: 0px;
  244. letter-spacing: 1px;
  245. height: 10px;
  246. width: 150px;
  247. list-style:none;
  248. }
  249.  
  250. #links li a {
  251. height:8px;
  252. width:8px;
  253. border:1px solid #e5e5e5;
  254. background:#e5e5e5;
  255. text-decoration:none;
  256. margin-left:5px;
  257. display:inline-block;
  258. font-size:10px;
  259. letter-spacing:1px;
  260. text-transform:uppercase;
  261. transition-duration: 0.3s;
  262. -moz-transition-duration: 0.3s;
  263. -webkit-transition-duration: 0.3s;
  264. -o-transition-duration: 0.3s;
  265. }
  266.  
  267. #links li a:hover {
  268. width:15px;
  269. border:1px solid #333;
  270. background:#ccc;
  271. transition-duration: 0.3s;
  272. -moz-transition-duration: 0.3s;
  273. -webkit-transition-duration: 0.3s;
  274. -o-transition-duration: 0.3s;
  275. }
  276.  
  277. /*---ASKS/INFO---*/
  278. #questions {
  279. background-color:#ffffff;
  280. color:{color:Font};
  281. margin-left:0px;
  282. padding:5px;
  283. margin-top:5px;
  284. margin-bottom:5px;
  285. font-family:calibri;
  286. font-size:10px;
  287. font-style:normal;
  288. text-align:center;
  289. }
  290.  
  291. #answers {
  292. background-color:#ffffff;
  293. color:{color:Font};
  294. padding:2px;
  295. font-family:calibri;
  296. font-size:10px;
  297. font-style:normal;
  298. text-align:justify;
  299. }
  300.  
  301. .note {
  302. padding:0px 20px 0px 20px;
  303. background-color:#ffffff;
  304. text-transform:none;
  305. letter-spacing:0px;
  306. font-size: 11px;
  307. font-style:normal;
  308. text-align:left;
  309. line-height:120%;
  310. }
  311.  
  312. .note li {
  313. list-style-type:none;
  314. padding:5px 25px 5px 25px;
  315. text-align:left;
  316. margin-right:30px;
  317. margin-top:-50px;
  318. }
  319.  
  320. #info {
  321. font-family:calibri;
  322. text-align:right;
  323. margin-top:10px;
  324. padding-top:10px;
  325. padding:5px;
  326. padding-bottom:5px;
  327. text-transform:none;
  328. font-style:none;
  329. font-size:10px;
  330. line-height:100%;
  331. border-bottom:1px solid #f4f4f4;
  332. }
  333.  
  334. #RebloggedFrom {
  335. font-family:calibri;
  336. text-align:center;
  337. margin-top:-5px;
  338. padding-bottom:0px;
  339. text-transform:none;
  340. font-style:none;
  341. font-size:10px;
  342. }
  343.  
  344. /*---TAGS---*/
  345. #tags {
  346. font-family:calibri;
  347. text-align:right;
  348. margin-top:0px;
  349. padding-top:5px;
  350. text-transform:none;
  351. font-style:none;
  352. font-size:10px;
  353. opacity:0;
  354. -moz-transition-duration:1s;
  355. -webkit-transition-duration:1s;
  356. -o-transition-duration:1s;
  357. }
  358.  
  359. #posts:hover #tags {
  360. margin-top:0px;
  361. opacity:1;
  362. -moz-transition-duration:1s;
  363. -webkit-transition-duration:1s;
  364. -o-transition-duration:1s;
  365. }
  366.  
  367. /*---PAGINATION---*/
  368. #pagination {
  369. width: 260px;
  370. text-align: center;
  371. padding: 3px 0;
  372. margin-left:25px;
  373. }
  374.  
  375. /*---CREDIT---*/
  376.  
  377. #cred {
  378. position:fixed;
  379. bottom:10px;
  380. right:10px;
  381. font-size:12px;
  382. font-family:arial;
  383. font-weight:bold;
  384. letter-spacing:-2px;
  385. padding:5px;
  386. }
  387.  
  388. #cred a {
  389. color:#000;
  390. }
  391.  
  392. /*---END CSS---*/
  393.  
  394. {CustomCSS}</style></head><body>
  395.  
  396. <!---SIDEBAR--->
  397. <div id="sidebar">
  398. <div id="sidebarimage"><img src="{image:Sidebar Image}"/></div><br>
  399. <div id="links">
  400. <li><a title="{text:Home Title}"href="/"></a>
  401. <a title="{text:Ask Title}"href="/ask"></a>
  402. <a title="{text:Link 1 Title}"href="{text:Link 1 URL}"></a>
  403. <a title="{text:Link 2 Title}"href="{text:Link 2 URL}"></a>
  404. <a title="{text:Link 3 Title}"href="{text:Link 3 URL}"></a>
  405. <a title="{text:Link 4 Title}"href="{text:Link 4 URL}"></a></li>
  406. </div>
  407. <div id="description">{Description}</div>
  408.  
  409. <div id="scrollbar">{scrollbar}</div>
  410.  
  411. {block:Pagination}
  412. <div id="pagination">
  413. {block:PreviousPage}
  414. <a href="{PreviousPage}">«</a>
  415. {/block:PreviousPage}
  416.  
  417. {block:JumpPagination length="3"}
  418. {block:CurrentPage}
  419. <span class="current_page">{PageNumber}</span>
  420. {/block:CurrentPage}
  421.  
  422. {block:JumpPage}
  423. <a class="jump_page" href="{URL}">{PageNumber}</a>
  424. {/block:JumpPage}
  425. {/block:JumpPagination}
  426.  
  427. {block:NextPage}
  428. <a href="{NextPage}">»</a>
  429. {/block:NextPage}
  430. </div>
  431. {/block:Pagination}
  432.  
  433. </div></center>
  434. </div>
  435. <!---END SIDEBAR--->
  436.  
  437. <!---POSTS--->
  438. <div id="entry">
  439. {block:Posts}
  440. <div id="posts">
  441.  
  442. <!---TEXT POSTS--->
  443. {block:Text}
  444. <h1>
  445. {block:Title}
  446. {Title}
  447. {/block:Title}
  448. </h1>
  449. {Body}
  450. {/block:Text}
  451.  
  452. {block:blockquote}
  453. {/block:blockquote}
  454.  
  455. <!---PHOTO POSTS--->
  456. {block:Photo}
  457. <center>
  458. {LinkOpenTag}
  459. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  460. {LinkCloseTag}
  461. </center>
  462. {block:Caption}
  463. {Caption}
  464. {/block:Caption}
  465. {/block:Photo}
  466.  
  467. <!---PHOTOSET POSTS--->
  468. {block:Photoset}
  469. <center>
  470. {Photoset-500}
  471. </center>
  472. {block:Caption}
  473. <i>{Caption}</i>
  474. {/block:Caption}
  475. {/block:Photoset}
  476.  
  477. <!---QUOTE POSTS--->
  478. {block:Quote}
  479. {Quote}<p>
  480. <center>
  481. {block:Source}
  482. —{Source}
  483. {/block:Source}
  484. </center>
  485. {/block:Quote}
  486.  
  487. <!---LINK POSTS--->
  488. {block:Link}
  489. <h1>
  490. <a href="{URL}"{Target}>{Name}</a>
  491. </h1>
  492. {block:Description}
  493. {Description}
  494. {/block:Description}
  495. {/block:Link}
  496. <!---CHAT POSTS--->
  497. {block:Chat}
  498. {block:Title}
  499. <h1>
  500. {Title}
  501. </h1>
  502. {/block:Title}
  503. {block:Lines}
  504. {block:Label}
  505. <b>{Label}</b>
  506. {/block:Label}
  507. {Line}<br>
  508. {/block:Lines}
  509. {/block:Chat}
  510. <!---AUDIO POSTS--->
  511. {block:Audio}
  512. {AudioPlayerBlack}
  513. {block:Caption}
  514. {Caption}
  515. {/block:Caption}
  516. {/block:Audio}
  517. <!---VIDEO POSTS--->
  518. {block:Video}
  519. {Video-500}
  520. {block:Caption}
  521. {Caption}
  522. {/block:Caption}
  523. {/block:Video}
  524. <!---ASK POSTS--->
  525. {block:Answer}
  526. <div id="questions">
  527. <a href="{askerURL}"><b>{Asker}</b> whispered:
  528. {Question}
  529. </div>
  530. <div id="answers">{Answer}</div>
  531. {/block:answer}
  532.  
  533. <!---END POSTS--->
  534.  
  535. <!---POST INFO--->
  536. <div id="info">
  537.  
  538. <!---DATE--->
  539. {block:Date}
  540. <a href="{Permalink}">{TimeAgo}</a>
  541. {/block:Date}
  542. <!---NOTE COUNT--->
  543. {block:NoteCount}
  544. • <a href="{Permalink}">{NoteCountWithLabel}</a>
  545. {/block:NoteCount}
  546. <!---VIA--->
  547. {block:RebloggedFrom}
  548. • <a href="{ReblogParentURL}">via {ReblogParentName}</a>
  549. {/block:RebloggedFrom}
  550.  
  551. <!---SOURCE--->
  552. {block:ContentSource}
  553. <a href="{SourceURL}">{©}</a>
  554. {/block:ContentSource}
  555.  
  556. <!---REBLOG--->
  557. • <a href="{ReblogURL}">reblog</a>
  558. </div>
  559.  
  560. <!---END POST INFO--->
  561.  
  562. <!---TAGS--->
  563. <div id="tags">
  564. {block:HasTags}
  565. {block:Tags}
  566. <a href="{TagURL}">#{Tag} </a>&nbsp;
  567. {/block:Tags}
  568. {/block:HasTags}
  569. </div>
  570.  
  571. <!---POST NOTES--->
  572. {block:PostNotes}
  573. {PostNotes}
  574. {/block:PostNotes}
  575. </div>
  576.  
  577. <!---CREDIT--->
  578. <div id="cred">
  579. <a title="armyofghosts"href="http://armyofghosts.tumblr.com/">AG</a>
  580. </div>
  581. </div>
  582. </body>
  583. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement