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

THEME 04 | MIDDLE OF NOWHERE

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