API tools faq
paste
divakey

Lightless theme

divakey
Feb 10th, 2013
949
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.08 KB | None | 0 0
raw download clone embed print report
  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.  
  4. <html>
  5.  
  6. <link rel="shortcut icon" href="{Favicon}">
  7. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9.  
  10.  
  11.  
  12. {block:IfEndlessScrolling}
  13. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScrolling}
  14.  
  15.  
  16. <link href='http://fonts.googleapis.com/css?family=Merienda' rel='stylesheet' type='text/css'>
  17.  
  18. <link href='http://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
  19.  
  20.  
  21. <head>
  22.  
  23. <!-- DEFAULT VARIABLES -->
  24. <meta name="image:Background" content=""/>
  25. <meta name="image:Sidebar" content="" />
  26. <meta name="color:Background" content="#1b1b1b" />
  27. <meta name="color:Post Background" content="#ffffff" />
  28. <meta name="color:Info Background" content="#ebebeb" />
  29. <meta name="color:Title" content="#494848" />
  30. <meta name="color:Text" content="292723" />
  31. <meta name="color:Links" content="#90bfcc" />
  32. <meta name="color:Description" content="#90bfcc" />
  33. <meta name="color:Links Hover" content="#CCCCCC" />
  34. <meta name="color:scroll bar" content="#CCCCCC" />
  35. <meta name="color:Post title" content="#a09280" />
  36. <meta name="color:Navigation bg" content="#979797" />
  37. <meta name="color:Navigation hover" content="#585854" />
  38. <meta name="text:Link 1 Title" content="" />
  39. <meta name="text:Link 1" content="" />
  40. <meta name="text:Link 2 Title" content="" />
  41. <meta name="text:Link 2" content="" />
  42. <meta name="text:Link 3 Title" content="" />
  43. <meta name="text:Link 3" content="" />
  44. <meta name="text:Link 4" content ="" />
  45. <meta name="text:Link 4 Title" content="" />
  46. <meta name="if:EndlessScrolling" content="0"/>
  47. <meta name="if:ShowCaptions" content="0">
  48. <meta name="if:Monochrome" content="0">
  49. <!-- END DEFAULT VARIABLES -->
  50.  
  51.  
  52.  
  53. <style type="text/css">
  54.  
  55. /* SCROLLBAR */
  56.  
  57. ::-webkit-scrollbar { width: 4px; height: 4px; }
  58. ::-webkit-scrollbar-button:start:decrement,
  59. ::-webkit-scrollbar-button:end:increment { height: 0px; display: block; background: #9C9C9C; }
  60. ::-webkit-scrollbar-track-piece { background-color: white; }
  61. ::-webkit-scrollbar-thumb { border-radius: 0px; height: 50px; background-color: {color:scroll bar}; }
  62.  
  63.  
  64.  
  65. /* Body */
  66.  
  67. body {
  68. background-color:{color:Background};
  69. background-image: url('{image:Background}');
  70. background-attachment:fixed;
  71. color:{color:Text};
  72. font-family:Oxygen;
  73. font-size:11px;}
  74.  
  75.  
  76.  
  77. a {text-decoration:none;
  78. color:{color:links};
  79. opacity:;
  80. z-index:999;
  81. -webkit-transition: all 0.5s ease-in-out;
  82. -moz-transition: all 0.5s ease-in-out;
  83. -o-transition: all 0.5s ease-in-out; }
  84.  
  85.  
  86. a:hover{opacity: .5;
  87. -webkit-transition: all 0.5s ease-in-out;
  88. -moz-transition: all 0.5s ease-in-out;
  89. -o-transition: all 0.5s ease-in-out;}
  90.  
  91. {block:ifmonochrome}img, .photo{-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  92.  
  93.  
  94.  
  95. img:hover, .photo:hover{-webkit-filter: Grayscale(100%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;} {block:ifmonochrome}
  96.  
  97.  
  98. /*POSTS */
  99. .contentwhole {width:500px;
  100. margin-bottom: 10px;
  101. height:100%;
  102. margin-top: -40px;}
  103.  
  104. .post {
  105. margin-top:50px;
  106. margin-bottom:-20px;
  107. margin-left:50px;
  108. width: 500px;
  109. padding-top:5px;
  110. padding-left:5px;
  111. padding-right:5px;
  112. padding-bottom:16px;
  113. background-color:{color:post background};}
  114.  
  115. blockquote {margin-left:0px;
  116. padding-left:10px;
  117. border-left:1px solid {color:post border};}
  118.  
  119. blockquote blockquote {margin-left:0px;
  120. padding-left:10px;
  121. border-left:1px solid {color:post border}}
  122.  
  123.  
  124. .ttitle{font-size:15px;
  125. font-family:oxygen;
  126. letter-spacing:1px;
  127. border-bottom: 1px dotted {color:post border};
  128. }
  129.  
  130. .info{
  131. text-align: center;
  132. background: {color:info background};
  133. line-height: 0px;
  134. margin-top: 13px;
  135. padding-left:450px;
  136. margin-right: -5px;
  137. margin-left: -5px;
  138. margin-bottom: -16px;
  139. overflow: hidden;
  140.  
  141. }
  142.  
  143. /* SIDEBAR */
  144.  
  145. #sidebar {width:200px;
  146. height:100%;
  147. position:fixed;
  148. margin-left:650px;
  149. margin-top:px;
  150. padding:5px;
  151. background-color:none;}
  152.  
  153. #sidebarimage img {
  154. width:200px;
  155. margin-right:2px;
  156. padding-bottom:10px;
  157. -moz-border-radius:11px; -webkit-border-radius:11px;}
  158.  
  159. #title{color:{color:title};
  160. text-align:center;
  161. padding-top:5px;
  162. padding-bottom:5px;
  163. font-size:20px;
  164. font-family: Merienda}
  165.  
  166. #description {
  167. padding-top:5px;
  168. padding-bottom:5px;
  169. text-align:left;
  170. color:{color:description};}
  171.  
  172. /* LINKS */
  173.  
  174. div.navigate a{
  175. background:{color:navigation bg};
  176. color: #ffffff;
  177. display:block;
  178. width: 97px;
  179. text-align: center;
  180. padding-top:2px;
  181. padding-bottom:3px;
  182. margin-left:2px;
  183. margin-top:2px;
  184. position:relative;
  185. text-align: center;
  186. z-index:1;
  187. -moz-border-radius:7px;
  188. -webkit-border-radius:7px; display: inline-block;}
  189.  
  190. div.navigate a:hover{
  191. background: {color:navigation hover};
  192. color: #ffffff;
  193. transform: rotate(360deg);
  194. -ms-transform: rotate(360deg);
  195. -webkit-transform: rotate(360deg);
  196. -o-transform: rotate(360deg);
  197. -moz-transform: rotate(360deg);}
  198.  
  199.  
  200. div.custom a{
  201. background:{color:navigation bg};
  202. color: #ffffff;
  203. display:block;
  204. width: 97px;
  205. text-align: center;
  206. padding-top:2px;
  207. padding-bottom:3px;
  208. margin-left:2px;
  209. margin-top:2px;
  210. position:relative;
  211. text-align: center;
  212. z-index:1;
  213. -moz-border-radius:7px;
  214. -webkit-border-radius:7px; display: inline-block;}
  215.  
  216. div.custom a:hover{
  217. background: {color:navigation hover};
  218. color: #ffffff;
  219. transform: rotate(360deg);
  220. -ms-transform: rotate(360deg);
  221. -webkit-transform: rotate(360deg);
  222. -o-transform: rotate(360deg);
  223. -moz-transform: rotate(360deg);}
  224.  
  225. /* CREDIT do not remove */
  226.  
  227. .credit { position: fixed;
  228. bottom: 5px;
  229. right: 5px;
  230. font-size: 12px;
  231. font-family: verdana;
  232. -webkit-transition: all 0.5s ease;
  233. -moz-transition: all 0.5s ease;
  234. -o-transition: all 0.5s ease;}
  235.  
  236. .credittext { height:10px;
  237. width:50px;
  238. overflow:hidden;
  239. -webkit-transition: all 0.5s ease;
  240. -moz-transition: all 0.5s ease;
  241. -o-transition: all 0.5s ease;
  242. font-family:calibri;
  243. font-size:10px;
  244. text-transform:lowercase;
  245. text-align:center;
  246. }
  247.  
  248. .credit:hover .credittext{
  249. height: 11px;
  250. -webkit-transition: all 0.5s ease;
  251. -moz-transition: all 0.5s ease;
  252. -o-transition: all 0.5s ease;}
  253.  
  254.  
  255.  
  256.  
  257.  
  258. {CustomCSS}
  259. </style>
  260. </head>
  261.  
  262.  
  263. <!-- HTML -->
  264.  
  265. <body>
  266.  
  267.  
  268. <!-- SIDEBAR -->
  269.  
  270.  
  271.  
  272. <div id="sidebar">
  273. <div id="sidebarimage">
  274. <img src="{image:sidebar}" ></div>
  275. <div id="title"><a href="/">{title}</a></div>
  276. <div id="custom">
  277. </div>
  278.  
  279. <div id="description">
  280.  
  281. <center><div class="navigate">
  282. <a href="/ask">Ask</a><a href="/archive">Archive</a>
  283. </div>
  284.  
  285. <div id="description">{Description} </div>
  286.  
  287. <div class="custom">
  288. {block:ifLink1}<a href="{text:Link 1}">{text:Link 1 Title}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2}">{text:Link 2 Title}</a>{/block:ifLink2}
  289. {block:ifLink3}<a href="{text:Link 3}">{text:Link 3 Title}</a>{/block:ifLink3}{block:ifLink4}<a href="{text:Link 4}">{text:Link 4 Title}</a>{/block:ifLink4}
  290. </div>
  291.  
  292. </div>
  293.  
  294.  
  295.  
  296. {block:IfNotEndlessScrolling}
  297. <center>
  298. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« B A C K</a>{/block:PreviousPage} &nbsp; {block:NextPage}<a href="{NextPage}">N E X T »</a>{/block:NextPage}{/block:Pagination}
  299. {/block:IfNotEndlessScrolling}
  300.  
  301. <p>
  302. </div></div>
  303.  
  304. <!-- POSTS -->
  305.  
  306. <div class="contentwhole">
  307. <div class = "autopagerize_page_element" >
  308. {block:Posts}
  309.  
  310.  
  311. <!— {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  312.  
  313. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  314.  
  315. {/block:SourceLogo}
  316.  
  317. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} —>
  318.  
  319. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  320.  
  321. <div class="post">
  322.  
  323. <!-- Text -->
  324. {block:Text}
  325. {block:Title}<a href="{Permalink}" class="ttitle">{Title}</a>{/block:Title}
  326. {Body}
  327. {/block:Text}
  328.  
  329. <!-- Photo -->
  330. {block:Photo}
  331.  
  332. <img src="{PhotoURL-500}" alt="{PhotoAlt}">
  333. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  334.  
  335. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  336. {Caption}
  337. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  338. {/block:Photo}
  339.  
  340. <!-- Photoset -->
  341. {block:Photoset}
  342. <div class="photo">{Photoset-500}</div>
  343. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  344.  
  345. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  346. {Caption}
  347. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  348. {/block:Photoset}
  349.  
  350. <!-- Quote -->
  351. {block:Quote}
  352. <h4>"{Quote}"</h4>
  353. {block:Source}<p>{Source}</p>{/block:Source}
  354. {/block:Quote}
  355.  
  356. <!-- Link -->
  357. {block:Link}
  358. <h3><a href="{URL}" target="_blank">{Name}</a></h3>
  359. {block:Description}<p>{Description}</p>{/block:Description}
  360. {/block:Link}
  361.  
  362. <!-- Chat -->
  363. {block:Chat}
  364. {block:Title}<h3>{Title}</h3>{/block:Title}
  365. {block:Lines}
  366. {block:Label}{Label}{/block:Label} {Line}</br>
  367. {/block:Lines}
  368. {/block:Chat}
  369.  
  370. <!-- Audio -->
  371. {block:Audio}
  372. {AudioPlayerBlack}
  373. {block:Caption}{Caption}{/block:Caption}
  374. {/block:Audio}
  375.  
  376. <!-- Video -->
  377. {block:Video}
  378. {Video-500}
  379. {block:IfShowCaptions}{block:Caption}{Caption}{/block:Caption}{/block:IfShowCaptions}
  380.  
  381. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  382. {Caption}
  383. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  384. {/block:Video}
  385.  
  386. <!-- Message -->
  387. {block:Answer}
  388. <table style="padding-bottom:5px;margin-bottom:5px;">
  389. <tr>
  390. <td style="vertical-align:top;padding-right:10px;"><img src="{AskerPortraitURL-64}" style="height:60px; width:60px; -moz-border-radius:30px; border-radius:30px; float:left"></td>
  391. <td style="vertical-align:top;"><strong>{Asker} said:</strong> {Question}</td>
  392. </tr>
  393. </table>
  394. {Answer}
  395. {/block:Answer}
  396.  
  397.  
  398. <!-- Post bottom -->
  399. <div class="info"><p>{block:Date}{/block:Date} <a href="{Permalink}">
  400. {NoteCount}</a> ✖ <a href="{ReblogURL}">RB</a>
  401. </div>
  402.  
  403. <!-- Permalink page -->
  404. {block:PermalinkPage}
  405.  
  406. {block:PostNotes}
  407. {PostNotes}
  408. {/block:PostNotes}
  409.  
  410. {/block:PermalinkPage}
  411.  
  412. <!-- Other -->
  413. {block:ContentSource}
  414. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  415. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  416. {/block:SourceLogo}
  417. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  418. {/block:ContentSource}
  419.  
  420. </div>
  421.  
  422. {/block:Posts}
  423.  
  424. </div>
  425.  
  426.  
  427.  
  428. <!-- END POSTS -->
  429.  
  430. <div class="credit"><a href="http://chinqu.tumblr.com">
  431. <div class="credittext"> Theme
  432. </div></a></div></div></div>
  433. </body>
  434. </html> </head>
  435.  
  436.  
  437. <!-- END HTML -->
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!