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

THEME 05 | SPARKS FLY

By: truthbeforethelies on Aug 13th, 2012  |  syntax: None  |  size: 9.33 KB  |  hits: 4,866  |  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 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. THEME 05 BY TRUTHBEFORETHELIES | SPARKS FLY
  5. Please don't steal this theme or redistribute it as
  6. your own and everyone will be much happier. (Meaning
  7. keep the credit on, please.) Happy theming!
  8. -->
  9.  
  10. <meta name="color:background" content="#FFFFFF">
  11. <meta name="color:text" content="#D6D1C8">
  12. <meta name="color:border" content="#e4c5b3">
  13. <meta name="color:side" content="#F3F0EB">
  14. <meta name="color:link" content="#D6D1C8">
  15. <meta name="color:linkhover" content="#C2B9A8">
  16. <meta name="color:questionbg" content="#f7eed9">
  17. <meta name="color:navlink" content="#F8F6F3">
  18. <meta name="color:navlinks2bg" content="#EEEAE1">
  19. <meta name="color:post" content="#F3F0EB">
  20.  
  21. <meta name="font:title" content="arial, consolas, georgia, trebuchet ms">
  22.  
  23. <meta name="image:backgroundimage" content=""/>
  24. <meta name="image:sideimage" content=""/>
  25.  
  26. <meta name="text:title1" content="">
  27. <meta name="text:url1" content="/">
  28. <meta name="text:title2" content="">
  29. <meta name="text:url2" content="/">
  30. <meta name="text:title3" content="">
  31. <meta name="text:url3" content="/">
  32. <meta name="text:title4" content="">
  33. <meta name="text:url4" content="/">
  34. <meta name="text:title5" content="">
  35. <meta name="text:url5" content="/">
  36. <head>
  37. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description} <link rel="shortcut icon" href="{Favicon}" /> <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38. <style type="text/css">
  39.  
  40. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  41.  
  42. a:link, a:active, a:visited {
  43.     color: {color:link};
  44.     text-decoration:none;
  45.     -webkit-transition-duration:0.6s;}
  46.  
  47. a:hover {
  48.     color:{color:linkhover};
  49.     }
  50.  
  51. body {
  52. background-color:{color:background};
  53. background-image:{image:backgroundimage};
  54. font-family: arial;
  55. font-size: 9px;
  56. }
  57.  
  58. #sideimage {
  59.     margin-top: 175px;
  60.     margin-left: 125px;
  61.     max-width:150px;
  62.     max-height: 150px;
  63.     position: fixed;
  64. }
  65.  
  66. #side {
  67.     font-family: arial;
  68.     margin-top: 315px;
  69.     font-size: 9.3px;
  70.     line-height: 100%;
  71.     position: fixed;
  72.     margin-left: 115px;
  73.     width: 150px;
  74.     padding: 10px;
  75.     color: {color:text};
  76.     text-align: center;
  77. }
  78.  
  79. #titlez {
  80.     font-family: arial;
  81.     color: {color:title};
  82.     font-size: 12px;
  83.     text-align: center;
  84.     text-transform: uppercase;
  85.     line-height: 100%;
  86.     font-weight: bold;
  87.     }
  88.  
  89. #sidenav a:link, .sidenav a:visited
  90. {
  91. text-transform: uppercase;
  92. color:{color:text};
  93. display: inline-block;
  94. padding-left:10px;
  95. border-left:5px solid {color:link};
  96. margin-top:210px;
  97. margin-left: 325px;
  98. position: fixed;
  99. -webkit-transition-duration:0.6s;
  100. -webkit-transition-property:color, text;
  101. -webkit-transition-duration: .4s;
  102. -moz-transition-duration: .4s;
  103. -webkit-transition-timing-function: linear, ease-in;
  104. }
  105.  
  106. #sidenav a:hover
  107. {
  108. color: {color:linkhover};
  109. border-left:20px solid {color:linkhover};
  110. padding-left:20px;
  111. -webkit-transition-duration: .4s;
  112. -moz-transition-duration: .4s;
  113. }
  114.  
  115. .content {
  116. font-family: arial;
  117. font-size: 10px;
  118. line-height: 100%;
  119. color: {color:text};
  120. margin-left: 460px;
  121. width: 520px;
  122. text-decoration: none;
  123. }
  124.  
  125. .post {
  126.     margin-left: -15px;
  127. width: 510 px;    
  128. background-color: {color:background};
  129. border-bottom: 1px solid;
  130. border-color: {color:text};
  131. padding: 10px;
  132. margin-bottom: 15px;
  133. }
  134.  
  135. .caption {
  136.     text-align: left;
  137.     line-height: 100%;
  138.     text-transform: normal;
  139. }
  140.  
  141. .next {
  142. margin-top: 2px;
  143. float:right;
  144. text-decoration: none;
  145. margin-left: 135px;
  146. position: fixed;
  147. }
  148.  
  149. .notes {
  150. color: {color:text};
  151. margin-left: 250px;
  152. }
  153.  
  154. .notes img a {
  155. border: 2px;
  156. }
  157.  
  158. .notes li {
  159. list-style-type: none;
  160. margin-left: -500px;
  161. }
  162.  
  163. .prev {
  164. margin-top: 2px;
  165. margin-left: 5px;
  166. float:left;
  167. text-decoration: none;
  168. position: fixed;
  169. }
  170.  
  171. .postinfo {
  172. border-top: 2px solid {color:background};
  173. background-color: {color:info};
  174. width: 500px;
  175. font-family: arial;
  176. text-transform: uppercase;
  177. font-size: 8px;
  178. text-align: center;  
  179. padding: 5px;
  180. margin-top: -20px;
  181. }
  182.  
  183. #tags {
  184.     text-align: center;
  185. background-color: {color:info};
  186. margin-left: -255px;
  187. font-family: arial;
  188. text-transform: uppercase;
  189. font-size: 8px;
  190. margin-top: -20px;
  191. margin-bottom: 5px;
  192. width: 510px;
  193. padding: 5px;
  194. }
  195.  
  196. .quote {
  197. text-align: center;
  198. }
  199.  
  200. #questions {
  201. background-color: {color:background};
  202. padding: 10px;
  203. font-family: arial;
  204. font-size: 10px;
  205. font-color: {color:text};
  206. margin-left: 5px;
  207. margin-top: 10px;
  208. }
  209.  
  210.  
  211. #answers {
  212. background-color:{color:background};
  213. font-family: arial;
  214. font-size: 10px;
  215. text-align: left;
  216. }
  217.  
  218. .cover {
  219. width: 150px;
  220. }
  221.  
  222. .playbutton {
  223.     width: 20px;
  224.     height: 30px;
  225.     overflow: hidden;
  226.     position: relative;
  227.     z-index: 1000;
  228.     margin: 15px 24px 13px 16px;
  229. }
  230.  
  231. .playbox {
  232.   background-color: #ffffff;
  233.   position: absolute;
  234.   z-index: 1000;
  235.   margin-left: 45px;
  236.   margin-top: 45px;
  237.   -webkit-border-radius: 100px;
  238.   -moz-border-radius: 100px;
  239.   border-radius: 100px;
  240.   opacity: 0.5;
  241.   text-decoration:none;
  242.     -webkit-transition-duration:0.6s;
  243.   }
  244.  
  245. .playbox:hover {
  246.     opacity: 1.0;
  247. }
  248.  
  249. .audiocaption {
  250.     text-align: center;
  251.     margin-top: -100px;
  252. }
  253.  
  254.     </style>
  255.  
  256. </head>
  257.  
  258. <body>
  259. <div class="blog">
  260. <div id="sideimage"><center><img src="{image:sideimage}"></center></div>
  261. <div id="side">
  262. <br>
  263.  {block:Pagination}
  264.    <div class="navs">
  265.     {block:NextPage}
  266.      <div class="next">
  267.       <a href="{NextPage}">+</a>
  268.      </div>
  269.     {/block:NextPage}
  270.  
  271.     {block:PreviousPage}
  272.      <div class="prev">
  273.       <a href="{PreviousPage}">-</a>
  274.      </div>
  275.     {/block:PreviousPage}
  276.    </div>
  277.   {/block:Pagination}
  278.  
  279.   {block:PermalinkPagination}
  280.    <div class="navs">
  281.     {block:NextPost}
  282.      <div class="prev">
  283.       <a href="{NextPost}">-</a>
  284.      </div>
  285.     {/block:NextPost}
  286.  
  287.     {block:PreviousPost}
  288.      <div class="next">
  289.       <a href="{PreviousPost}">+</a>
  290.      </div>
  291.     {/block:PreviousPost}
  292.    </div>
  293.   {/block:PermalinkPagination}
  294.   <div id="titlez">{Title}</div>
  295.     {Description}</div>
  296. <div id="sidenav">
  297. {block:iftitle1}<a href="{text:url1}">{text:title1}</a>{/block:iftitle1}<br>
  298. {block:iftitle2}<a href="{text:url2}">{text:title2}</a>{/block:iftitle2}<br>
  299. {block:iftitle3}<a href="{text:url3}">{text:title3}</a>{/block:iftitle3}<br>
  300. {block:iftitle4}<a href="{text:url4}">{text:title4}</a>{/block:iftitle4}<br>
  301. {block:iftitle5}<a href="{text:url5}">{text:title5}</a>{/block:iftitle5}<br>
  302. <a href="http://truthbeforethelies.tumblr.com/mythemes">THEME</a>
  303. <br>
  304. </div>
  305.  
  306.   </div>
  307.  
  308.   <div class="content">
  309. {block:Posts}
  310. <br><br><br><br><br><br>
  311.  
  312. {block:Text}
  313. <div class="post text">
  314. {block:Title}
  315. <h3><a href="{Permalink}">{Title}</a></h3>
  316. {/block:Title}
  317. {Body}
  318. </div>
  319. {/block:Text}
  320.  
  321. {block:Photo}
  322. <div class="post photo">
  323. <a href="{permalink}"><div class="posts"><img src="{PhotoURL-500}" width="500px"/></a>{block:IndexPage}<div id="photobox"> <a href="{ReblogURL}" target="_blank"></a></div>{/block:IndexPage}</div>
  324. <div class="caption">{Caption}</div>
  325. {/block:Caption}
  326. </div>
  327. {/block:Photo}
  328.  
  329.  
  330. {block:Photoset}
  331. <div class="post photoset">
  332. <center>{Photoset-500}</center>
  333. <div class="caption">{Caption}</div>
  334. {/block:Caption}
  335. </div>
  336. {/block:Photoset}
  337.  
  338. {block:Quote}
  339. <div class="post quote">
  340. {Quote}
  341.  
  342. {block:Source}
  343. <div class="source">&#8212;{Source}</div>
  344. {/block:Source}
  345. </div>
  346. {/block:Quote}
  347.  
  348. {block:Answer}<div class="questions">{asker} asked <b>{Question}</b></div><br><div id="answers">
  349. {Answer}</br></div>{/block:answer}
  350.  
  351.  
  352. {block:Link}
  353. <div class="post link">
  354. <center><a href="{URL}" class="link" {Target}>{Name}</a></center>
  355.  
  356. {block:Description}
  357. <div class="description">{Description}</div>
  358. {/block:Description}
  359. </div>
  360. {/block:Link}
  361.  
  362. {block:Chat}
  363. <div class="post chat">
  364. {block:Title}
  365. <h3><a href="{Permalink}">{Title}</a></h3>
  366. {/block:Title}
  367. <ul class="chat">
  368. {block:Lines}
  369. <li class="{Alt} user_{UserNumber}">
  370. {block:Label}
  371. <span class="label">{Label}</span>
  372. {/block:Label}
  373. {Line}
  374. </li>
  375. {/block:Lines}
  376. </ul>
  377. </div>
  378. {/block:Chat}
  379.  
  380. {block:Video}
  381. <div class="post video">
  382. <center>{Video-500}</center>
  383. {block:Caption}
  384. <div class="caption">{Caption}</div>
  385. {/block:Caption}
  386. </div>
  387. {/block:Video}
  388.  
  389. {block:Audio}{block:AlbumArt}<div class="playbox"><div class="playbutton">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div></div><img src="{AlbumArtURL}" class="cover">{/block:AlbumArt}
  390. <div class="post audio">{block:Caption}
  391. <div class="audiocaption">{Caption}</div></div>
  392. {/block:Caption}{/block:Audio}
  393.  
  394. <div class="postinfo">
  395.   {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  396.   {block:RebloggedFrom}<a href="{ReblogParentURL}">VIA</a> {/block:RebloggedFrom}{block:ContentSource}<a href="{SourceURL}">©</a>{/block:ContentSource}<br></div>
  397. <div class="notes">
  398.    {block:PostNotes}{PostNotes}{/block:PostNotes}</br>
  399. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag} </a> {/block:Tags} </div> {/block:HasTags}
  400. <br>
  401.   </div>
  402. {/block:Posts}
  403.   </div>
  404. </div>
  405.  
  406.  
  407. </body>
  408. </html>
create a new version of this paste RAW Paste Data