veusthemes

Quetta Theme

Aug 23rd, 2011
21,772
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.48 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4.  
  5. <!--
  6. Theme By Livings
  7. -->
  8.  
  9. <title>{title}</title>
  10. <meta name="color:Text" content="#353535">
  11. <meta name="color:Links" content="#868686">
  12. <meta name="color:Hover" content="#8A8A8A">
  13. <meta name="color:Title Hover" content="#AFAFAF">
  14. <meta name="color:Title" content="#252525">
  15. <meta name="text:Width" content="300"/>
  16. <meta name="if:More Space Between Posts"868686 content="0"/>
  17. <meta name="if:Endless Scroll" content="0"/>
  18. <meta name="text:Custom Link One" content="" />
  19. <meta name="text:Custom Link One Title" content="" />
  20. <meta name="text:Custom Link Two" content="" />
  21. <meta name="text:Custom Link Two Title" content="" />
  22. <meta name="if:Maximised Background Image" content="0"/>
  23. <meta name="image:Background" content=""/>
  24.  
  25. <link rel="shortcut icon" href="{Favicon}">
  26.  
  27. <style type="text/css">
  28. body{
  29. height:100%;
  30. text-align:justify;
  31. font-family: georgia !important;
  32. font-size: 9px !important;
  33. line-height: 10px !important;
  34. color:{color:text};
  35. background-color:#ffffff;
  36. {block:IfNotMaximisedBackgroundImage}
  37. background-image:url({image:Background});
  38. background-attachment:fixed;
  39. background-repeat:repeat;
  40. {/block:IfNotMaximisedBackgroundImage}
  41. }
  42. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  43. {block:IfMaximisedBackgroundImage}
  44. #bg img {
  45. z-index:-1;
  46. position:fixed;
  47. top:0;
  48. left:0;
  49. height:100%;
  50. width:100%;
  51. }
  52. {block:IfMaximisedBackgroundImage}
  53.  
  54. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  55.  
  56.  
  57.  
  58. div#side{
  59. position:fixed;
  60. width:190px;
  61. height:100%;
  62. background:#000;
  63. text-align:right;
  64. padding:10px;
  65. }
  66.  
  67. body a{
  68. text-decoration:none;
  69. -webkit-transition: 0.5s ease-in;
  70. color:{color:links};
  71. }
  72. body a:hover{
  73. color:{color:hover};
  74. -webkit-transition: 0.5s ease-in;
  75. }
  76.  
  77. a img{
  78. border:0px;
  79. }
  80. #entry{
  81. margin-left:225px;
  82. padding-bottom:0px;
  83. margin-bottom:20px;
  84. {block:IfMoreSpaceBetweenPosts}
  85. margin-bottom:40px;
  86. {/block:IfMoreSpaceBetweenPosts}
  87. width:{text:Width}px;
  88. }
  89. #entry img{
  90. max-width:{text:Width}px;
  91. }
  92.  
  93. #entry:hover .permalink {opacity: 1;}
  94.  
  95. .posttitle{
  96. font-size:11px;
  97. text-transform:uppercase;
  98. margin-bottom:-5px;
  99. line-height:12px;
  100. margin-bottom:4px;
  101. text-align:left;
  102. letter-spacing:1px;
  103. }
  104. .nav{
  105. display: block;
  106. font-size:9px;
  107. text-transform:uppercase;
  108. padding:4px;
  109. color:#D1D0D0;
  110. font-family:century gothic;
  111. letter-spacing:1px;
  112. }
  113.  
  114. .title{
  115. margin-top:150px;
  116. margin-bottom:5px;
  117. font-size: 30px;
  118. font-family:times new roman;
  119. color:#C4BDBD;
  120. line-height:15px;
  121. text-transform:lowercase;
  122. }
  123.  
  124. .h2{
  125. -webkit-text-stroke: 1px transparent;
  126. font-family: georgia;
  127. font-size:11px;
  128. line-height:12px;
  129. letter-spacing: 1px;
  130. display:block;
  131. }
  132. .h3{
  133. text-transform:uppercase;
  134. }
  135. .h4{
  136. font-family: georgia;
  137. font-size:20px;
  138. line-height:25px;
  139. font-weight:;
  140. font-style:italic;
  141. letter-spacing: 2px;
  142. text-transform:lowercase;
  143. display:block;
  144. background:{color:title background};
  145. }
  146. .h5{
  147. color:{color:title};
  148. font-family: arial ;
  149. font-size:40px;
  150. line-height:41px;
  151. font-weight:;
  152. font-style:;
  153. text-transform:lowercase;
  154. text-align:right;
  155. }
  156.  
  157. .audio {
  158. background-color:#000000;
  159. margin-bottom : -10px;
  160. width:{text:Width}px;
  161. }
  162. .answer{
  163. padding:2px;
  164. padding-left:3px;
  165. color:{color:Text};
  166. font-style:italic;
  167. background:#fff;
  168. }
  169. .answer b {
  170. text-transform:uppercase;
  171. letter-spacing:1px;
  172. }
  173.  
  174. div.video embed,
  175. div.post div.video object {
  176. width:{text:Width}px !important;
  177. height:400px !important;
  178. }
  179.  
  180. .permalink {
  181. float: left;
  182. margin-left: {text:Width}px;
  183. padding-left:10px;
  184. position : absolute;
  185. font-size:9px;
  186. text-align : left;
  187. height:100px;
  188. letter-spacing:1px;
  189. -webkit-transition: 0.5s ease-in;
  190. opacity:0;
  191. }
  192. .permalink a:hover{
  193. color:{color:Hover}
  194. }
  195.  
  196.  
  197.  
  198. </style>
  199.  
  200. {block:IfEndlessScroll}
  201. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  202. {/block:IfEndlessScroll}
  203. </head>
  204.  
  205. <body>
  206.  
  207. {block:IfMaximisedBackgroundImage}<div id="bg"><img src="{image:Background}"></div>{/block:IfMaximisedBackgroundImage}
  208.  
  209. <div id="side">
  210. <div class="title">{Title}</div>
  211. <div class="nav"><a href="/">home</A> {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled} <a href="/archive">archive</a>
  212. <a href="http://livings.tumblr.com/">theme</a>{block:HasPages}{block:Pages}<a href="{URL}">{Label}</A> {/block:Pages}{/block:HasPages} {block:SubmissionsEnabled}<a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled} {block:IfCustomLinkOneTitle} <a href="{text:Custom Link One}"> {text:Custom Link One Title}</a> {/block:ifCustomLinkOneTitle} {block:ifCustomLinkTwoTitle} <a href="{text:Custom Link Two}"> {text:Custom Link Two Title}</a> {/block:ifCustomLinkTwoTitle} </div>
  213. </div>
  214.  
  215.  
  216.  
  217. {block:IfEndlessScroll}
  218. <div class="autopagerize_page_element">
  219. {/block:IfEndlessScroll}
  220.  
  221. {block:Posts}
  222.  
  223. {block:Text}
  224. <div id="entry">
  225. <span class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}{/block:Date}</a></span>
  226. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  227. {Body}
  228. </div>
  229. {/block:Text}
  230.  
  231. {block:Photo}
  232. <div id="entry">
  233. <span class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}{/block:Date}</a></span>
  234. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  235. <img src="{block:IndexPage}{PhotoURL-HighRes}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}" width="{text:Width}"/>
  236. {block:IndexPage}</a>{/block:IndexPage}
  237. {block:PermalinkPage}{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}
  238. {block:HasTags}{block:Tags}<a href="{TagUrl}">#{Tag} </a>{/block:Tags}{/block:HasTags}{/block:PermalinkPage}
  239. </div>
  240. {/block:Photo}
  241.  
  242. {block:Photoset}
  243. <div id="entry">
  244. <span class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}{/block:Date}</a></span>
  245. {Photoset-500}
  246. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  247. </div>
  248. {/block:Photoset}
  249.  
  250. {block:Quote}
  251. <div id="entry">
  252. <span class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}{/block:Date}</a></span>"{Quote}" {block:Source}— <b>{Source}</b>{/block:Source}
  253. </div>
  254. {/block:Quote}
  255.  
  256. {block:Link}
  257. <div id="entry">
  258. <span class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}{/block:Date}</a></span>
  259. <div class="h2"><a href="{URL}"><big>&rarr;</big>{Name}</a></div>{block:Description}{Description}{/block:Description}
  260. </div>
  261. {/block:Link}
  262.  
  263. {block:Chat}
  264. <div id="entry">
  265. <span class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}{/block:Date}</a></span>
  266. {block:Title}<b>{Title}</b>{/block:Title}
  267. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}
  268. </div>
  269. {/block:Chat}
  270.  
  271. {block:Audio}
  272. <div id="entry">
  273. <span class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}{/block:Date}</a></span>
  274. <div class="audio">
  275. {AudioPlayerBlack}</div><br>
  276. <div style="padding:2px; font-size:10px; text-align:left;font-style:italic;">{block:TrackName}{TrackName} by {/block:TrackName}{block:Artist}{Artist}{/block:Artist}</div>
  277. {block:PermalinkPage}{block:ExternalAudio} <a href="{ExternalAudioURL}"> / download </a> </span>{/block:ExternalAudio}{/block:PermalinkPage}
  278. </div>
  279. {/block:Audio}
  280.  
  281. {block:Answer}
  282. <div id="entry">
  283. <span class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}{/block:Date}</a></span>
  284. <div class="answer"><b><span style="color:{color:Links};">{Asker}:</span></b> {Question}</div><br>
  285. <div style="margin-top:-15px;">{Answer}</div></div>
  286. {/block:answer}
  287.  
  288. {block:Video}
  289. <div id="entry">
  290. <div class="video">
  291. <span class="permalink"><a href="{Permalink}">{block:Date}{NoteCount}{/block:Date}</a></span>
  292. {Video-500}
  293. {block:PermalinkPage}{block:Caption}{Caption}{/block:Caption}{/block:PermalinkPage}
  294. </div></div>
  295. {/block:Video}
  296.  
  297. {block:PostNotes}
  298. {PostNotes}
  299. {/block:PostNotes}
  300.  
  301. {/block:Posts}
  302. {block:IfEndlessScroll}</div>{/block:IfEndlessScroll}
  303.  
  304. {block:IfNotEndlessScroll}{block:Pagination}<div style="margin-top:20px; margin-bottom:10px; letter-spacing:px; font-weight:normal;font-size:13px; line-height:15px;font-family:century gothic; text-tranform:uppercase;"><div style="float:left">{block:PreviousPage}<a href="{PreviousPage}">backward</a>{/block:PreviousPage}</div> <div style="float:right;">{block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage}</div></div>{/block:Pagination}{/block:IfNotEndlessScroll}
  305.  
  306.  
  307. <br>
  308. </div>
  309. </body>
  310. </html>
Advertisement
Add Comment
Please, Sign In to add comment