API tools faq
paste
Guest User

theme 003: black out days

a guest
May 13th, 2014
984
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.92 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. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'></script>
  7. <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Libre+Baskerville' rel='stylesheet' type='text/css'>
  8. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  9. <script type="text/javascript">
  10. jQuery(function($) {
  11. function fixDiv() {
  12. var getlinks = $('#morelinks');
  13. if ($(window).scrollTop() > 195)
  14. getlinks.css({'position': 'fixed', 'top': '5px','left': '50%', 'margin-left':'-355px'});
  15. else
  16. getlinks.css({'position': 'relative', 'top': '200px','left': '50%', 'margin-left':'-355px'});
  17. }
  18. $(window).scroll(fixDiv);
  19. fixDiv();
  20. });
  21. jQuery(function($) {
  22. function fixDiv() {
  23. var links = $('#togglearea');
  24. if ($(window).scrollTop() > 195)
  25. links.css({'position': 'fixed', 'top': '60px', 'left': '50%', 'margin-left':'-455px'});
  26. else
  27. links.css({'position': 'relative', 'top': '205px','left': '50%', 'margin-left':'-455px'});
  28. }
  29. $(window).scroll(fixDiv);
  30. fixDiv();
  31. });
  32. </script>
  33.  
  34. <meta name="color:Background" content="#EEE" />
  35. <meta name="color:Post Background" content="#FFF" />
  36. <meta name="color:Text" content="#000"/>
  37. <meta name="color:Link" content="#888"/>
  38. <meta name="image:BackgroundImage" content=""/>
  39. <meta name="color:Linkhover" content="#cecece"/>
  40. <meta name="color:Highlight" content="#5fdfdd">
  41.  
  42. <meta name="text:Link1" content="" />
  43. <meta name="text:Link1 Title" content="" />
  44. <meta name="text:Link2" content="" />
  45. <meta name="text:Link2 Title" content="" />
  46. <meta name="text:Link3" content="" />
  47. <meta name="text:Link3 Title" content="" />
  48.  
  49. <style type="text/css">
  50. ::-webkit-scrollbar{ width: 11px; height: 11px; }
  51. ::-webkit-scrollbar-track{ background: {color:Background}; }
  52. ::-webkit-scrollbar-thumb{ height: 11px; width: 11px; border: 5px solid {color:Background}; background: {color:Highlight}; }
  53. ::-webkit-scrollbar-track-piece { height: 30px; width: 30px; }
  54. body {
  55. background-image: url('{image:BackgroundImage}');
  56. background-repeat: no-repeat;
  57. background-position: top left;
  58. background-attachment: fixed;
  59. background-color: {color:Background};
  60. color:{color:Text};
  61. margin: 0;
  62. font-family: 'libre baskerville', serif;
  63. font-size:10px;
  64. line-height:150%;
  65. }
  66. a {
  67. color:{color:Link};
  68. text-decoration: none;
  69. font-family: 'roboto condensed', sans-serif;
  70. text-transform: uppercase;
  71. }
  72. a:hover {
  73. color:{color:Linkhover};
  74. }
  75. img {
  76. border:none;
  77. }
  78. blockquote {
  79. padding-left: 10px;
  80. border-left: 1px solid rgba(0,0,0,0.1);
  81. font-size: 10px;
  82. font-family: 'libre baskerville', serif;
  83. letter-spacing: 1px;
  84. line-height: 16px;
  85. text-transform: none;
  86. margin-top: 10px;
  87. max-width: 500px;
  88. text-transform: justify;
  89. }
  90. pre {
  91. max-width: 500px;
  92. overflow: hidden;
  93. word-wrap: break-word;
  94. text-transform: uppercase;
  95. }
  96. h1 {
  97. font-size: 20px;
  98. font-family: 'roboto condensed', sans-serif;
  99. text-transform: uppercase;
  100. letter-spacing: 2px;
  101. }
  102. b, strong {
  103. color:{color:Highlight};
  104. font-weight: 400;
  105. font-family: 'roboto condensed', sans-serif;
  106. text-transform: uppercase;
  107. letter-spacing: 2px;
  108. }
  109. i, em {
  110. font-style: italic;
  111. font-family: 'libre baskerville', serif;
  112. }
  113. #title {
  114. width: 500px;
  115. text-align: left;
  116. font-family: 'roboto condensed', sans-serif;
  117. font-size: 105px; text-transform: uppercase;
  118. font-weight: 400;
  119. letter-spacing: 2px;
  120. word-wrap: break-word;
  121. padding: 0px 50px;
  122. line-height: 110px;
  123. color: {color:Text};
  124. margin-bottom: 30px;
  125. }
  126. #title:after {
  127. content: '';
  128. width: 50px;
  129. height: 5px;
  130. margin-left: 5px;
  131. margin-top: 20px;
  132. display: block;
  133. background-color: {color:Text};
  134. }
  135. #morelinks {
  136. position: relative;
  137. top: 200px;
  138. left: 50%;
  139. margin-left: -355px;
  140. width: 50px; height: 50px;
  141. font-family: 'roboto condensed', sans-serif;
  142. font-weight: 400;
  143. background-color: {color:Text};
  144. color: {color:Post Background};
  145. text-align: center;
  146. font-size: 20px;
  147. line-height: 50px;
  148. cursor: pointer;
  149. }
  150. #togglearea {
  151. position: fixed;
  152. top: 255px;
  153. left: 50%;
  154. margin-left: -455px;
  155. width: 150px;
  156. }
  157. #togglearea a {
  158. display: inline-block;
  159. background-color: {color:Highlight};
  160. color: {color:Post Background};
  161. font-size: 8px; font-family: 'roboto condensed';
  162. letter-spacing: 2px; text-transform: uppercase;
  163. padding: 5px 10px;
  164. margin: 1px;
  165. float: right;
  166. line-height: 20px;
  167. }
  168. .tadescript {
  169. background-color: {color:Post Background};
  170. width: 130px; height: 130px;
  171. font-family: 'roboto condensed', sans-serif;
  172. font-size: 10px; font-weight: 400;
  173. letter-spacing: 1px; text-transform: lowercase;
  174. padding: 10px;
  175. line-height: 15px;
  176. color: {color:Text};
  177. text-align: left;
  178. overflow: auto;
  179. }
  180. #blogposts {
  181. width: 600px;
  182. position: absolute;
  183. top: 200px; left: 50%;
  184. margin-left:-300px;
  185. z-index: 99;
  186. padding-top: 50px;
  187. background-color: {color:Post Background};
  188. }
  189.  
  190. #post {
  191. width: 500px;
  192. position: relative;
  193. text-align: justify;
  194. margin: 0 auto 50px;
  195. padding: 0 15px 15px;
  196. line-height: 200%;
  197. font-size: 9px;
  198. letter-spacing: 1px;
  199. font-family: 'libre baskerville', times, serif;
  200. background-color: {color:PostBackground};
  201. }
  202. #post img {
  203. width: 100%;
  204. max-width: 500px;
  205. margin: 0 auto;
  206. }
  207.  
  208. #info {
  209. position: relative;
  210. width: 500px;
  211. min-height: 25px;
  212. left: 0; top: 0;
  213. font-size:8px;
  214. margin-top: 10px;
  215. padding-top: 5px;
  216. letter-spacing:2px;
  217. text-align: left;
  218. text-transform: uppercase;
  219. font-family: 'roboto condensed', sans-serif;
  220. }
  221. #info .tag {
  222. line-height: 20px;
  223. font-weight: 400;
  224. }
  225. #info .tag a {
  226. color: {color:Text};
  227. }
  228. .quote {
  229. font-family: 'roboto condensed', sans-serif;
  230. color: {color:Text};
  231. text-align: justify;
  232. font-size: 14px;
  233. text-transform: uppercase;
  234. font-weight: 300;
  235. letter-spacing: 1px;
  236. line-height: 25px;
  237. }
  238. .quotesource {
  239. text-align: right;
  240. padding-top: 15px;
  241. font-size: 8px;
  242. letter-spacing: 2px;
  243. font-family: 'roboto condensed', sans-serif;
  244. font-weight: 400;
  245. text-transform: uppercase;
  246. }
  247. #questions {
  248. padding:11px;
  249. margin-top: 5px;
  250. margin-bottom:5px;
  251. font-size:10px;
  252. text-align:left;
  253. border-bottom: 1px solid rgba(0,0,0,0.1);
  254. }
  255. #questions img {
  256. width: 16px;
  257. height: 16px;
  258. padding: 0;
  259. margin: 0 10px -3px;
  260. -webkit-border-radius: 15px !important;
  261. -moz-border-radius: 15px !important;
  262. border-radius: 15px;
  263. }
  264.  
  265. .questiontext {
  266. letter-spacing: 2px;
  267. font-size: 10px;
  268. color: {color:text};
  269. text-transform: none;
  270. font-family: 'roboto condensed', sans-serif;
  271. }
  272. #answer {
  273. font-size:10px;
  274. text-transform: none;
  275. }
  276.  
  277. .caption {
  278. font-family: 'roboto condensed', sans-serif;
  279. padding: 10px 0 0 10px;
  280. font-size: 10px;
  281. }
  282. .caption a {
  283. text-transform: none;
  284. }
  285. .nw {
  286. position: fixed;
  287. bottom: 10px;
  288. right: 5px;
  289. }
  290. .nw img {
  291. width: 75%;
  292. height: 75%;
  293. }
  294. #back-top {
  295. position: fixed;
  296. bottom: 17px;
  297. right: 21px;
  298. }
  299.  
  300. #back-top a {
  301. width: 20px;
  302. display: block;
  303. text-align: center;
  304. font: 13px/100% Arial, Helvetica, sans-serif;
  305. text-decoration: none;
  306. color: #000;
  307. -webkit-transition: .3s;
  308. -moz-transition: .3s;
  309. -webkit-transform:rotate(-12deg);
  310. }
  311. #pagination {
  312. position: relative;
  313. bottom: 0px;
  314. z-index: 999;
  315. margin: 0 auto 30px;
  316. padding-top: 20px;
  317. width: 500px;
  318. height: 50px;
  319. font-size: 20px;
  320. line-height: 15px;
  321. text-align: center;
  322. color: {color:Linkhover};
  323. background-color: {color:Post Background};
  324. }
  325. #pagination a {
  326. font-family: 'roboto condensed', sans-serif;
  327. text-transform: uppercase;
  328. font-weight: 400;
  329. letter-spacing: 2px;
  330. color: {color:Text};
  331. }
  332. .notesblock {
  333. margin-top: -20px;
  334. margin-left: 5px;
  335. width: 100%;
  336. text-align: left;
  337. }
  338. .notesblock ol {
  339. list-style: none;
  340. }
  341. .notesblock ol li {
  342. letter-spacing: 2px;
  343. padding: 0; margin: 0;
  344. font-family: 'libre baskerville', serif;
  345. font-size: 7px;
  346. line-height: 16px;
  347. }
  348. .notesblock ol li a {
  349. text-transform: uppercase;
  350. }
  351. .notesblock ol li blockquote {
  352. border: none;
  353. margin-left: 20px;
  354. text-transform: uppercase;
  355. }
  356. .notesblock ol li img {
  357. width: 15px;
  358. margin-right: 10px;
  359. height: 15px;
  360. -webkit-border-radius: 15px;
  361. -moz-border-radius: 15px;
  362. border-radius: 15px;
  363. }
  364.  
  365.  
  366. {CustomCSS}</style></head><body id="top">
  367.  
  368. <div id="morelinks">+</div>
  369. <div id="togglearea">
  370. <div class="tadescript">{Description}</div>
  371. <a href="/ask" style="margin-top: 5px;">ASK</a>
  372. <a href="/" style="margin-top: 5px;">HOME</a></br>
  373. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}</br>
  374. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}</br>
  375. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  376. </div>
  377. <div id="blogposts">
  378. <div id="title"><a href="/" style="color:{color:text};">{Title}</a></div>
  379.  
  380. {block:Posts}<div id="post">
  381.  
  382. {block:Text}
  383. <h1>{block:Title}{Title}{/block:Title}</h1>
  384. {Body}
  385. {/block:Text}
  386.  
  387. {block:Photo}
  388. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  389. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  390. {/block:Photo}
  391.  
  392. {block:Photoset}
  393. {Photoset-500}
  394. {block:Caption}{Caption}{/block:Caption}
  395. {/block:Photoset}
  396.  
  397. {block:Quote}
  398. <div class="quote">{Quote}</div>
  399. <div class="quotesource">{block:Source} {Source}{/block:Source}</div>
  400. {/block:Quote}
  401.  
  402. {block:Link}
  403. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  404. {block:Description}{Description}{/block:Description}
  405. {/block:Link}
  406.  
  407. {block:Chat}
  408. {block:Title}<h1>{Title}</h1>{/block:Title}
  409. {block:Lines}
  410. {block:Label}<b>{Label}</b>{/block:Label} {Line}<br>
  411. {/block:Lines}
  412. {/block:Chat}
  413.  
  414. {block:Audio}
  415. {AudioPlayerBlack}<BR>
  416. {block:Artist}<span style="text-transform: uppercase;">{Artist}:</span>{/block:Artist} {block:TrackName}<b>{TrackName}</b>{/block:TrackName}
  417. {/block:Audio}
  418.  
  419. {block:Video}
  420. {Video-500}
  421. {block:Caption}{Caption}{/block:Caption}
  422. {/block:Video}
  423.  
  424. {block:Answer}
  425. <div id="questions"><b>{Asker}</b> <img src="{AskerPortraitURL-16}">
  426. <span class="questiontext">{Question}</span></div>
  427. <div id="answer">{Answer}</div>
  428. {/block:answer}
  429.  
  430. {block:Date}
  431. <div id="info">
  432. <a href="{Permalink}">
  433. <a href="{Permalink}" style="background-color: {color:Highlight}; color: {color:Post Background}; padding: 5px 10px;">{ShortDayofWeek} {12Hour}:{Minutes}{AmPm}</a>
  434. <a href="{Permalink}">{NoteCount}</a>
  435. </a>
  436. {block:ContentSource}<a href="{SourceURL}">+</a>{/block:ContentSource}{block:HasTags}
  437. {block:Tags}
  438. <span class="tag">
  439. <a href="{TagURL}">{Tag}<span style="color:{color:Highlight};">,</span></a>
  440. </span>
  441. {/block:Tags}
  442. {/block:HasTags}
  443. {block:PermalinkPage}{block:RebloggedFrom}<BR>VIA <a href="{ReblogParentURL}" style="color:{color:Highlight};">{ReblogParentName}</a>{/block:RebloggedFrom}{/block:PermalinkPage}
  444. </div>
  445. {/block:Date}
  446. </div>
  447.  
  448. {block:PostNotes}<div class="notesblock">{PostNotes}</div>{/block:PostNotes}
  449. {/block:Posts}
  450. {block:Pagination}<div id="pagination">{block:PreviousPage}<a href="{PreviousPage}" style="position: absolute; left: 20px;">PREV</a> / {/block:PreviousPage}
  451. {block:NextPage}<a href="{NextPage}" style="position: absolute; right: 20px;">NEXT</a>{/block:NextPage}</div>{/block:Pagination}
  452. </div><div class="nw"><a href="http://nwthemes.tumblr.com"><img src="http://i.imgur.com/WhEBr0U.png"></a></div>
  453.  
  454.  
  455. <p id="back-top">
  456. <a href="#top">▶</a>
  457. </p>
  458.  
  459. <script type="text/javascript">
  460. $( "#togglearea" ).hide();
  461. $( "#morelinks" ).click(function() {
  462. $( "#togglearea" ).fadeToggle( "fast", "linear" );
  463. });
  464. </script>
  465.  
  466. <script>
  467. $(document).ready(function(){
  468. $("#back-top").hide();
  469. $(function () {
  470. $(window).scroll(function () {
  471. if ($(this).scrollTop() > 100) {
  472. $('#back-top').fadeIn();
  473. } else {
  474. $('#back-top').fadeOut();
  475. }
  476. });
  477. $('#back-top a').click(function () {
  478. $('body,html').animate({
  479. scrollTop: 0
  480. }, 800);
  481. return false;
  482. });
  483. });
  484. });
  485. </script>
  486. </body></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!