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

THEME 02 | SHE WILL BE LOVED

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