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

Imagination

By: whattheweasley on May 8th, 2012  |  syntax: None  |  size: 15.80 KB  |  hits: 1,860  |  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.  
  5.                    <!--             DO NOT REMOVE THE FOLLOWING
  6.                         ► Theme 15: Imagination by Rachael: pevensied @ tumblr.com  ◄
  7.                       • if you're using my theme, please keep credit in tact.
  8.                       • this theme isn't a base theme, do not redistribute.  
  9.                       • edit to your heart's consent, but this will always be MY theme
  10.                      -->
  11.  
  12. <body>
  13. <head>
  14.  
  15.             <!-- DEFAULT VARIABLES -->
  16.    <meta name="color:background" content="#FFFFFF" />
  17.    <meta name="color:entry" content="#eeeeee" />
  18.    
  19.    <meta name="color:title" content="#C4C4C4" />
  20.    <meta name="color:text" content="#CFCFCF" >
  21.    <meta name="color:sidebar text" content="#C0AEA0" />
  22.    <meta name="color:link" content="#6677aa" />
  23.    <meta name="color:link hover" content="#99aadd" />
  24.  
  25.    <meta name="color:nav link" content="#99aadd" />
  26.    <meta name="color:nav link hover" content="#ccddff" />
  27.    <meta name="color:selection" content="#dd9955" />
  28.  
  29.    <meta name="font:title" content="georgia" />
  30.    <meta name="font:body" content="helvetica" />
  31.    <meta name="font:sidebar" content="helvetica" />
  32.  
  33.    <meta name="image:sidebar" content=""/>
  34.    <meta name="image:background" content="" />
  35.  
  36.    <meta name="text:top title" content="so hypocritical..." />
  37.    <meta name="text:bottom title" content="overly cynical" />
  38.    <meta name="if:show info" content="0" />
  39.    <meta name="if:show description" content="0" />
  40.    <meta name="if:fading images" content="1" />
  41.    <meta name="text:sidebar image height" content="210"/>
  42.    <meta name="text:link one" content="/"/>
  43.    <meta name="text:link one name" content="link 1"/>
  44.    <meta name="text:link two" content="/"/>
  45.    <meta name="text:link two name" content="link 2"/>
  46.    <meta name="text:link three" content="/"/>
  47.    <meta name="text:link three name" content="link 3"/>
  48.    <meta name="text:link four" content="/"/>
  49.    <meta name="text:link four name" content="link 4"/>
  50.    <meta name="text:link five" content="/"/>
  51.    <meta name="text:link five name" content="link 5"/>
  52.    <meta name="text:link six" content="/"/>
  53.    <meta name="text:link six name" content="link 6"/>
  54.  
  55.  
  56. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  57. <title>{Title}</title>
  58.  
  59. {block:Description}
  60. <meta name="description" content="{MetaDescription}" />
  61. {/block:Description}
  62.  
  63. <link rel="shortcut icon" href="{Favicon}" />
  64. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  65. <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
  66.  
  67. <style type="text/css">
  68.  
  69. /* ---------- scroll bar --------- */
  70. ::-webkit-scrollbar-thumb:vertical {background-color:{color:nav link}; height:30px;}
  71. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:nav link}; height:10px!important;}
  72. ::-webkit-scrollbar {background-color:{color:background}; height:10px; width:5px;}
  73.  
  74. /* ---------- color selection --------- */
  75.  
  76. ::-moz-selection {color:{color:selection};background: {color:link hover};}
  77.  
  78. ::selection {color: {color:selection};background: {color:link hover};}
  79.  
  80. /* ---------- follow/dash fade --------- */
  81. iframe#tumblr_controls {
  82.    top:0px !important;
  83.   right:3px !important;
  84.    position: fixed !important;
  85.   -webkit-transition: opacity 0.7s linear;
  86.      opacity: 0.4;
  87. -webkit-transition: all 0.8s ease-out;
  88. -moz-transition: all 0.8s ease-out;
  89. transition: all 0.8s ease-out;}
  90.  
  91. iframe#tumblr_controls:hover{
  92. -webkit-transition: opacity 0.7s linear;
  93. opacity: 1;
  94. -webkit-transition: all 0.4s ease-out;
  95. -moz-transition: all 0.4s ease-out;
  96. transition: all 0.4s ease-out;}
  97.  
  98.  
  99. body {
  100. color:{color:text};
  101. background-color:{color:background};
  102. background-image: url('{image:background}');
  103. background-position: center;
  104. background-attachment:fixed;
  105. background-repeat: repeat;
  106. font-family:{font:body};
  107. font-size:9px;
  108. line-height:110%;
  109. text-align:justify}
  110.  
  111. a:link, a:active, a:visited{
  112. color: {color:link};
  113. text-decoration:none;
  114. -webkit-transition: all 0.7s
  115. ease-out;-moz-transition: all 0.7s ease-out;
  116. transition: all 0.7s ease-out;
  117. }
  118.  
  119. a:hover{
  120. color:{color:link hover};
  121. background-color: transparent;
  122. }
  123.  
  124. #container {
  125. width:950px;
  126. float:right;
  127. }
  128.  
  129. #entries{
  130. left:70%;
  131. margin-left:180px;
  132. margin-top:40px;
  133. width:510px
  134. }
  135.  
  136. {block:iffadingimages}
  137. #entries img {
  138. opacity: .8;
  139. -webkit-transition: all 0.5s ease-out;
  140. -moz-transition: all 0.5s ease-out;
  141. transition: all 0.5s ease-out;
  142. }
  143.  
  144. #entries img:hover {
  145. opacity: 1;
  146. }
  147.  
  148. .trans {
  149. opacity: .8;
  150. -webkit-transition: all 0.5s ease-out;
  151. -moz-transition: all 0.5s ease-out;
  152. transition: all 0.5s ease-out;
  153. }
  154.  
  155. .trans:hover {
  156. opacity: 1;
  157. }
  158.  
  159. {/block:iffadingimages}
  160. #posts{
  161. overflow:hidden;
  162. background-color: {color:entry};
  163. padding:5px;
  164. margin-bottom:20px;
  165. -webkit-transition: all 0.7s
  166. ease-out;-moz-transition: all 0.7s ease-out;
  167. transition: all 0.7s ease-out;
  168. }
  169. #posts:hover #tags {
  170. opacity: 1
  171. }
  172.  
  173. #posts:hover #katniss {
  174. border-left:40px solid {color:Nav Link};
  175. opacity:1;
  176. }
  177.  
  178.  
  179. #mockingjay {
  180. position: fixed;
  181. float:left;
  182. width:225px;
  183. font-size: 9px; text-align: center;
  184. background: {color:entry};
  185. letter-spacing: 1px;  
  186. height:{text:sidebar image height}px;
  187. padding:0px;
  188. opacity: {block:ifsidebarimage}0.2{/block:ifsidebarimage}{block:ifnotsidebarimage}1{/block:ifnotsidebarimage};
  189. z-index:9999;
  190. -webkit-transition: all 0.8s ease-in-out;
  191. -moz-transition: all 0.8s ease-in-out;
  192. transition: all 0.8s ease-in-out;
  193. }
  194. {block:ifsidebarimage}
  195. #mockingjay:hover{
  196. opacity:.95;
  197. }
  198. {/block:ifsidebarimage}
  199.  
  200. .description {
  201. color:{color:sidebar text};
  202. font-family:{font:sidebar};
  203. position:fixed;
  204. right:20px;
  205. margin-top:120px;
  206. width:220px;
  207. font-size:9px;
  208. padding-bottom:10px;
  209. }
  210. .desc {
  211. padding-top:20px;
  212. width:100%;
  213. }
  214.  
  215. #icon img {
  216. position:fixed;
  217. max-width: 100px;
  218. margin-left:185px;
  219. margin-top:-40px;
  220. z-index:9999;
  221. text-align:center;
  222. border:3px solid {color:sidebar};
  223. -webkit-transition: all 0.7s ease-out;
  224. -moz-transition: all 0.7s ease-out;
  225. transition: all 0.7s ease-out;
  226. }
  227.  
  228.  
  229. #sidebarimg img {
  230. width:220px;
  231. margin-left:0px;
  232. margin-top:0px;
  233. height: auto;
  234. text-align:center;
  235. }
  236.  
  237. #sidebar {
  238. width:220px;
  239. position:fixed;
  240. overflow:hidden;
  241. background-color: {color:entry};
  242. border-left:0px solid;
  243. border-right:0px solid;
  244. padding:5px;
  245. -webkit-transition: all 0.7s ease-out;
  246. -moz-transition: all 0.7s ease-out;
  247. transition: all 0.7s ease-out;
  248. }
  249.  
  250. h1{
  251. color:{color:title};
  252. font-family:{font:title};
  253. font-size:12px;
  254. line-height:17px;
  255. letter-spacing:1px;
  256. font-weight:normal;
  257. text-transform:uppercase;
  258. margin:0px;
  259. padding:0px;
  260. text-align:center
  261. }
  262.  
  263. h2{
  264. color:{color:title};
  265. font-family:{font:title};
  266. font-size:16px;
  267. line-height:14px;
  268. letter-spacing:-1px;
  269. font-weight:normal;
  270. text-transform:case;
  271. margin:0px;
  272. padding:0px;
  273. margin-bottom:1px;
  274. text-align:center
  275. }
  276.  
  277.  
  278. #source {text-align: right}
  279.  
  280.  
  281. #tags {
  282. display:block;
  283. width:500px;
  284. padding-top:3px;
  285. padding-bottom: 2px;
  286. background-color:{color:entry};
  287. font-size:10px;
  288. text-transform:case;
  289. border-top:1px dashed {color:text};
  290. text-align:center;
  291. -webkit-transition: all 0.7s ease-out;
  292. -moz-transition: all 0.7s ease-out;
  293. transition: all 0.7s ease-out;
  294. opacity:0.8;
  295. }
  296.  
  297. #info {
  298. width:70px;
  299. position: absolute;  
  300. margin-left:490px;
  301. margin-top:10px;
  302. font-style:italic;
  303. background-color: {color:entry};
  304. color:{color:text};
  305. text-align:left;
  306. text-transform: uppercase lowercase;
  307. padding: 3px;  
  308. font-family: calibri;
  309. font-size:10px;
  310. opacity:0.0;
  311. -webkit-transition: all 0.7s ease-out;
  312. -moz-transition: all 0.7s ease-out;
  313. transition: all 0.7s ease-out;
  314. }
  315. #info a:hover  {
  316. color:{color:link hover};
  317. }
  318.  
  319. .reblogicons img {
  320. border: 2px solid {color:text};
  321. }
  322.  
  323. #linkk {
  324. position:fixed;
  325. width:200px;
  326. margin-top:200px;
  327. margin-left:300px;
  328. }
  329.  
  330. #effie {
  331. position:fixed;
  332. width: 220px;
  333. margin-top:200px;
  334. opacity:1;
  335. -webkit-transition: all 0.7s ease-out;
  336. -moz-transition: all 0.7s ease-out;
  337. transition: all 0.7s ease-out;
  338. }
  339.  
  340. #haymitch a {
  341. width:35px;
  342. display:inline-block;
  343. margin-left:0px;
  344. margin-bottom: 2px;
  345. line-height:40px;
  346. background-color:{color:Nav Link};
  347. font:10px calibri;
  348. text-transform: lowercase;
  349. color:{color:background};
  350. text-align:center;
  351. padding:10px 3px;
  352. text-decoration:none;
  353. z-index:9999;
  354. -webkit-transition: all 0.7s ease-out;
  355. -moz-transition: all 0.7s ease-out;
  356. transition: all 0.7s ease-out;
  357. }
  358. #haymitch a:hover {
  359. color:{color:nav link};
  360. background-color:{color:Nav Link Hover};
  361. opacity:1;
  362. }
  363.  
  364. #katniss {
  365. height:9px;
  366. width:500px;
  367. margin-top:10px;
  368. margin-left:-5px;
  369. position:absolute;
  370. border-left:2px solid {color:nav link};
  371. font-family:{font:body};
  372. font-size:9px;
  373. letter-spacing:0px;
  374. line-height:100%;
  375. text-align:left;
  376. {block:ifnotshowinfo}opacity:0;{/block:ifnotshowinfo}
  377. text-transform:case;
  378. -webkit-transition: all .8s ease-out;
  379. -moz-transition: all .8s ease-out;
  380. transition: all .8s ease-out;}
  381.  
  382.  
  383. /* If you want the font used for the title, please do not just copy the below code. Download it from dafont.com (http://www.dafont.com/joy-like-sunshine-through-my-windowpane.font) and host it on your own account */
  384.  
  385. @font-face {
  386. font-family: "joy like sunshine";
  387. src: url('http://static.tumblr.com/z5o2pr2/UqLm30wjs/joy_like_sunshine_through_my_windowpane.ttf');
  388. }
  389.  
  390. #love {
  391. position:fixed;
  392. width:220px;
  393. height:auto;
  394. overflow:auto;
  395. color:{color:text};
  396. font-family:'Dancing Script';
  397. font-size:27px;
  398. line-height:normal;
  399. letter-spacing:0px;
  400. text-transform:case;
  401. margin-top:-60px;
  402. margin-left:-70px;
  403. text-align:center;
  404. z-index:9999;
  405. -moz-transform:rotate(10deg);
  406. -webkit-transform:rotate(-5deg);
  407. -o-transform:rotate(10deg);
  408. }
  409.  
  410. .love {
  411. position:fixed;
  412. margin-top:-30px;
  413. margin-left:-10px;
  414. width:180px;
  415. height:auto;
  416. overflow:auto;
  417. line-height:normal;
  418. color:{color:text};
  419. font-family:georgia;
  420. font-size:10px;
  421. letter-spacing:1px;
  422. text-transform:uppercase;}
  423.  
  424. #page {
  425. bottom:1px;
  426. }
  427.  
  428. #leftarrow {
  429. bottom:-5px;
  430. padding-bottom:30px;
  431. background-color:{color:nav link};
  432. color:{color:background}
  433. position: fixed;
  434. margin-left: 2px;
  435. width: 30px;
  436. font-size: 75px;
  437. font-family:georgia;
  438. z-index: 2;
  439. line-height: 20px;
  440. -webkit-transition: all 0.7s ease-out;
  441. -moz-transition: all 0.7s ease-out;
  442. transition: all 0.7s ease-out;
  443. }
  444. #leftarrow a{
  445. color:{color:background}; font-size: 50px!important
  446. }
  447.  
  448. #leftarrow:hover {
  449. padding-bottom:60px;
  450. color:{color:link hover};
  451. }
  452.  
  453. #rightarrow {
  454. bottom:-5px;
  455. padding-bottom:30px;
  456. background-color:{color:nav link};
  457. color:{color:background};
  458. position: fixed;
  459. margin-left:40px;
  460. width: 30px;
  461. font-size: 75px;
  462. font-family:georgia;
  463. z-index: 2;
  464. line-height: 20px;
  465. -webkit-transition: all 0.7s ease-out;
  466. -moz-transition: all 0.7s ease-out;
  467. transition: all 0.7s ease-out;
  468. }
  469. #rightarrow a{
  470. color:{color:background}; font-size: 50px!important
  471. }
  472.  
  473. #rightarrow:hover {
  474. padding-bottom:60px;
  475. color:{color:link hover};
  476. }
  477.  
  478. #questions {
  479. background-color:{color:entry};
  480. color: {color:text};
  481. padding:10px;
  482. margin-bottom:0px;
  483. font-family:{font:body};
  484. font-size:11px
  485. }
  486. #questions a {
  487. color:{color:link}
  488. }
  489.  
  490. blockquote {
  491. border-left:1px {color:text} dotted;
  492. padding-left:5px;
  493. margin:0px 2px 0px 10px
  494. }
  495. blockquote img, blockquote a img { max-width: 490px}
  496.  
  497. b, strong{
  498. color:{color:title}
  499. }
  500. i, em {
  501. color:{color:link hover};
  502. }
  503. p{
  504. margin-top:3px; margin-bottom:3px
  505. }
  506.  
  507. img a{border:none; width:100%}
  508. .audio{background-color: transparent; display:block;}
  509.  
  510. .user_1 .label {color:{color:link}; font-weight:bold}
  511. .user_2 .label {color:{color:text}; font-weight:bold}
  512. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  513.  
  514. .notes img{
  515. background-color: #bebebe;
  516. width:10px;
  517. position:relative;
  518. top:1px;
  519. }
  520. ol.notes, .notes li{
  521. list-style:none;
  522. margin:0px;
  523. padding:0px;
  524. }
  525. random text{
  526. background-color:transparent!important;
  527. }
  528.  
  529. #credit {
  530. position:fixed;
  531. width:100px;
  532. left:2px;
  533. bottom:4px;
  534. line-height:5px;
  535. letter-spacing:0px;
  536. font:10px georgia;
  537. color: {color:background};
  538. text-transform:lowercase;
  539. font-style:italic;
  540. }
  541.  
  542. </style>
  543. <style type="text/css">{CustomCSS}</style>
  544. </head>
  545.  
  546. <body>
  547.  
  548.  
  549.  
  550.  
  551.  
  552. <div class="description">
  553. {block:IfNotShowDescription}<div id="mockingjay">{/block:IfNotShowDescription}
  554. <div class="desc">
  555. {description}
  556. <br><br>
  557. </div>{block:IfNotShowDescription}</div>{/block:IfNotShowDescription}
  558. <div id="sidebar">
  559. <div id="sidebarimg"><center><img src="{image:sidebar}"/></sidebar></center></div>
  560.  
  561. </div>
  562. </div>
  563.  
  564. <div id="linkk">
  565.  
  566. </div>
  567.  
  568.  
  569. <div id="container">
  570.  
  571. {block:Pagination}
  572. <div id="page">
  573. {block:PreviousPage}<div id="leftarrow"><a href="{PreviousPage}">&laquo;</a></div>{/block:PreviousPage}
  574. {block:NextPage}<div id="rightarrow"><a href="{NextPage}">&raquo;</a></div>{/block:NextPage}
  575. </div>
  576. {/block:Pagination}
  577. <div id="effie">
  578.  
  579. <div id="love"><a href="/"><font color="{color:link}">{text:top title}</font></a></div>
  580. <div class="love"><a href="/"><font color="{color:text}">{text:bottom title}</font></a></div>
  581. <div id="haymitch">
  582. <a href="/">home</a>
  583. <a href="/ask">ask</a><br>
  584. {block:IfLinkOne}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOne}
  585. {block:IfLinkTwo}<a href="{text:link Two}">{text:link two name}</a>{/block:IfLinkTwo}
  586. {block:IfLinkThree}<br><a href="{text:link three}">{text:link three name}</a>{/block:IfLinkThree}
  587. {block:IfLinkFour}<a href="{text:link four}">{text:link four name}</a>{/block:IfLinkFour}
  588. {block:IfLinkFive}<br><a href="{text:link five}">{text:link five name}</a>{/block:IfLinkFive}
  589. {block:IfLinkSix}<a href="{text:link six}">{text:link six name}</a>{/block:IfLinkSix}
  590.  
  591. </div>
  592. </div>
  593. <div id="entries">
  594.  
  595. {block:Posts}
  596. <div id="posts">
  597.  
  598.  
  599. {block:Title}<h1>{title}&nbsp;</h1>{/block:Title}
  600. {block:Text}{Body}{/block:Text}
  601.  
  602. {block:Quote}<h2>“{quote}”</h2>{/block:Quote}
  603. {block:Source}<center><div class="source">— {Source}</div></center>{/block:Source}
  604.  
  605. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  606. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  607.  
  608. {block:Photo}<div class="trans">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  609. {block:Photoset}<center><div class="trans">{Photoset-500}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  610.  
  611. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  612. {/block:Chat}
  613.  
  614. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  615.  
  616. {block:Answer}<div id="questions">{Asker} asked: {Question}</div>
  617. {Answer}{/block:answer}
  618.  
  619. {block:Audio}<center><span class="audio">{AudioPlayerWhite}</span>{block:Caption}{Caption}{/block:Caption}</center>{/block:Audio}<br>
  620.  
  621. <div id="tags">
  622. {block:HasTags}{block:Tags}- <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  623. </div>
  624.  
  625. <div id="katniss">
  626. {block:date}
  627. &nbsp;posted <a href="{Permalink}">{TimeAgo}</a> - {block:NoteCount} <a href="{Permalink}">{NoteCount}</a> notes{/block:NoteCount}   {block:RebloggedFrom}| <a href="{ReblogRootURL}" title="{ReblogRootName}">©</a> / <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}<br>
  628. {/block:Date}
  629. </div>
  630. </div>
  631. <div class="info"></div>
  632.  
  633. {/block:Posts}
  634. {block:PostNotes}{PostNotes}{/block:PostNotes}
  635.  
  636. </div>
  637.  
  638. </div>
  639.  
  640. <!-- Please do not remove my credit.-->
  641. <div id="credit"><a target="_blank"href="http://pevensied.tumblr.com/themes"><font color="{color:text}">theme by pevensied</a></font></div>
  642. <!-- It does not make your blog 'ugly' but if you must, I request you put in your faq-->
  643.  
  644. </body>
  645. </html>
create a new version of this paste RAW Paste Data