Advertisement
thelioness

theme for xforeverdeen (not for public use)

Feb 26th, 2015
190
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.45 KB | None | 0 0
  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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---- this is theme 44 by Hollywhood
  9. please don't remove the credit
  10. thank you
  11. --->
  12.  
  13. <meta name="color:Background" content="#ffffff"/>
  14. <meta name="color:Text" content="#9B9B9B"/>
  15. <meta name="color:Link" content="#b8b8b8"/>
  16. <meta name="color:scrollbar" content="#999999">
  17. <meta name="color:title" content="#999999">
  18. <meta name="color:Link Hover" content="#eeeeee"/>
  19.  
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="text:sidebartitle" content="">
  22.  
  23. <meta name="text:link1" content="" />
  24. <meta name="text:link1 url" content="/">
  25. <meta name="text:link2" content="" />
  26. <meta name="text:link2 url" content="/">
  27. <meta name="text:link3" content="" />
  28. <meta name="text:link3 url" content="/">
  29. <meta name="text:link4" content="" />
  30. <meta name="text:link4 url" content="/">
  31. <meta name="text:link5" content="" />
  32. <meta name="text:link5 url" content="/">
  33.  
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  36. <script>
  37. (function($){
  38. $(document).ready(function(){
  39. $("[title]").style_my_tooltips({
  40. tip_follows_cursor:true,
  41. tip_delay_time:90,
  42. tip_fade_speed:600,
  43. attribute:"title"
  44. });
  45. });
  46. })(jQuery);
  47. </script>
  48.  
  49. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  50.  
  51. <script src="jquery.js"></script>
  52. <script>
  53. $(document).ready(function(){
  54. $(".triangle1").click(function(){
  55. $(".update1").slideToggle("slow");
  56. });
  57. });
  58. </script>
  59.  
  60. <script src="jquery.js"></script>
  61. <script>
  62. $(document).ready(function(){
  63. $(".triangle2").click(function(){
  64. $(".update2").slideToggle("slow");
  65. });
  66. });
  67. </script>
  68.  
  69. <script src="jquery.js"></script>
  70. <script>
  71. $(document).ready(function(){
  72. $(".triangle3").click(function(){
  73. $(".update3").slideToggle("slow");
  74. });
  75. });
  76. </script>
  77.  
  78. <style type="text/css">
  79.  
  80.  
  81.  
  82. #s-m-t-tooltip {
  83. padding:7px;
  84. padding-right: 5px;
  85. padding-top: 4px;
  86. padding-bottom: 4px;
  87. margin-left:20px;
  88. margin-top: 0px;
  89. background: #000; /* change the background color */
  90. border:1px solid #00''; /* change the border color */
  91. font-family: calibri; /* change the font */
  92. font-size:8px; /* change the font size */
  93. letter-spacing:1.5px; /* change the letter spacing */
  94. text-transform:uppercase; /* can be uppercase, lowercase, none*/
  95. color:#fff; /* change the text color */
  96. z-index:999999999999999999999999999999999999;
  97. border-radius: 3px;
  98. }
  99.  
  100. ::-webkit-scrollbar-thumb{
  101. background-color: #ededed;
  102. border: 2px solid #ffffff;
  103. height:auto;
  104. }
  105.  
  106. ::-webkit-scrollbar {
  107. height:auto;
  108. width:11px;
  109. background-color: #ededed;
  110. border:5px solid #ffffff;
  111. }
  112.  
  113.  
  114. iframe#tumblr_controls {
  115. white-space:nowrap;
  116. -webkit-filter: invert(100%);
  117. -moz-filter: invert(100%);
  118. -o-filter: invert(100%);
  119. -ms-filter: invert(100%);
  120. filter: invert(100%);
  121. opacity:.2;transition: .8s ease-in-out;
  122. -webkit-transition: .8s ease-in-out;
  123. -moz-transition: .8s ease-in-out;
  124. -o-transition: .8s ease-in-out;
  125. }
  126.  
  127. h1 {
  128. font-weight:normal;
  129. font-size:13px;
  130. text-align:center;
  131. font-style:normal;
  132. line-height:100%;
  133. letter-spacing:1px;
  134. text-transform:normal;
  135. color:#f5f5f5;
  136. }
  137.  
  138. h2 {
  139. font-size:10px;
  140. text-align:center;
  141. line-height:100%;
  142. letter-spacing:-0.5px;
  143. color:#f5f5f5;
  144. font-weight:bold;
  145. text-transform:uppercase;
  146. padding:5px;
  147. padding-bottom:2px;
  148. }
  149.  
  150.  
  151. blockquote {
  152. border-left:3px solid #6d6d6d;
  153. padding:17px;
  154. margin:10px 2px 0px 10px
  155. background-color:#1e1e1e;
  156. border-radius:8px;
  157. }
  158.  
  159. body {
  160. background:#e4e8e8;
  161. background-image:url('http://41.media.tumblr.com/267c3184ef842c2e8c918fe36298ea76/tumblr_nkef61Urh71uokva1o1_1280.jpg'); background-attachment:fixed;
  162. background-repeat:no-repeat;
  163. background-size:cover;
  164. background-position: 0px -150px;
  165. margin: 0px;
  166. color:#5C4D4D;
  167. font-family:cambria;
  168. font-size:11px;
  169. line-height:120%;
  170. }
  171.  
  172.  
  173. a {
  174. text-decoration:none;
  175. outline:none;
  176. -moz-outline-style:none;
  177. color:#b8b8b8;
  178. -moz-transition-duration:0.5s;
  179. -webkit-transition-duration:0.5s;
  180. -o-transition-duration:0.5s;
  181. }
  182.  
  183. a:hover {
  184. text-decoration:none;
  185. outline:none;
  186. -moz-outline-style:none;
  187. color:#575757;
  188. }
  189.  
  190. img {
  191. border:none;
  192. }
  193.  
  194.  
  195. #post {
  196. width:500px;
  197. padding-bottom:30px;
  198. margin-top:60px;
  199. }
  200.  
  201. #entries {
  202. padding:10px;
  203. width:450px;
  204. height:300px;
  205. margin-left:0px;
  206. margin-top:-10px;
  207.  
  208. overflow-y:scroll;
  209. overflow-x:hidden;
  210. }
  211.  
  212.  
  213. #theme {
  214. width:500px;
  215. margin:0 auto -12px auto;
  216. }
  217.  
  218. #sidebar {
  219. color:#c1c1c1;
  220. width:100px;
  221. height:auto;
  222. margin-top:90px;
  223. margin-left:165px;
  224. text-align:left;
  225. }
  226.  
  227. #sidebarimage img {
  228. width:100px;
  229. opacity:.9;
  230. margin-top:-10px;
  231. margin-bottom:0px;
  232. margin-left:43px;
  233. }
  234.  
  235. #links {
  236. font-family:'Gabriola';
  237. width:220px;
  238. margin-top:120px;
  239. margin-left:-60px;
  240. font-size:25px;
  241. text-transform:uppercase;
  242. text-align:center;
  243. line-height:280%;
  244. }
  245.  
  246. #links a{
  247. line-height:280%;
  248. border-bottom:0px solid #fff;
  249. margin-top:4px;
  250. margin-left:13px;
  251. color:#fff;
  252. text-decoration:none;
  253. -moz-transition-duration:.2s;
  254. -webkit-transition-duration:.2s;
  255. -o-transition-duration:.2s;
  256. }
  257.  
  258. #links a:hover {
  259. color: #575757;
  260. width:60px;
  261. -moz-transition-duration:0.2s;
  262. -webkit-transition-duration:0.2s;
  263. -o-transition-duration:0.2s;
  264. }
  265.  
  266. #description {
  267. width:300px;
  268. font-family:times;
  269. margin-top:-2px;
  270. margin-left:-58px;
  271. text-align:center;
  272. font-size:9px;
  273. color: #c1c1c1;
  274. letter-spacing:0px;
  275. line-height:170%;
  276. -moz-transition-duration:1s;
  277. -webkit-transition-duration:1s;
  278. -o-transition-duration:1s;
  279. }
  280.  
  281. #description a {
  282. color:#b8b8b8;
  283. }
  284.  
  285. #description a:hover {
  286. color:#575757;
  287. }
  288.  
  289. .sidebartitle {
  290. width:300px;
  291. text-align:center;
  292. font-family:'californian fb';
  293. line-height:120%;
  294. margin-left:-58px;
  295. word-spacing:2px;
  296. font-style:italic;
  297. font-size:16px;
  298. margin-top:10px;
  299. color:#999999;
  300. }
  301.  
  302. #pagination {
  303. font-family:corbel;
  304. width:500px;
  305. font-size:9px;
  306. margin-top:25px;
  307. margin-left:-8px;
  308. padding-left:5px;
  309. letter-spacing:1px;
  310. text-align:center;
  311. text-transform:uppercase;
  312. }
  313.  
  314. #pagination a {
  315. color:#fff;
  316. }
  317.  
  318. #info {
  319. font-family:times;
  320. width:500px;
  321. margin-top:8px;
  322. padding-top:4px;
  323. font-size:7px;
  324. border-top:1px solid #ddd;
  325. opacity:0;
  326. color:#c1c1c1;
  327. text-transform:uppercase;
  328. font-style:normal;
  329. text-align:left;
  330. -moz-transition-duration:0.5s;
  331. -webkit-transition-duration:0.5s;
  332. -o-transition-duration:0.5s;
  333. }
  334.  
  335. #info a {
  336. color:#b8b8b8;
  337. }
  338.  
  339. #info a:hover {
  340. color:#575757;
  341. }
  342.  
  343. .tags {
  344. font-family:times;
  345. font-style:normal;
  346. width:500px;
  347. margin-top:4px;
  348. text-transform:normal;
  349. font-style:normal;
  350. line-height:120%;
  351. padding-top:0px;
  352. font-size:8px;
  353. opacity:0;
  354. letter-spacing:1px;
  355. text-align:left;
  356. -moz-transition-duration:0.5s;
  357. -webkit-transition-duration:0.5s;
  358. -o-transition-duration:0.5s;
  359. }
  360. .tags a{
  361. color:#b8b8b8;
  362. -moz-transition-duration:0.2s;
  363. -webkit-transition-duration:0.2s;
  364. -o-transition-duration:0.2s;
  365. }
  366. .tags a:hover{
  367. color:#575757;
  368. -moz-transition-duration:0.2s;
  369. -webkit-transition-duration:0.2s;
  370. -o-transition-duration:0.2s;
  371. }
  372.  
  373. #post:hover #info{
  374. opacity:1;
  375. -moz-transition-duration:1s;
  376. -webkit-transition-duration:1s;
  377. -o-transition-duration:1s;
  378. }
  379. #post:hover .tags{
  380. opacity:1;
  381. -moz-transition-duration:1s;
  382. -webkit-transition-duration:1s;
  383. -o-transition-duration:1s;
  384. }
  385.  
  386. .audio{
  387. background-color:#e5e5e5;
  388. height:65px;
  389. overflow:hidden;
  390. }
  391.  
  392. #ask {
  393. float:left;
  394. color:#c1c1c1;
  395. }
  396.  
  397. #credit {
  398. font-size:9px;
  399. font-family:cambria;
  400. font-style:italic;
  401. letter-spacing:1px;
  402. -moz-transition-duration:0.5s;
  403. -webkit-transition-duration:0.5s;
  404. -o-transition-duration:0.5s;
  405. }
  406.  
  407. #credit a {
  408. background-color:#fff;
  409. padding:5px;
  410. border:1px solid #e9e9e9;
  411. position:fixed;
  412. right:15px;
  413. bottom:10px
  414. }
  415.  
  416. #credit a:hover {
  417. color:#fff;
  418. background-color:#191919;
  419. }
  420.  
  421. #picture img{
  422. position:fixed;
  423. width:100px;
  424. left: 10px;
  425. top: 10px;
  426. z-index: 9999;
  427. }
  428.  
  429. #text {
  430. width:100px;
  431. left: 35px;
  432. top:150px;
  433. font-family:calibri;
  434. font-size:10px;
  435. text-align:center;
  436. color: #fff;
  437. position:fixed;
  438. background:;
  439. z-index:9999;
  440. opacity: 0;
  441. -webkit-transition: all .7s ease-in-out;
  442. -moz-transition: all .7s ease-in-out;
  443. -o-transition: all .7s ease-in-out;
  444. transition: all .7s ease-in-out;
  445. }
  446.  
  447. #box {
  448. position: relative;
  449. width: 900px;
  450. text-decoration: none !important;
  451. text-align: center;
  452. }
  453.  
  454. #box:hover #text{
  455. -webkit-transition: all .7s ease-in-out;
  456. -moz-transition: all .7s ease-in-out;
  457. -o-transition: all .7s ease-in-out;
  458. transition: all .7s ease-in-out;
  459. opacity:1;
  460. }
  461.  
  462. {CustomCSS}</style></head><body>
  463.  
  464. <div id="box">
  465. <div id="picture"><img src="http://36.media.tumblr.com/e54b04f58f4646fb5f035e33cb0e3529/tumblr_nfd1yoJdJN1tlvcuxo1_500.png" /></div>
  466. <div id="text">
  467. Risen from the ashes? I'm not so sure. I think I'm still buried beneath the rubble of my mistakes. A <b><i><Big>hero</Big></i></b>? I'm far from it. A <b><i>traitor</i></b>? That sounds more like it.<BR>
  468. <br>
  469. <SMALL><B>INDEPENDENT KATNISS <BR>EVERDEEN <BR/>TRACKING <BR>TAG:</B></SMALL> XFOREVERDEEN
  470.  
  471. </div>
  472. </div>
  473.  
  474. <div id="theme">
  475.  
  476. <div id="sidebar">
  477.  
  478. <div id="sidebarimage">
  479. <a href="/"><img src="{image:sidebar}"></a></div>
  480.  
  481. <div class="sidebartitle">{text:sidebartitle}</div>
  482.  
  483. <div id="links">
  484. <a href="/" title="home">♐</a>
  485. <a href="/ask" title="ask">♐</a>
  486. <a href="/rules" title="rules">♐</a>
  487. <a href="/navigation" title="navi">♐</a>
  488. <a href="/verses" title="verses">♐</a>
  489. </a>
  490.  
  491.  
  492. </div>
  493.  
  494. <div id="description">{description}</div>
  495.  
  496. </div>
  497.  
  498. <div id="entries">{block:Posts}<div id="post">
  499.  
  500. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  501.  
  502. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  503.  
  504. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  505.  
  506. {block:Quote}<big><big>"{Quote}"</big></big>{block:Source}<br><br> <div style="text-align: right;">— {Source}</div>{/block:Source}{/block:Quote}
  507.  
  508. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}{hw}
  509.  
  510. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}{hw}
  511.  
  512. {block:Audio}{block:AlbumArt}<img src="{AlbumArtURL}" width="65px" align="left">{/block:AlbumArt}<div class="audio">{AudioPlayerGrey}<br>{block:TrackName}&nbsp;&nbsp;&nbsp;&nbsp; {TrackName}{/block:TrackName}
  513. {block:Artist} &nbsp;—&nbsp; {Artist} {/block:Artist}</div>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  514.  
  515. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  516.  
  517. {block:Answer}<div id="ask"><img src="{AskerPortraitURL-24}" style="margin-left:7px;margin-right:13px;border:1px solid #e3e3e3;padding:2px;"></div> <em>{Asker}:</em><br> "{Question}"<br><br>{Answer}{/block:Answer}
  518.  
  519. {block:Date}<div id="info"> <a title="{TimeAgo}" href="{Permalink}">{Month} &nbsp;{DayOfMonth}</a>
  520. {/block:Date} {block:NoteCount}&nbsp; ( <font color=#d588a6>♥</font> <a href="{Permalink}">{NoteCount}</a> ) {/block:NoteCount}
  521.  
  522. {block:RebloggedFrom}&nbsp; <a title="{ReblogParentName}" href="{ReblogParentURL}">via</a> {/block:RebloggedFrom}{block:ContentSource} &nbsp; / &nbsp; <a title="{SourceTitle}" href="{SourceURL}">source</a>{/block:ContentSource} {/block:RebloggedFrom} &nbsp; <a href="{ReblogURL}"target="_blank" title="reblog this post"><big>+</big> </a>
  523. </div>
  524.  
  525.  
  526. {block:HasTags}
  527. <div class="tags">
  528. {block:Tags} <a href="{TagURL}"> {Tag}, &nbsp; </a> {/block:Tags}</div>
  529. {/block:HasTags}
  530. <div class="postnote">
  531. {block:PostNotes}{PostNotes}{/block:PostNotes}
  532. </div>
  533. </div>
  534. {/block:Posts}
  535.  
  536. <div id="pagination">
  537. <center>{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">←&nbsp;&nbsp;&nbsp; future</a>{/block:PreviousPage} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {block:NextPage}<a href="{NextPage}">past&nbsp;&nbsp;&nbsp; →</a><br />{/block:NextPage}{/block:Pagination}</div></center></div>
  538.  
  539. </div>
  540. <div id="credit"><a href="http://hollywhood.tumblr.com">HW</div> </div>
  541.  
  542. </body>
  543.  
  544. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement