API tools faq
paste
Advertisement
kailana

Hit The Lights theme

kailana
Aug 25th, 2012
54
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.79 KB | None | 0 0
raw download clone embed print report
  1. <!----theme 2
  2. theme creator: thecristine---->
  3. <head>
  4. <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two' rel='stylesheet' type='text/css'>
  5. <script type="text/javascript">
  6. WebFontConfig = {
  7. google: { families: [ 'Shadows+Into+Light+Two::latin' ] }
  8. };
  9. (function() {
  10. var wf = document.createElement('script');
  11. wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  12. '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  13. wf.type = 'text/javascript';
  14. wf.async = 'true';
  15. var s = document.getElementsByTagName('script')[0];
  16. s.parentNode.insertBefore(wf, s);
  17. })(); </script>
  18.  
  19. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  20. <meta name="color:text" content="#888888"/>
  21. <meta name="color:background" content="#EBFFFA"/>
  22. <meta name="color:links" content="#FFD3D3"/>
  23. <meta name="color:border" content="#888888"/>
  24. <meta name="image:sidebar background" content="0"/>
  25. <meta name="image:sidebar" content=""/>
  26. <meta name="text:sidebartitle" content=""/>
  27.  
  28. <meta name="text:Link1" content="/" />
  29. <meta name="text:Link1 Title" content="link 1" />
  30. <meta name="text:Link2" content="/" />
  31. <meta name="text:Link2 Title" content="link 2" />
  32. <meta name="text:Link3" content="/" />
  33. <meta name="text:Link3 Title" content="link 3" />
  34.  
  35. <title>{Title}</title><style type="text/css">
  36.  
  37. @import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light+Two);
  38.  
  39. body {
  40. margin:0px;
  41. background-color:{color:background};
  42. background-attachment: fixed;
  43. background-repeat: repeat;
  44. background-position: center;}
  45.  
  46. body, div, p, textarea, submit, input {
  47. font-family: Shadows Into Light Two;
  48. font-size: 11px;
  49. line-height: {text:line height};
  50. color:{color:text};
  51. text-transform:none;
  52. }
  53.  
  54. p {
  55. margin:0px;
  56. margin-top:6px;}
  57.  
  58. a:link, a:active, a:visited{
  59. color: {color:links};
  60. text-decoration: none;}
  61.  
  62. a:hover {
  63. color:{color:border};
  64. text-decoration: none;}
  65.  
  66. #postnotes{
  67. text-align: justify;}
  68. #postnotes blockquote{}
  69.  
  70. @font-face {font-family: "shortstack;";src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  71. }
  72. @font-face { font-family: "bubbles"; src: url('http://static.tumblr.com/4yxykdm/fVAlrfkyo/bubblesstandard_1_.ttf'); }
  73.  
  74. @font-face { font-family: "lobster"; src: url('http://themes.googleusercontent.com/static/fonts/lobster/v3/MWVf-Rwh4GLQVBEwbyI61Q.woff'); }
  75.  
  76. @font-face { font-family: "mossy"; src: url('http://static.tumblr.com/0uj6htl/v91m9abpi/mossy.ttf'); }
  77.  
  78. @font-face {
  79. font-family: "dawning";
  80. src: url('http://static.tumblr.com/viiafci/Hyzlxws2r/dawningofanewday.ttf');
  81. }
  82. ::-webkit-scrollbar {width: 6px; height: 4px; background:#fff; }
  83.  
  84.  
  85.  
  86.  
  87. ::-webkit-scrollbar-thumb { background-color: #F7C0CB; border: 0px solid #fff;}
  88.  
  89. div#sidebar{
  90. padding: 0px;
  91. height:auto;
  92. background-image:URL({image:sidebar background});
  93. float:left;
  94. position:fixed;
  95. margin-left: -90px;
  96. top: 85px;
  97. border: 2px solid {color:border};
  98. width:280px;
  99. }
  100.  
  101.  
  102. div#center{
  103. padding-top: 0px;
  104. width:1070px;
  105. overflow:hidden;
  106. margin:auto;
  107. position:relative;
  108. top: 0px;}
  109.  
  110. div#center2{
  111. width:504px;
  112. padding:5px;
  113. margin-left: 270px;
  114. float:left;
  115. padding: 0px;
  116. padding-bottom: 30px;
  117. background: #fff;
  118. -moz-border-radius: 5px;-webkit-border-radius: 0px;padding-bottom:3px;
  119. -moz-box-shadow: 0 0 0px #000;-webkit-box-shadow: 0 0 0px #000;z-index:3;}
  120.  
  121. div#entry{
  122. overflow:hidden;
  123. float:left;
  124. width:500px;
  125. margin-top:21px;
  126. margin-bottom:-2px;
  127. margin-right:2px;
  128. margin-left: 2px;
  129. }
  130.  
  131. #entry .permalink a{
  132. color:#000;
  133. }
  134.  
  135. #entry .permalink{
  136. width:500px;
  137. position: absolute;
  138. font-family: Shadows Into Light Two;
  139. font-size: 8px;
  140. line-height: 15px;
  141. text-align: center;
  142. overflow:hidden;
  143. opacity: 0.0;
  144. background-image:URL({image:sidebar background});
  145. }
  146.  
  147. #entry:hover .permalink{
  148. overflow:visible;
  149. -webkit-transition: opacity 0.2s linear; opacity: 0.8;
  150. -webkit-transition: all 0.2s linear;
  151. -moz-transition: all 0.2s linear;
  152. transition: all 0.2s linear;
  153. }
  154.  
  155.  
  156. .sidebartitle{
  157. position: fixed !important;
  158. width:270px;
  159. height:auto;
  160. text-transform: lowercase;
  161. font-family: "lobster";
  162. font-size: 40px;
  163. line-height: 25px;
  164. text-shadow: 2px 2px 2px #888;
  165. background-color: transparent;
  166. padding: 2px;
  167. text-align:center;
  168. margin-top: 50px;
  169. margin-left: 15px;
  170. }
  171.  
  172. .title{
  173. line-height:90%;
  174. font-family: lobster;
  175. font-size: 20px;
  176. display: block;
  177. text-align: left;
  178. color: #888888;
  179. letter-spacing:0px;}
  180.  
  181.  
  182.  
  183. ul, ol, li{list-style:none; margin:0px; padding:0px;}
  184. .user_1 .label, .user_4 .label, .user_7 .label, .user_2 .label, .user_5 .label, .user_8 .label, .user_3 .label, .user_6 .label,
  185. .user_9 .label {color:#888888;}
  186. .notes img{width:10px; position:relative; top:3px;}
  187.  
  188.  
  189.  
  190.  
  191. {CustomCSS}
  192. </style>
  193. <style type="text/css"></style>
  194.  
  195.  
  196.  
  197. <link rel="shortcut icon" href="{Favicon}">
  198. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  199. <meta name="viewport" content="width=820" />
  200.  
  201. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  202.  
  203. </head>
  204. <body>
  205.  
  206.  
  207. <div id="center">
  208.  
  209. <div id="sidebar">
  210. <img src="{image:sidebar}" align="left" style="border: 3px double {color:border}; background:#fff; padding: 0px; width:270px;margin-left:2px; margin-bottom: 3px;"/>
  211. <BR>
  212. <div style="overflow:auto; width: 270px; height: auto; border: 4px double {color:border}; background-color: #ffffff; margin-left: 2px; margin-bottom: 3px; text-align: left;">
  213. <center>
  214. {description}
  215. </center>
  216. </div>
  217. <div style="overflow:auto; width: 270px; height: auto; border: 3px double {color:border}; background-color: #ffffff; margin-left: 2px; margin-bottom: 3px; text-align: left;">
  218. <center>
  219. <a href="/">home</a> - <a href="/ask">messages</a> - <a href="/more">more</a> - {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}{block:ifLink2} · <a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}{block:ifLink3} · <a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3} - <a href="http://thecristine.tumblr.com/">©</a>
  220. </center>
  221. </div>
  222. </div>
  223.  
  224. <div class="sidebartitle">{text:sidebartitle}
  225. </div>
  226.  
  227.  
  228. <style type="text/css"></style>
  229. <div id="center2">
  230.  
  231. <Div class = "autopagerize_page_element">
  232. {block:Posts}
  233. <div id="entry">
  234.  
  235.  
  236.  
  237.  
  238. {block:IndexPage}
  239. <div class="permalink">
  240. <a href="{permalink}">{notecountwithlabel}</a> <a href="{ReblogURL}" target="_blank">// reblog </a></span></div>
  241. {/block:IndexPage}
  242. {block:Text}
  243. {block:Title}<span class="title">{Title}</span>{/block:Title}
  244. <span class="entrytext">{Body}</span>
  245.  
  246. {/block:Text}
  247.  
  248.  
  249.  
  250. {block:Photo}<center>
  251. {LinkOpenTag}<a href="{reblogurl}" target="_blank"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500">{LinkCloseTag}</a></center>
  252. {block:Caption}{NoCaption}{/block:Caption}
  253. {/block:Photo}
  254. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  255.  
  256. {block:Link}
  257. <a href="{URL}" class="title">{Name}</a>
  258. {block:Description}{Description}{/block:Description}
  259. {block:Link}
  260.  
  261. {block:Quote}
  262. <span class="title">{Quote}</span>
  263. {block:Source}{Source}{/block:Source}
  264. {/block:Quote}
  265.  
  266. {block:Chat}
  267. {block:Title}<span class="title">{Title}</span>{/block:Title}
  268. <ul class="chat">
  269. {block:Lines}
  270. <li class="user_{UserNumber}">
  271. {block:Label}
  272. <span class="label">{Label}</span>
  273. {/block:Label}
  274.  
  275. {Line}
  276. </li>
  277. {/block:Lines}
  278. </ul>
  279.  
  280. {/block:Chat}
  281.  
  282.  
  283. {block:Audio}
  284. <centeR><div style="width:250px; height:20px;"><div style="float:left">{AudioPlayerWhite}</div><div
  285.  
  286. style="margin-top:8px; float:right;"><tiny>
  287. {FormattedPlayCount} plays {block:ExternalAudio} // <a href="{ExternalAudioURL}">Download?</a>{/block:ExternalAudio}
  288.  
  289. </tiny></div></div></centeR><BR>
  290. {block:Caption}{Caption}{/block:Caption}
  291. {/block:Audio}
  292.  
  293. {block:Video}<center>
  294. {Video-500}<BR>
  295. {block:Caption}{Caption}{/block:Caption}</center>
  296. {block:Video}
  297.  
  298. {block:Answer}
  299. <img src="{AskerPortraitURL-30}" width="30" align="left" style="margin-right:3px;"/>
  300. {Asker}: {Question}<br>{Answer}
  301. {/block:Answer}
  302.  
  303. </div>
  304.  
  305.  
  306.  
  307.  
  308. {block:PostNotes}
  309. <center>
  310. {block:NoteCount}{NoteCountWithLabel}<br>{/block:NoteCount}
  311.  
  312. {block:HasTags}
  313. tagged as: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  314. {block:RebloggedFrom}
  315. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  316. originally posted by <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  317. </center></span>
  318. <BR>
  319. <div id="postnotes">{PostNotes}</div><br>
  320.  
  321. <center>{block:ContentSource}
  322. <br><a href="{SourceURL}">
  323. {lang:Source}:
  324. {block:SourceLogo}
  325. <img src="{BlackLogoURL}" width="{LogoWidth}"
  326. height="{LogoHeight}" alt="{SourceTitle}" />
  327. {/block:SourceLogo}
  328. {block:NoSourceLogo}
  329. {SourceLink}
  330. {/block:NoSourceLogo}
  331. </a>
  332. {/block:ContentSource}</center>
  333.  
  334. {/block:PostNotes}
  335.  
  336. {/block:Posts}
  337. </div>
  338.  
  339.  
  340. </div>
  341. </div>
  342. </body>
  343. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!