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

THEME 01 | COUGH SYRUP

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