API tools faq
paste
whattheweasley

Theme #9

whattheweasley
Mar 13th, 2012
661
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.20 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
  2. “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <!--
  5. DO NOT REMOVE THE FOLLOWING
  6. ► Theme #9 by Rachael: pevensied @ tumblr.com ◄
  7. • if you're using my theme, please keep this here.
  8. • this theme isn't a base theme, do not redistribute.
  9.  
  10. -->
  11.  
  12. <head>
  13.  
  14. <!-- DEFAULT VARIABLES -->
  15.  
  16. <meta name="font:Body" content="georgia"/>
  17. <meta name="font:Title" content="georgia"/>
  18.  
  19. <meta name="color:Background" content="#fff" />
  20. <meta name="color:Entry" content="#554444" />
  21. <meta name="color:Text" content="#8D8C86" />
  22. <meta name="color:Link" content="#aa9999" />
  23. <meta name="color:Link Hover" content="#887777" />
  24. <meta name="color:Nav Link 2" content="#887777" />
  25. <meta name="color:Nav Link 1" content="#554444" />
  26. <meta name="color:scrollbar behind" content="#FFFFFF" />
  27. <meta name="color:scroll bar" content="#bbcbcf" />
  28. <meta name="color:selection" content="#47707b" />
  29.  
  30. <meta name="color:solid" content="#EBE0CC" />
  31. <meta name="background" content="" />
  32. <meta name="image:1" content="http://27.media.tumblr.com/tumblr_m09xj7bbna1qdpcv4o3_250.gif" />
  33. <meta name="image:2" content="http://29.media.tumblr.com/tumblr_m0sggyfk0t1qdpcv4o3_250.gif" />
  34. <meta name="image:3" content="http://24.media.tumblr.com/tumblr_m09xj7bbna1qdpcv4o4_250.gif" />
  35. <meta name="text:link one" content="http://"/>
  36. <meta name="text:link one name" content="l<br/>i<br />n<br/>k<br />1<br />"/>
  37. <meta name="text:link two" content="/"/>
  38. <meta name="text:link two name" content="l<br/>i<br />n<br/>k<br />2<br />"/>
  39. <meta name="text:link three" content="http://"/>
  40. <meta name="text:link three name" content="l<br/>i<br />n<br/>k<br />3<br />"/>
  41.  
  42.  
  43.  
  44.  
  45. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  46.  
  47. <link rel="shortcut icon" href="{favicon}" />
  48. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  49.  
  50.  
  51.  
  52. <title>{title}</title>
  53. {CustomCSS}
  54.  
  55. <style type="text/css">
  56.  
  57. <style type="text/css">
  58.  
  59. iframe#tumblr_controls { right:3px !important; position:fixed !important; }
  60.  
  61. /* ---------- scroll bar --------- */
  62. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll bar}; height:30px;}
  63. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scroll bar}; height:10px!important;}
  64. ::-webkit-scrollbar {background-color:{color:scrollbar behind}; height:10px; width:5px;}
  65.  
  66. /* ---------- color selection --------- */
  67.  
  68. ::-moz-selection {color:{color:selection};background: {color:scroll bar};}
  69.  
  70. ::selection {color: {color:selection};background: {color:scroll bar};}
  71.  
  72. /* ---------- follow/dash fade --------- */
  73. iframe#tumblr_controls {
  74. top:0px !important;
  75. right:3px !important;
  76. position: fixed !important;
  77. -webkit-transition: opacity 0.7s linear;
  78. opacity: 0.4;
  79. -webkit-transition: all 0.8s ease-out;
  80. -moz-transition: all 0.8s ease-out;
  81. transition: all 0.8s ease-out;
  82. z-index:9999;}
  83.  
  84. iframe#tumblr_controls:hover{
  85. -webkit-transition: opacity 0.7s linear;
  86. opacity: 1;
  87. -webkit-transition: all 0.4s ease-out;
  88. -moz-transition: all 0.4s ease-out;
  89. transition: all 0.4s ease-out;}
  90.  
  91. body {
  92. color:{color:text};
  93. background-color:{color:background};
  94. background-image: url('{image:background}');
  95. background-position: center;
  96. background-attachment:fixed;
  97. background-repeat:repeat;
  98. font-family:{font:body};
  99. font-size:9px;
  100. line-height:110%;
  101. text-align:justify}
  102.  
  103. a:link, a:active, a:visited{
  104.  
  105. color: {color:link};
  106. text-decoration:none; -webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;
  107. }
  108.  
  109. a:hover{
  110. color:{color:link hover};
  111. background-color: transparent;
  112. }
  113.  
  114.  
  115.  
  116. #sideimage {
  117. width:180px;
  118. position:fixed;
  119. left: 230px;
  120. top:80px;
  121. overflow:hidden;
  122. -webkit-transition: opacity 1s linear;
  123. opacity: 1;
  124. }
  125.  
  126. #cabbie {
  127. width:180px;
  128. position:fixed;
  129. left: 230px;
  130. top:80px;
  131. }
  132.  
  133. #topbar {
  134. width:100%;
  135. left:-5px;
  136. top:-20px;
  137. height:80px;
  138. position:fixed;
  139. z-index:1000;
  140. background-color: {color:entry};
  141. border-left:0px solid;
  142. border-right:0px solid;
  143. padding:10px;
  144.  
  145. }
  146.  
  147. #description {
  148. padding-right:20px;
  149. padding-left:20px;
  150. padding-top:0px;
  151. }
  152.  
  153. #mockingjay {text-align: center;font-size: 9px;position:fixed;left:230px;top:-65px; background color: {color:entry};
  154. -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out; }
  155.  
  156. #mockingjay:hover {top:80px; color:{color:text}}
  157.  
  158. #peeta {padding: 20px 0 5px 0; height:100px;background: {color:entry};width:180px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;}
  159. #peeta:hover {background:{color:entry};}
  160.  
  161. #bread {font-family:georgia; font-size:10px; height:10px; padding: 20px 0px 1px 00px;background:{color:entry}; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;}
  162.  
  163. #bread:hover {color:transparent;}
  164.  
  165.  
  166.  
  167. #container {
  168. background-color:transparent;
  169. width: 500px;
  170. text-align: center;
  171. margin: 0px auto 0px auto}
  172.  
  173. #entries {
  174. margin: 80px 400px 0 0;
  175. float:right;
  176. }
  177.  
  178. #entry {
  179. margin: 0px 20px 10px 0;
  180. width: 500px;
  181. background-color: {color:entry};
  182. text-align: justify;
  183. padding: 5px}
  184.  
  185. #entry:hover #tag {opacity: 1.0;}
  186.  
  187. #tag {
  188. width:100px;
  189. position: absolute;
  190. margin-left:510px;
  191. margin-top:10px;
  192. font-style:italic;
  193. background-color: {color:entry};
  194. color:{color:text};
  195. text-align:left;
  196. text-transform: uppercase lowercase;
  197. padding: 3px;
  198. font-family: georgia;
  199. font-size:10px;
  200. border-bottom: 1px solid {color:entry};
  201. opacity:0.0;
  202. -webkit-transition-duration: 0.8s;
  203. }
  204. #tag a:hover {color:{color:link hover};}
  205.  
  206. #title {
  207. letter-spacing:0px;
  208. text-decoration:none;
  209. font-family:{font:Title};
  210. color: {color:Title};
  211. font-style: none;
  212. font-size:20px;
  213. text-transform:lowercase;
  214. line-height:14px;
  215. text-align:center;
  216. }
  217.  
  218. #questions {
  219. background-color:{color:nav link 1};
  220. color: {color:text};
  221. padding:10px;
  222. margin-bottom:0px;
  223. font-family:Georgia;
  224. font-size:11px
  225. }
  226. #questions a {
  227. color:{color:link}
  228. }
  229.  
  230.  
  231. .e {
  232. border-top:2px solid {color:solid};
  233. position:fixed;
  234. top:80px;
  235. margin-left:818px;
  236. font-family:georgia;
  237. padding-left:4px;
  238. padding-top:3px;
  239. -webkit-border-bottom-left-radius: 8px;
  240. -webkit-border-bottom-right-radius: 8px;
  241. width:10px;
  242. border-top:0px solid {color:solid};
  243. -webkit-transition: all 0.4s ease-out;
  244. -moz-transition: all 0.4s ease-out;
  245. transition: all 0.4s ease-out;
  246. }
  247.  
  248. #e1 {
  249. padding-bottom: 20px;
  250. left:130px;
  251. background-color:{color:Nav Link 1};
  252. color:{color:Nav Link 1};
  253. -webkit-transition: all 0.4s ease-out;
  254. -moz-transition: all 0.4s ease-out;
  255. transition: all 0.4s ease-out;
  256. }
  257.  
  258. #e1:hover {
  259. color:{color:Nav Link 2};
  260. padding-bottom: 50px;
  261. -webkit-transition: all 0.4s ease-out;
  262. -moz-transition: all 0.8s ease-out;
  263. transition: all 0.8s ease-out;
  264. }
  265.  
  266.  
  267. #e2 {
  268. padding-bottom: 20px;
  269. left:144px;
  270. background-color:{color:Nav Link 2};
  271. color:{color:Nav link 2};
  272. -webkit-transition: all 0.4s ease-out;
  273. -moz-transtion: all 0.4s ease-out;
  274. transition: all 0.4s ease-out;
  275. }
  276.  
  277. #e2:hover {
  278. color:{color:Nav link 1};
  279. padding-bottom: 50px;
  280. -webkit-transition: all 0.4s ease-out;
  281. -moz-transition: all 0.4s ease-out;
  282. transition: all 0.4s ease-out;
  283. }
  284.  
  285. #e3 {
  286. padding-bottom: 30px;
  287. left:157px;
  288. background-color:{color:Nav Link 1};
  289. color:{color:Nav link 1};
  290. -webkit-transition: all 0.4s ease-out;
  291. -moz-transition: all 0.4s ease-out;
  292. transition: all 0.4s ease-out;
  293. }
  294.  
  295. #e3:hover {
  296. color:{color:nav link 2};
  297. padding-bottom: 50px;
  298. -webkit-transition: all 0.4s ease-out;
  299. -moz-transition: all 0.4s ease-out;
  300. transition: all 0.4s ease-out;
  301. }
  302.  
  303. #e4 {
  304. padding-bottom: 20px;
  305. left:170px;
  306. background-color:{color:Nav Link 2};
  307. color:{color:Nav Link 2};
  308. -webkit-transition: all 0.4s ease-out;
  309. -moz-transition: all 0.4s ease-out;
  310. transition: all 0.4s ease-out;
  311. }
  312.  
  313. #e4:hover {
  314. color:{color:Nav Link 1};
  315. padding-bottom: 50px;
  316. -webkit-transition: all 0.4s ease-out;
  317. -moz-transition: all 0.4s ease-out;
  318. transition: all 0.4s ease-out;
  319. }
  320.  
  321. #e5 {
  322. padding-bottom: 25px;
  323. left:183px;
  324. background-color:{color:Nav Link 1};
  325. color:{color:Nav Link 1};
  326. -webkit-transition: all 0.4s ease-out;
  327. -moz-transition: all 0.4s ease-out;
  328. transition: all 0.4s ease-out;
  329. }
  330.  
  331. #e5:hover {
  332. color:{color:Nav Link 2};
  333. padding-bottom: 50px;
  334. -webkit-transition: all 0.4s ease-out;
  335. -moz-transition: all 0.4s ease-out;
  336. transition: all 0.4s ease-out;
  337. }
  338.  
  339.  
  340. #leftarrow{position: fixed; top: 0%; left: 30px; width: 30px; font-size: 50px; z-index: 9999; line-height: 75px}
  341. #leftarrow a{color:{color:Nav Link 2}; font-size: 50px!important}
  342. #leftarrow a:hover{color:{color:Link Hover};}
  343. #rightarrow{position: fixed; top: 0%; right: 30px; width: 30px; font-size: 50; z-index: 9999; line-height: 75px}
  344. #rightarrow a{color:{color:Nav Link 2}; font-size: 50px!important}
  345. #rightarrow a:hover{color:{color:Link Hover};}
  346.  
  347.  
  348. #katniss {
  349. padding-left:4px;
  350. margin-top:10px;
  351. width:492px;
  352. font-size:9px;
  353. font-family:{font:Body};
  354. color:{color:Permalink};
  355. -webkit-transition-duration: 0.5s;
  356. height:9px;
  357. border-left:2px solid {color:Nav Link 2};}
  358. #katniss a{
  359. color:{color:Permalink};
  360. }
  361. #katniss:hover {
  362. border-left:8px solid {color:Nav Link 2};
  363. }
  364.  
  365.  
  366.  
  367.  
  368. blockquote { border-left:2px {color:Link} solid; margin: 5px 0 0 11px; padding-left: 10px; border-left: {text:Blockquote Border Width}px {text:Blockquote Border Style}; }
  369. blockquote img, blockquote a img { max-width: 490px; }
  370.  
  371. #audio { background-color: transparent; height : 27px; margin-bottom : -10px; width:100%; text-align:center; }
  372.  
  373.  
  374. .chat { padding: 0; list-style-type: none; }
  375. .chat li { padding: 5px 10px; }
  376. .odd { background:#trans; }
  377.  
  378.  
  379. @font-face {
  380. font-family: "sweetly broken";
  381. src: url('http://static.tumblr.com/z5o2pr2/vpWm0rjxz/sweetly_broken.ttf');
  382. }
  383.  
  384. #love {
  385. position:fixed;
  386. overflow:auto;
  387. color:{color:text};
  388. font-family:"sweetly broken";
  389. font-size:35px;
  390. line-height:100px;
  391. letter-spacing:0px;
  392. text-transform:lowercase;
  393. left:650px;
  394. top:0px;
  395. text-align:center;
  396. -webkit-transform: rotate(0deg);
  397. text-shadow:0px 0px 25px {color:text};
  398. z-index:9999;
  399. }
  400.  
  401. </style>
  402. </head>
  403. <body>
  404. <a href="/" class="e" id="e1">h<br>o<br>m<br>e</a>
  405. <a href="/ask" class="e" id="e2">a<br>s<br>k</a>
  406. <a href="{text:link one}" class="e" id="e3">{text:link one name}</a>
  407. <a href="{text:link two}" class="e" id="e4">{text:link two name}</a>>
  408. <a href="{text:link three}" class="e" id="e5">{text:link three name}</a>
  409.  
  410. <div id="love">
  411. <a href="/"><font color="{color:text}">{title}</font></a>
  412. </div>
  413.  
  414. <div id="topbar"></div>
  415.  
  416. <div id="cabbie">
  417. {block:if1image}<img src="{image:1}" style="width: 180px" align="center"> {/block:if1image}
  418. <br><br>
  419. {block:if2image}<img src="{image:2}" style="width: 180px" align="center"> {/block:if2image}
  420. <br><br>
  421. {block:if3image}<img src="{image:3}" style="width: 180px" align="center"> {/block:if3image}
  422. </div>
  423.  
  424. <div id="mockingjay">
  425. <div id="peeta"><div id="description">{Description}</div> </div>
  426. <div id="bread">HOVER</div>
  427. </div>
  428. </div>
  429.  
  430. <a href="/" class="e" id="e1">h<br>o<br>m<br>e</a>
  431. <a href="/ask" class="e" id="e2">a<br>s<br>k</a>
  432. {block:iflinkone}<a href="{text:link one}" class="e" id="e3">{text:link one name}</a>{/block:iflinkone}
  433. {block:iflinktwo}<a href="{text:link two}" class="e" id="e4">{text:link two name}</a>{/block:iflinktwo}
  434. {block:iflinkthree}<a href="{text:link three}" class="e" id="e5">{text:link three name}</a>{/block:iflinkthree}
  435.  
  436. <div id="container">
  437.  
  438. {block:Pagination}
  439. {block:PreviousPage}<div id="leftarrow"><a href="{PreviousPage}">←</a></div>{/block:PreviousPage}
  440. {block:NextPage}<div id="rightarrow"><a href="{NextPage}">→</a></div>{/block:NextPage}
  441. {/block:Pagination}
  442.  
  443.  
  444. </div>
  445. <div id="entries">
  446.  
  447.  
  448.  
  449. {block:Posts}
  450. <div id="entry">
  451. {block:HasTags}<div id="tag"> {block:Tags}#<a href="{TagURL}">{Tag}</a><br>{/block:Tags}</div>{/block:HasTags}
  452.  
  453. {block:Text}
  454. <div id="title">{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</div><br>
  455. <p align=justify>{Body}</p>
  456. {/block:Text}
  457.  
  458. {block:Photo}
  459. {LinkOpenTag}<a href="{Permalink}"><img width="500" src="{PhotoURL-HighRes}"></a>{LinkCloseTag}
  460. <br>{block:Caption}{Caption}{/block:Caption}
  461. {/block:Photo}
  462.  
  463. {block:Photoset}
  464. {Photoset-500}
  465. <br>{block:Caption}{Caption}{/block:Caption}
  466. {/block:Photoset}
  467.  
  468. {block:Quote}
  469. <div id="title">"{Quote}"<br></div><br>
  470. {block:Source}— {Source}{/block:Source}
  471. {/block:Quote}
  472.  
  473. {block:Link}
  474. <div id="title"><a href="{URL}">{Name}</a></div><br>
  475. {block:Description}{Description}{/block:Description}
  476. {/block:Link}
  477.  
  478. {block:Chat}
  479. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  480. <ul class="chat">{block:Lines}
  481. <li class="{Alt} user_{UserNumber}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>
  482. {/block:Lines}</ul>
  483. {/block:Chat}
  484.  
  485. {/block:Chat}
  486.  
  487. {block:Audio}
  488. <div id="audio">{AudioPlayer}</div><br>
  489. <center>
  490. {block:Caption}{Caption}{/block:Caption}
  491. {PlayCount} plays</center>
  492. {/block:Audio}
  493.  
  494. {block:Answer}<div id="questions">{Asker} pondered: {Question}</div>
  495. {Answer}{/block:answer}
  496.  
  497.  
  498.  
  499.  
  500. {block:Video}
  501.  
  502.  
  503. <div id="width"><center>{Video-500}</div></center>
  504. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  505. {/block:Video}
  506. {block:Date}
  507. <div id="katniss"><div style="float:center;">posted <a href="{Permalink}">{TimeAgo}</a> with {block:NoteCount} {NoteCount}{/block:NoteCount} notes {block:RebloggedFrom}| <a href="{ReblogRootURL}" title="Source">©</a> / <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom} </div></div>
  508. {/block:Date}
  509. <div class="info"></div>
  510. </div>
  511. <div class="notes">{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  512. {/block:posts}<br>
  513. </div>{/block:posts}
  514. </div></div>
  515. </div>
  516.  
  517.  
  518. </body>
  519. </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!