Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme #6 Version 2

By: whattheweasley on Feb 18th, 2012  |  syntax: None  |  size: 12.02 KB  |  hits: 352  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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. <html>
  5. <!--
  6.                          DO NOT REMOVE THE FOLLOWING
  7.              ► Theme #6.2 by Rachael: pevensied @ tumblr.com  ◄
  8.               • if you're using my theme, please keep this here.
  9.               • this theme isn't a base theme, do not redistribute.
  10. -->
  11.  
  12. <body>
  13. <head>
  14. <!-- DEFAULT VARIABLES -->
  15. <meta name="color:background" content="#0A0A0A" />
  16. <meta name="color:title" content="#665555" />
  17. <meta name="color:text" content="#ccbbbb" />
  18. <meta name="color:link" content="#aa9999" />
  19. <meta name="color:lhover" content="#888877" />
  20. <meta name="color:navigation" content="#0A0A0A" />
  21. <meta name="color:navigation hover" content="#DED9D9" />
  22. <meta name="color:nav text" content="#0A0A0A" />
  23. <meta name="color:solid" content="#DED9D9" />
  24.  
  25. <meta name="color:scroll bar behind" content="#FFFFFF" />
  26. <meta name="color:scroll bar" content="#E3DAD3" />
  27. <meta name="color:selection" content="#DB9CB7" />
  28.  
  29. <meta name="font:title" content="georgia" />
  30. <meta name="font:body" content="georgia" />
  31.  
  32. <meta name="image:sidebar" content="http://24.media.tumblr.com/tumblr_ltdr1esniz1qahdn2o2_250.gif"/>
  33. <meta name="image:background" content="" />
  34.  
  35. <meta name="text:Link1 Url" content="/" />
  36. <meta name="text:Link1 Title" content="link 1" />
  37. <meta name="text:Link2 Url" content="/" />
  38. <meta name="text:Link2 Title" content="link 2" />
  39. <meta name="text:Link3 Url" content="/" />
  40. <meta name="text:Link3 Title" content="link 3" />
  41. <meta name="text:Link4 Url" content="/" />
  42. <meta name="text:Link4 Title" content="link 4" />
  43. <meta name="text:Link5 Url" content="/" />
  44. <meta name="text:Link5 Title" content="link 5" />
  45.  
  46.  
  47. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  48. <title>{Title}</title>
  49. {block:Description}
  50. <meta name="description" content="{MetaDescription}" />
  51. {/block:Description}
  52. <link rel="shortcut icon" href="{Favicon}" />
  53. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58. iframe#tumblr_controls {
  59.    top:0px !important;
  60.    right:3px !important;
  61.    position: fixed !important;
  62.       -webkit-transition: opacity 0.7s linear;
  63.       opacity: 0.4;
  64.       -webkit-transition: all 0.8s ease-out;
  65.       -moz-transition: all 0.8s ease-out;
  66.       transition: all 0.8s ease-out;}
  67.  
  68. iframe#tumblr_controls:hover{
  69.    -webkit-transition: opacity 0.7s linear;
  70.    opacity: 1;
  71.    -webkit-transition: all 0.4s ease-out;
  72.    -moz-transition: all 0.4s ease-out;
  73.    transition: all 0.4s ease-out;}
  74.  
  75.  
  76. /* ---------- scroll bar --------- */
  77. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scroll bar}; height:30px;}
  78. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:scroll bar}; height:10px!important;}
  79. ::-webkit-scrollbar {background-color:{color:background}; height:10px; width:5px;}
  80.  
  81. /* ---------- color selection --------- */
  82.  
  83. ::-moz-selection {color:{color:selection};background: transparent;}
  84. ::selection {color: {color:selection};background: transparent;}
  85.  
  86. body {
  87. color:{color:text};
  88. background-color:{color:background};
  89. background-image: url('{image:Background}');
  90. background-position: center;
  91. background-attachment:fixed;
  92. background-repeat:no-repeat;
  93. font-family:{font:body};
  94. font-size:9px;
  95. line-height:110%;
  96. text-align:justify}
  97.  
  98. a:link, a:active, a:visited{
  99. color: {color:link};
  100. text-decoration:none;
  101. -webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;transition: all 0.6s ease-out;
  102. }
  103.  
  104. a:hover{
  105. color:{color:lhover};
  106. background-color: transparent;
  107.  
  108. }
  109.  
  110. #entries{
  111. width:500px;
  112. margin-left:500px;
  113. margin-top:20px;
  114. overflow:shown;
  115. z-index: 0.9; text-align:justify;
  116. }
  117.  
  118. #content {
  119. background:trans;
  120. padding:5px;
  121. margin-bottom:10px;
  122. margin-top:0px;
  123. line-height:11px;
  124. font-family: {font:Body};
  125. font-size:9px;
  126. }
  127.  
  128. #credit {
  129. position:fixed;
  130. width:100px;
  131. right:-8px;
  132. bottom:0px;
  133. line-height:5px;
  134. letter-spacing:0px;
  135. font:10px georgia;
  136. color: {color:text};
  137. text-transform:lowercase;
  138. font-style:italic;}
  139.  
  140. #sidebarimg img {
  141. margin-left:0px;
  142. margin-top:0px;
  143. border:3px solid {color:solid};
  144. height: auto;
  145. text-align:center;
  146. }
  147.  
  148. #sidebar {
  149. width:300px;
  150. height:auto;
  151. margin-left:200px;
  152. margin-top:142px;
  153. position:fixed;
  154. overflow:hidden;
  155. background-color: transparent;
  156. border-left:0px solid;
  157. border-right:0px solid;
  158. padding:0px;
  159. }
  160.  
  161. #container {
  162. width: 178px;
  163. margin: auto;
  164. position: fixed;
  165. margin-top: 70px;
  166. margin-left: 225px;
  167. }
  168.  
  169. #icon {
  170. margin: auto;
  171. position: fixed;
  172. margin-top: 70px;
  173. margin-left: 407px;
  174. border: 3px solid;
  175. border-color: {color:solid};
  176. }
  177.  
  178. a.effie {
  179. font-family: georgia;
  180. font-size: 11px;
  181. line-height: 13px;
  182. text-align: right;
  183. display:block;
  184. background-color: {color:Navigation};
  185. color: {color:Link};
  186. margin-bottom: 2px;
  187. padding-right: 8px;
  188. padding-top: 2px;
  189. padding-bottom: 2px;
  190. line-height: 8px;
  191. letter-spacing: 1px;
  192. text-transform: lowercase;
  193. }
  194.  
  195. a.effie:hover {
  196. background-color: {color:Navigation Hover};
  197. color: {color:Nav Text};
  198. padding-right: 16px;
  199. }
  200.  
  201. #leftarrow{position: fixed; top: 50%; left: 20px; width: 30px; font-size: 75px; z-index: 2; line-height: 75px}
  202. #leftarrow a{color:{color:text}; font-size: 75px!important}
  203. #leftarrow a:hover{color:{color:link};}
  204. #rightarrow{position: fixed; top: 50%; right: 30px; width: 30px; font-size: 75 z-index: 2; line-height: 75px}
  205. #rightarrow a{color:{color:text}; font-size: 75px!important}
  206. #rightarrow a:hover{color:{color:link};}
  207.  
  208. #mockingjay {text-align: center; font-size: 9px;position:fixed;left:242px;top:295px; -webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;z-index:-999;}
  209.  
  210. #mockingjay:hover {top:390px;}
  211.  
  212. #mockingjays {
  213. padding: 10px 0px 0px 0px;
  214. background: {color:solid};
  215. height:80px;
  216. width:232px;
  217. }
  218.  
  219. #mockingjaypin {font-family:georgia;
  220. font-size:10px;
  221. height:10px;
  222. padding: 0 3px 9px 0;
  223. background:{color:solid};
  224. color:{color:link};
  225. border-bottom-right-radius: 5px;
  226. -moz-border-radius-bottomright: 5px;
  227. -webkit-border-bottom-right-radius: 5px;
  228. border-bottom-left-radius: 5px;
  229. -moz-border-radius-bottomleft: 5px;
  230. -webkit-border-bottom-left-radius: 5px;}
  231.  
  232.  
  233. #pagination {font-size:25px; text-align: center; font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman',serif;}
  234.  
  235. #pagination a{color:text}
  236.  
  237.  
  238.  
  239. #delacour {
  240. background-color:#trans;
  241. margin:0px 2px 2px 2px;
  242. font-size:9px;
  243. letter-spacing:2px;
  244. text-transform:lowercase;
  245. }
  246.  
  247. #malfoy {
  248. width:500px;
  249. border-bottom:1px  dotted;
  250. font-family:georgia;
  251. text-align:center;
  252. padding:2px;
  253. text-transform:lowercase;
  254. letter-spacing:1px;
  255. font-style:italic;
  256. font-size:10px;
  257. }
  258.  
  259. h1{
  260. color:{color:title};
  261. font-family: georgia;
  262. font-size:16px;
  263. line-height:17px;
  264. letter-spacing:-1px;
  265. font-weight:normal;
  266. text-transform:lowercase;
  267. margin:0px;
  268. padding:0px;
  269. text-align:left}
  270.  
  271. h2{
  272. color:{color:title};
  273. font-family: georgia;
  274. font-size:16px;
  275. line-height:14px;
  276. letter-spacing:-1px;
  277. font-weight:normal;
  278. text-transform:lowercase;
  279. margin:0px;
  280. padding:0px;
  281. margin-bottom:-0px;
  282. text-align:left
  283. }
  284.  
  285. h3{
  286. color:{color:title};
  287. font-family:Georgia;
  288. font-size:16px;
  289. line-height:17px;
  290. letter-spacing:-1px;
  291. font-weight:normal;
  292. text-transform:lowercase;
  293. margin:0px;
  294. padding:0px;
  295. text-align:center}
  296.  
  297. #source {text-align: right}
  298.  
  299. #info {
  300. display:block;
  301. width:500px;
  302. margin:2px 0px 3px 0px;
  303. padding:1px 2px 1px 4px;
  304. background-color:transparent;
  305. font:10px georgia;
  306. text-transform:lowercase;
  307. text-align:right
  308. }
  309.  
  310. #description {
  311. text-align:center;
  312. padding-top:10px;
  313. padding-bottom:10px;
  314. padding-right:50px;
  315. padding-left:50px;
  316. }
  317.  
  318.  
  319. #questions {
  320. background-color:{color:background};
  321. color: {color:text};
  322. padding:10px;
  323. margin-bottom:0px;
  324. font-family:Georgia;
  325. font-size:11px
  326. }
  327. #questions a {
  328. color:{color:link}
  329. }
  330.  
  331. blockquote {
  332. border-left:1px  dotted;
  333. padding-left:5px;
  334. margin:0px 2px 0px 10px
  335. }
  336. blockquote img, blockquote a img { max-width: 490px}
  337.  
  338. b, strong{
  339. color:{color:title}
  340. }
  341. i, em {
  342. color:{color:link};
  343. }
  344. p{
  345. margin-top:3px; margin-bottom:3px
  346. }
  347.  
  348. img a{border:none; width:100%}
  349. .audio{background-color: transparent; display:block;}
  350.  
  351. .user_1 .label {color:{color:link}; font-weight:bold}
  352. .user_2 .label {color:{color:text}; font-weight:bold}
  353. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  354.  
  355. .notes img{
  356. background-color: #bebebe;
  357. width:10px;
  358. position:relative;
  359. top:1px;
  360. }
  361. ol.notes, .notes li{
  362. list-style:none;
  363. margin:0px;
  364. padding:0px;
  365. }
  366. random text{
  367. background-color:transparent!important;
  368. }
  369.  
  370.  
  371.  
  372. </style>
  373. <style type="text/css">{CustomCSS}</style>
  374. </head>
  375.  
  376. <body>
  377.  
  378. <!-- this is out of your way for the most part, LEAVE IT ALONE. Please. -->
  379. <div id="credit"><a target="blank"href="http://pevensied.tumblr.com/tagged/themes"><font color="{color:text}">theme by rachael<br>[pevensied]</a></font></div>
  380.  
  381. <div id="mockingjay">
  382.  
  383. <div id="mockingjays"><div style="div style="width: 200px;height: 100px; overflow: auto; text-align:center;">{description}</div></div>
  384. <div id="mockingjaypin"> <br>HOVER</div>
  385.  
  386. </div>
  387.    
  388. </div>
  389. {block:Pagination}
  390. {block:PreviousPage}<div id="leftarrow"><a href="{PreviousPage}">&laquo;</a></div>{/block:PreviousPage}
  391. {block:NextPage}<div id="rightarrow"><a href="{NextPage}">&raquo;</a></div>{/block:NextPage}
  392. {/block:Pagination}
  393. <div id="sidebar">
  394. <div id="sidebarimg"><center><IMG SRC="{image:sidebar}" width="244px"></center>
  395. </div>
  396.  
  397. </div>
  398.  
  399. <div id="icon"><img src="{PortraitURL-96}" width="62" height="62" align=right></div>
  400. <div id="container">
  401. <a href="/" class="effie">home</a>
  402. <a href="/ask" class="effie">ask</a>
  403. {block:ifLink1Title}<a href="{text:Link1 Url}"  class="effie">{text:Link1 Title}</a>{/block:ifLink1Title}
  404. {block:ifLink2Title}<a href="{text:Link2 Url}"  class="effie">{text:Link2 Title}</a>{/block:ifLink2Title}
  405. {block:ifLink3Title}<a href="{text:Link3 Url}"  class="effie">{text:Link3 Title}</a>{/block:ifLink3Title}
  406. </div></div>
  407.  
  408. <div id="entries">
  409.  
  410.  
  411.  
  412. {block:Posts}
  413. <div id="content">
  414. {block:Text}
  415. <h1>{block:Title}<a href="{Permalink}">{Title}</a>{/block:Title}</h1><br>
  416. <p align=justify>{Body}</p>
  417. {/block:Text}
  418.  
  419. {block:Photo}
  420. {LinkOpenTag}<a href="{Permalink}"><img width="500" src="{PhotoURL-HighRes}"></a>{LinkCloseTag}
  421. <br>{block:Caption}{Caption}{/block:Caption}
  422. {/block:Photo}
  423.  
  424. {block:Photoset}
  425. {Photoset-500}
  426. <br>{block:Caption}{Caption}{/block:Caption}
  427. {/block:Photoset}
  428.  
  429. {block:Quote}
  430. <h2>"{Quote}"<br></h2><br>
  431. {block:Source}— {Source}{/block:Source}
  432. {/block:Quote}
  433.  
  434. {block:Link}
  435. <h1><a href="{URL}">{Name}</a></h1><br>
  436. {block:Description}{Description}{/block:Description}
  437. {/block:Link}
  438.  
  439. {block:Chat}
  440. {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  441. <ul class="chat">{block:Lines}
  442. <li class="{Alt} user_{UserNumber}">{block:Label}<strong>{Label}</strong>{/block:Label} {Line}</li>
  443. {/block:Lines}</ul>
  444. {/block:Chat}
  445.  
  446. {/block:Chat}
  447.  
  448. {block:Audio}
  449. <div id="audio"><center>{AudioPlayerWhite}</center></div><br>
  450. <center>
  451. {block:Caption}{Caption}{/block:Caption}
  452. {PlayCount} plays</center>
  453. {/block:Audio}
  454.  
  455. {block:Answer}<div id="questions"><em>{asker}</em> wondered: {Question}
  456. <br />
  457. </div>
  458. {Answer}{/block:answer}
  459.  
  460.  
  461.  
  462. {block:Video}
  463. <div id="width"><center>{Video-500}</div></center>
  464. {block:PermalinkPage}<br>{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  465. {/block:Video}
  466. </div>
  467.  
  468.  
  469. <div id="delacour">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}"></a>{/block:RebloggedFrom}{block:ContentSource} (© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource} <div style="float:right">{block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}</div>
  470.  
  471. {block:IndexPage}{block:HasTags}<div id="malfoy">{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:IndexPage}
  472. </b>
  473.  
  474.  
  475. </body>
  476. </html>
create a new version of this paste RAW Paste Data