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

THEME 03 | PARADISE

By: truthbeforethelies on Jun 22nd, 2012  |  syntax: None  |  size: 8.04 KB  |  hits: 8,872  |  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 03 BY TRUTHBEFORETHELIES | PARADISE
  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="#F8F6F3">
  11. <meta name="color:text" content="#D6D1C8">
  12. <meta name="color:side" content="#F3F0EB">
  13. <meta name="color:link" content="#D6D1C8">
  14. <meta name="color:linkhover" content="#C2B9A8">
  15. <meta name="color:navlinkbg" content="#EEEAE1">
  16. <meta name="color:post" content="#F3F0EB">
  17. <meta name="color:info" content="#F3F0EB">
  18.  
  19. <meta name="image:backgroundimage" content=""/>
  20. <meta name="image:sideimage" content=""/>
  21.  
  22. <meta name="text:title1" content="">
  23. <meta name="text:url1" content="/">
  24. <meta name="text:title2" content="">
  25. <meta name="text:url2" content="/">
  26. <meta name="text:title3" content="">
  27. <meta name="text:url3" content="/">
  28. <meta name="text:title4" content="">
  29. <meta name="text:url4" content="/">
  30.  
  31. <head>
  32. <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}" />{/block:Description}
  33.  
  34.  
  35.     <style type="text/css">
  36.  
  37. body {
  38. background-color:{color:background};
  39. background-image:{image:backgroundimage};
  40. font-family: calibri;
  41. font-size: 11px;
  42. }
  43.  
  44. a:link, a:active, a:visited {
  45. color: {color:link};
  46. text-decoration:none;
  47. -webkit-transition: all 0.5s ease-in-out;
  48. -moz-transition: all 0.5s ease-in-out;
  49. -o-transition: all 0.5s ease-in-out;
  50. -ms-transition: all 0.5s ease-in-out;
  51. transition: all 0.5s ease-in-out;
  52. }
  53.  
  54. #linkhover {
  55. color: {color:linkhover};
  56. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;
  57. }
  58.  
  59. #sideimage {
  60. margin-top: 150px;
  61. margin-left: 187px;
  62. max-width:200px;
  63. max-height: 200px;
  64. border: 5px solid {color:info};
  65. position: fixed;
  66. }
  67.  
  68. .side {
  69. font-family: calibri;
  70. font-size: 10px;
  71. color: {color:text};
  72. line-height: 9px;
  73. text-align: center;
  74. background-color: {color:side};
  75. position: fixed;
  76. padding: 10px;
  77. margin-top: 365px;
  78. margin-left: 187px;
  79. float: left;
  80. width: 190px;
  81. text-decoration: none;
  82. }
  83.  
  84. header {
  85. font-family: courier new;
  86. text-transform: uppercase;
  87. font-size: 11px;
  88. color: {color:title};
  89. line-height: 11px;
  90. margin-bottom: -7px;
  91. }
  92.  
  93. #navlinks {
  94. font-family: calibri;
  95. font-size: 9px;
  96. margin-top: -7px;
  97. font-style: italic;
  98. text-transform: uppercase;
  99. color: {color:link};
  100. }
  101.  
  102. .content {
  103. font-family: calibri;
  104. font-size: 11px;
  105. line-height: 9px;
  106. color: {color:text};
  107. margin-left: 460px;
  108. width: 520px;
  109. text-decoration: none;
  110. }
  111.  
  112. .post {
  113. width: 510 px;    
  114. background-color: {color:post};
  115. padding: 10px;
  116. margin-bottom: 15px;
  117. }
  118.  
  119. .navs {
  120. font-family: calibri;
  121. font-size: 12px;
  122. margin-top: 10px;
  123. text-decoration: none;
  124. }
  125.  
  126. .next {
  127. float: center;
  128. text-decoration: none;
  129. }
  130.  
  131. .notes {
  132. color: {color:text};
  133. margin-left: 250px;
  134. }
  135.  
  136. .notes img a {
  137. border: 2px;
  138. }
  139.  
  140. .notes li {
  141. list-style-type: none;
  142. margin-left: -500px;
  143. }
  144.  
  145. .prev {
  146. float: center;
  147. text-decoration: none;
  148. }
  149.  
  150. .postinfo {
  151. border-top: 2px solid {color:background};
  152. background-color: {color:info};
  153. font-family: calibri;
  154. text-transform: uppercase;
  155. font-size: 9px;
  156. letter-spacing: 1px;
  157. text-align: right;    
  158. padding: 5px;
  159. margin-top: -20px;
  160. }
  161.  
  162. #tags {
  163. background-color: {color:info};
  164. font-family: calibri;
  165. text-transform: uppercase;
  166. font-size: 8px;
  167. letter-spacing: 1px;
  168. text-align: right;
  169. margin-top: -20px;
  170. margin-bottom: 5px;
  171. width: 510px;
  172. margin-left: -250px;
  173. padding: 5px;
  174. }
  175.  
  176. .quote {
  177. text-align: center;
  178. }
  179.  
  180. #questions {
  181. background-color: {color:post};
  182. padding: 10px;
  183. font-family: calibri;
  184. font-size: 11px;
  185. font-style: italic;
  186. font-color: {color:text};
  187. text-align: left;
  188. }
  189.  
  190. #answers {
  191. background-color:{color:post};
  192. padding: 10px;
  193. font-family: calibri;
  194. font-size: 11px;
  195. margin-top: -30px;
  196. margin-bottom: -10px
  197. }
  198.  
  199. .yep {
  200. text-align: left;
  201. position: absolute;
  202. font-family: arial black;
  203. font-size: 30px;
  204. margin-top: 10px;
  205. line-height: 0px;
  206. }
  207.  
  208.     </style>
  209.  
  210. </head>
  211.  
  212. <body>
  213.  
  214. <div class="blog">
  215.   <div id="sideimage"><center><img src="{image:sideimage}"></center></div>
  216.   <div class="side">
  217.   <header><a href="/">{Title}</a></header>
  218. <p>{Description}
  219. <div id="navlinks">
  220. {block:iftitle1}<a href="{text:url1}">{text:title1}</a>{/block:iftitle1}
  221. {block:iftitle2}<a href="{text:url2}">{text:title2}</a>{/block:iftitle2}  
  222. {block:iftitle3}<a href="{text:url3}">{text:title3}</a>{/block:iftitle3}
  223. {block:iftitle4}<a href="{text:url4}">{text:title4}</a>{/block:iftitle4}
  224. <a href="http://truthbeforethelies.tumblr.com/tagged/themes">THEME</a>
  225. <br>
  226. </div>
  227.   {block:Pagination}
  228.    <div class="navs">
  229.     {block:NextPage}
  230.      <div class="next">
  231.       <a href="{NextPage}">&rarr;</a>
  232.      </div>
  233.     {/block:NextPage}
  234.  
  235.     {block:PreviousPage}
  236.      <div class="prev">
  237.       <a href="{PreviousPage}">&larr;</a>
  238.      </div>
  239.     {/block:PreviousPage}
  240.    </div>
  241.   {/block:Pagination}
  242.  
  243.   {block:PermalinkPagination}
  244.    <div class="navs">
  245.     {block:NextPost}
  246.      <div class="prev">
  247.       <a href="{NextPost}">&rarr;</a>
  248.      </div>
  249.     {/block:NextPost}
  250.  
  251.     {block:PreviousPost}
  252.      <div class="next">
  253.       <a href="{PreviousPost}">&larr;</a>
  254.      </div>
  255.     {/block:PreviousPost}
  256.    </div>
  257.   {/block:PermalinkPagination}    
  258.  
  259.   </div>
  260.  
  261.   <div class="content">
  262. <br><br><br><br><br><br><br>
  263. {block:Posts}
  264.  
  265.  
  266. {block:Text}
  267. <div class="post text">
  268. {block:Title}
  269. <h3><a href="{Permalink}">{Title}</a></h3>
  270. {/block:Title}
  271. {Body}
  272. </div>
  273. {/block:Text}
  274.  
  275. {block:Photo}
  276. <div class="post photo">
  277. <a href="{permalink}"><div class="posts"><img src="{PhotoURL-500}" width="500px"/></a>{block:IndexPage}<div id="photobox"> <a href="{ReblogURL}" target="_blank"><font color={color:text}></font></a></div>{/block:IndexPage}</div>
  278. <div class="caption">{Caption}</div>
  279. {/block:Caption}
  280.  
  281.     </div>
  282. {/block:Photo}
  283.  
  284. {block:Photoset}
  285. <div class="post photoset">
  286. <center>{Photoset-500}</center>
  287.  
  288. {block:Caption}
  289. <div class="caption">{Caption}</div>
  290. {/block:Caption}
  291. </div>
  292. {/block:Photoset}
  293.  
  294. {block:Quote}
  295. <div class="post quote">
  296. <div class="yep">&ldquo;</div>
  297. {Quote}<div class="yep"></div>
  298.  
  299. {block:Source}
  300. <div class="source">&#8212;{Source}</div>
  301. {/block:Source}
  302. </div>
  303. {/block:Quote}
  304.  
  305. {block:Answer}<div id="questions"><div>&nbsp;<center><strong>{Asker} asked:</strong> {Question}</center></div></div><div id="answers">
  306. {Answer}</br></div>{/block:answer}
  307.  
  308. {block:Link}
  309. <div class="post link">
  310. <center><a href="{URL}" class="link" {Target}>{Name}</a></center>
  311.  
  312. {block:Description}
  313. <div class="description">{Description}</div>
  314. {/block:Description}
  315. </div>
  316. {/block:Link}
  317.  
  318. {block:Chat}
  319. <div class="post chat">
  320. {block:Title}
  321. <h3><a href="{Permalink}">{Title}</a></h3>
  322. {/block:Title}
  323. <ul class="chat">
  324. {block:Lines}
  325. <li class="{Alt} user_{UserNumber}">
  326. {block:Label}
  327. <span class="label">{Label}</span>
  328. {/block:Label}
  329. {Line}
  330. </li>
  331. {/block:Lines}
  332. </ul>
  333. </div>
  334. {/block:Chat}
  335.  
  336. {block:Video}
  337. <div class="post video">
  338. <center>{Video-500}</center>
  339. {block:Caption}
  340. <div class="caption">{Caption}</div>
  341. {/block:Caption}
  342. </div>
  343. {/block:Video}
  344.  
  345. {block:Audio}
  346. <div class="post audio">
  347. {AudioPlayerBlack}
  348.  
  349. {block:Caption}
  350. <div class="caption">{Caption}</div>
  351. {/block:Caption}
  352. </div>
  353. {/block:Audio}
  354. <div class="postinfo">
  355.   {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}
  356. {block:ContentSource} <a href="{SourceURL}">©</a>{/block:ContentSource}</div><div class="notes">
  357.    {block:PostNotes}{PostNotes}{/block:PostNotes}</br>
  358. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagURL}">{Tag} </a> {/block:Tags} </div> {/block:HasTags}
  359. <br>
  360.   </div>
  361. {/block:Posts}
  362.   </div>
  363. </div>
  364.  
  365.  
  366. </body>
  367. </html>