Advertisement
sailorslayer

Lux Theme

Oct 16th, 2013
48
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.30 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.  
  3.  
  4. <!--
  5. theme by sailorslayer. keep credit intact.
  6. -->
  7.  
  8.  
  9. <html>
  10. <head>
  11.  
  12.  
  13. <meta name="color:background" content="#0c0c0c"/>
  14. <meta name="color:posts" content="#12263a"/>
  15. <meta name="color:sidebar" content="#d7faee"/>
  16. <meta name="color:navbar" content="#fdfbfc"/>
  17. <meta name="color:border" content="#083568"/>
  18. <meta name="color:question" content="#fdfbfc"/>
  19. <meta name="color:text" content="#00ffe3"/>
  20. <meta name="color:link" content="#00b5ff"/>
  21. <meta name="color:hover" content="#b8ffec"/>
  22.  
  23. <meta name="font:title" content="arial" />
  24. <meta name="font:body" content="arial" />
  25. <meta name="font:links" content="arial" />
  26.  
  27. <meta name="image:background" content="/"/>
  28. <meta name="image:leftsb" content="http://static.tumblr.com/47da02659fbf2eaecda969fc379869fe/1yo5q1i/QYKmus4hs/tumblr_static_newsky.gif"/>
  29. <meta name="image:sideimg1" content="http://static.tumblr.com/cd341d9be07caca52fa4b8229e913aed/1yo5q1i/ln8mus4dj/tumblr_static_200x200.gif"/>
  30. <meta name="image:sideimg2" content="http://static.tumblr.com/152bf1a89eac70dcce52ba460a413b29/1yo5q1i/600mus5cz/tumblr_static_200x150.gif"/>
  31. <meta name="image:sideimg3" content="http://static.tumblr.com/4140610b689cba13edc74f7963914347/1yo5q1i/T9Amus5d6/tumblr_static_200x200-2.gif"/>
  32.  
  33.  
  34. <meta name="text:messagelink1 url"content="/">
  35.  
  36. <meta name="text:extralink1 url"content="/">
  37.  
  38.  
  39.  
  40.  
  41. <!-- links -->
  42.  
  43.  
  44. <meta name="image:messagelink1" content="http://static.tumblr.com/25179658efe202b5b4f2d7b39dacae0f/1yo5q1i/ztamus3hw/tumblr_static_ask2.gif" />
  45. <meta name="image:extralink1" content="http://static.tumblr.com/1a5f10b821022d9ef9d14cbb7e8a2d37/1yo5q1i/pW9mus3iq/tumblr_static_navi2.gif" />
  46.  
  47.  
  48.  
  49. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  50. <title>{Title}</title> {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  51. <link rel="shortcut icon" href="{Favicon}" />
  52. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  53.  
  54.  
  55. </head><style>
  56.  
  57. ::-webkit-scrollbar {
  58.  
  59. height: 10px;
  60.  
  61. width: 3px;
  62.  
  63. background: {color:background};
  64.  
  65. }
  66.  
  67. ::-webkit-scrollbar-thumb {
  68.  
  69. background-image:url(URL OF THE IMAGE HERE);
  70.  
  71. border:0px solid {color:posts};
  72.  
  73. -webkit-border-radius: 5ex;
  74.  
  75. -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
  76.  
  77. }
  78.  
  79. ::-webkit-scrollbar-corner {
  80.  
  81. background: {color:posts};
  82.  
  83. }
  84.  
  85.  
  86. body {
  87. color: {color:text};
  88. background-color: {color:background};
  89. background-image: url('{image:background}');
  90. background-attachment: fixed;
  91. font-family: {font:body};
  92. font-size: 12px;
  93. text-align: justify;
  94. }
  95.  
  96.  
  97. #stuff {
  98. position:fixed;
  99. margin-top: 75px;
  100. }
  101.  
  102. #title {
  103. position: fixed;
  104. width: 700px;
  105. height: 100px;
  106. margin-left: 5px;
  107. margin-top:-175px;
  108. border: 0px double {color:posts};
  109. }
  110.  
  111. #leftsb {
  112. position: fixed;
  113. width: 200px;
  114. height: 700px;
  115. margin-left: 10px;
  116. margin-top:-185px;
  117. border: 0px double {color:posts};
  118. }
  119.  
  120. #sideimg1 {
  121. position: fixed;
  122. width: 200px;
  123. height: 200px;
  124. margin-left: 850px;
  125. margin-top: -50px;
  126. border: 3px double {color:posts};
  127. }
  128.  
  129. #sideimg2 {
  130. position: fixed;
  131. width: 200px;
  132. height: 150px;
  133. margin-left: 850px;
  134. margin-top: 160px;
  135. border: 3px double {color:posts};
  136. }
  137.  
  138.  
  139. #sideimg3 {
  140. position: fixed;
  141. width: 200px;
  142. height: 200px;
  143. margin-left: 850px;
  144. margin-top: 320px;
  145. border: 3px double {color:posts};
  146. }
  147.  
  148.  
  149.  
  150.  
  151. #description2 {
  152. position: fixed;
  153. width: 200px;
  154. height:180px;
  155. background-color: {color:posts};
  156. margin-left: 110x;
  157. margin-top: 55px;
  158. border: 3px double {color:border};
  159. overflow:auto;
  160. padding-left:5px;
  161. padding-right:5px;
  162. }
  163.  
  164.  
  165.  
  166.  
  167. #pagination {
  168. position: fixed;
  169. margin-left: 10px;
  170. margin-top:-80px;
  171. }
  172. #sidebar {
  173. position:fixed;
  174. width:300px;
  175. height:300px;
  176. margin-top:10px;
  177. }
  178.  
  179. #messagelink {
  180. position: fixed;
  181. width:250px;
  182. height:50px;
  183. margin-left: 10px;
  184. margin-top:280px;
  185. }
  186. #extralink {
  187. position:fixed;
  188. width:250px;
  189. height:50px;
  190. margin-left:10px;
  191. margin-top:360px;
  192. }
  193.  
  194.  
  195.  
  196. a {
  197. color:{color:link};
  198. text-decoration:underline;
  199. -moz-transition-duration:0.5s;
  200. -webkit-transition-duration:0.5s;
  201. -o-transition-duration:0.5s;
  202. }
  203.  
  204. a:hover {
  205. color:{color:hover};
  206. text-decoration:italics;
  207. -moz-transition-duration:0.5s;
  208. -webkit-transition-duration:0.5s;
  209. -o-transition-duration:0.5s;
  210. }
  211.  
  212. #entries {
  213. position: absolute;
  214. padding:15px;
  215. width:200px;
  216. }
  217.  
  218. #post {
  219. width:510px;
  220. padding-bottom:15px;
  221. padding-left:10px;
  222. padding-right:10px;
  223. padding-top:5px;
  224. margin-bottom:10px;
  225. margin-left:230px;
  226. margin-top:-8px;
  227. position:relative;
  228. background-color:{color:posts};
  229. border:3px double {color:border};
  230. }
  231.  
  232.  
  233. #info {
  234. width:495px;
  235. margin-top:20px;
  236. margin-bottom: 2px;
  237. padding:2px;
  238. margin-left:5px;
  239. font-size:9px;
  240. color:{color:text};
  241. background-color: {color:posts};
  242. text-transform:lowercase;
  243. font-style:normal;
  244. letter-spacing:2px;
  245. text-align:right;
  246. border:3px double {color:border};
  247. }
  248.  
  249. #info a {
  250. color:{color:text};
  251. text-align:center;
  252. letter-spacing:1px;
  253. font-style:normal;
  254. }
  255.  
  256. #info a:hover {
  257. color:{color:hover};
  258. }
  259.  
  260.  
  261.  
  262. #tags {
  263. font-family: 'font:body';
  264. text-transform:lowercase;
  265. text-align:left;
  266. font-size:11px;
  267. font-weight:normal;
  268. font-style:italic;
  269. color:{color:text};
  270. margin-top:4px;
  271. margin-left:240px;
  272. width:500px;
  273. height:24px;
  274. padding:0px;
  275. -webkit-transition: opacity 0.5s linear;
  276. -webkit-transition: all 0.5s ease-in-out;
  277. -moz-transition: all 0.5s ease-in-out;
  278. -o-transition: all 0.5s ease-in-out; }
  279.  
  280. #tags a{
  281. color:{color:text};}
  282.  
  283. #tags a:hover{
  284. color:{color:links hover};}
  285.  
  286.  
  287.  
  288. .ask {
  289. padding:10px;
  290. text-align:left;
  291. color:{color:text};
  292. background-color:{color:posts};
  293. border-bottom:3px solid {color:border};
  294. }
  295.  
  296. .ans {
  297. text-align:left;
  298. padding:10px;
  299. color:{color:text};
  300. }
  301.  
  302. #credit {
  303. position:fixed;
  304. font-size:22px;
  305. right:10px;
  306. bottom:10px;
  307. text-align:center;
  308. }
  309.  
  310. #credit a {
  311. padding:3px;
  312. color:{color:text};
  313. background-color:transparent;
  314. -moz-transition-duration:0.5s;
  315. -webkit-transition-duration:0.5s;
  316. -o-transition-duration:0.5s;
  317. }
  318.  
  319. b, strong {color:{color:text}}
  320. i, em {color:{color:text}}
  321. p {margin-top:5px; margin-bottom:5px}
  322. blockquote {border-left:2px solid {color:border}; padding-left:5px; margin:0px 2px 0px 20px}
  323.  
  324.  
  325.  
  326.  
  327.  
  328.  
  329.  
  330.  
  331. </style>
  332.  
  333. <body>
  334.  
  335. <div id="stuff">
  336.  
  337.  
  338.  
  339. <div id="leftsb"><img src="{image:leftsb}"></div>
  340.  
  341. <div id="sideimg1"><a href="/"><img src="{image:sideimg1}"></a></div>
  342. <div id="sideimg2"><img src="{image:sideimg2}"></div>
  343. <div id="sideimg3"><img src="{image:sideimg3}"></div>
  344.  
  345.  
  346.  
  347.  
  348.  
  349. <div id="sidebar">
  350. <div id="description2"><br>{block:Description}{Description}{/block:Description}<br></div>
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}"><u>previous</i></u></a>{/block:PreviousPage} / {block:NextPage}<a href="{NextPage}"><u>next</i></u></a>{/block:NextPage}{/block:Pagination}</div>
  358.  
  359.  
  360. <div id="messagelink">
  361. <a href="/ask"><img src="{image:messagelink1}"/></a><br><br></div>
  362. <div id="extralink">
  363. <a href="/navi"><img src="{image:extralink1}" /></a><br><br></div>
  364. </div>
  365.  
  366. </div>
  367. </div>
  368. </div>
  369. <div id="entries">{block:Posts}<div id="post">
  370.  
  371. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  372.  
  373. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  374.  
  375. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  376.  
  377. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  378.  
  379. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  380.  
  381. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  382.  
  383. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  384.  
  385. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  386.  
  387. {block:Answer}<div class="ask"><b><u>{Asker}</u></b> asked - <code><i>"{Question}"</i></code></div><div class="ans">{Answer}</div>{/block:answer}
  388.  
  389. <div id="info">
  390. {block:Date}posted about {TimeAgo}{/block:Date} with <a href="{Permalink}">
  391. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>reblogged from:<a href="{ReblogParentURL}"
  392. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br></div>
  393.  
  394. </div>
  395. {block:PostNotes}{PostNotes}{/block:PostNotes}
  396.  
  397. <div id="tags"">{block:HasTags}<b>Filed Under:</b>{block:Tags}<img src="http://static.tumblr.com/g1muzcu/QUimu6wvd/spider2.png" style="width:12px; height:10px"></a><a href="{TagURL}">{Tag}</a>&nbsp;&nbsp;&nbsp;{/block:Tags}{/block:HasTags}</div>
  398. {/block:Posts}</div>
  399.  
  400. </body>
  401.  
  402. <div id="credit"><a href="http://sailorslayer.tumblr.com/">&dagger;</a></div>
  403. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement