API tools faq
paste
Advertisement
winchesterkirk

Sunlight Theme

winchesterkirk
Jan 27th, 2014
65
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.35 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.  
  3. <!--
  4.  
  5. If you steal the code or remove credit I will gank you :)
  6.  
  7. Contact me if you have any questions or concerns
  8.  
  9. -->
  10.  
  11.  
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head><title>{Title}</title>
  14. {block:iffavicon}<link rel="shortcut icon" href="{image:Favicon}" />{/block:iffavicon}
  15. {block:ifnotfavicon}<link rel="shortcut icon" href="{Favicon}">{/block:ifnotfavicon}
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Sidebar" content="#ffffff"/>
  22. <meta name="color:Text" content="#000"/>
  23. <meta name="color:Link" content="#b8b8b8"/>
  24. <meta name="color:Tags" content="f0f0f0"/>
  25. <meta name="color:Hover" content="#f2f2f2"/>
  26. <meta name="color:Line" content="#f2f2f2"/>
  27. <meta name="color:Border" content="#e4e4e4"/>
  28. <meta name="color:Post" content="#ffffff"/>
  29. <meta name="color:header" content="#fff" />
  30. <meta name="color:header border" content="#111" />
  31. <meta name="color:post border" content="#111" />
  32. <meta name="color:caption" content="#f5f5f5" />
  33. <meta name="color:caption border" content="#dddcdc" />
  34. <meta name="color:scrollbar" content="#D6D5D5">
  35.  
  36. <meta name="image:sideimage" content=""/>
  37. <meta name="image:Background" content="">
  38. <meta name="image:Favicon" content="">
  39.  
  40. <meta name="if:favicon" content="1" />
  41. <meta name="if:like and reblog buttons" content="1" />
  42. <meta name="if:bgcover" content="1" />
  43.  
  44.  
  45. <meta name="text:sideimage width" content="400px" />
  46. <meta name="text:sideimage left" content="900px" />
  47. <meta name="text:sideimage top" content="300px" />
  48. <meta name="text:Link Title" content="links" />
  49. <meta name="text:Home Link Text" content="home" />
  50. <meta name="text:Ask Link" content="/ask" />
  51. <meta name="text:Ask Link Text" content="ask" />
  52. <meta name="text:Link 1" content="/" />
  53. <meta name="text:Link 1 Text" content="link 1" />
  54. <meta name="text:Link 2" content="/" />
  55. <meta name="text:Link 2 Text" content="link 2" />
  56. <meta name="text:Link 3" content="/" />
  57. <meta name="text:Link 3 Text" content="link 3" />
  58. <meta name="text:Link 4" content="/" />
  59. <meta name="text:Link 4 Text" content="link 4" />
  60.  
  61. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js" type="text/JavaScript"></script>
  62.  
  63. <style>
  64. div#qTip {
  65. padding: 3px;
  66. display: none;
  67. font-style:none;
  68. text-align: center;
  69. position: absolute;
  70. font-size:8px;
  71. line-height:10px;
  72. font-family:tiny;
  73. z-index: 1000;
  74. background: white;
  75. z-index: 9999999;
  76. border: 1px solid {color:border};
  77. border-radius:10px;
  78. color: {color:text};
  79. letter-spacing: 1px;
  80. max-width:150px;
  81. }
  82. </style>
  83.  
  84. <style type="text/css">
  85.  
  86. @font-face {font-family: "Tiny";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  87.  
  88. @font-face {font-family:"bitxmap"; src: url("http://static.tumblr.com/ofgksh6/md0mkd9yd/bitxmap_font_tfb.ttf")}
  89.  
  90. *, body, a, a:hover {cursor: url(http://media.tumblr.com/tumblr_mem9zjUXhw1rqv2lu.png), auto;}
  91.  
  92. ::-webkit-scrollbar-thumb{
  93. background-color: {color:scrollbar};
  94. border: 2px solid {color:background};
  95. height:auto;
  96. border-radius:30px;
  97. }
  98.  
  99. ::-webkit-scrollbar {
  100. height:auto;
  101. width:9px;
  102. background-color: {color:scrollbar};
  103. border: 4px solid {color:background};
  104. border-radius:30px;
  105. }
  106.  
  107. iframe#tumblr_controls {
  108. white-space:nowrap;
  109. -webkit-filter: invert(100%);
  110. -moz-filter: invert(100%);
  111. -o-filter: invert(100%);
  112. -ms-filter: invert(100%);
  113. filter: invert(100%);
  114. opacity:.2;transition: .8s ease-in-out;
  115. -webkit-transition: .8s ease-in-out;
  116. -moz-transition: .8s ease-in-out;
  117. -o-transition: .8s ease-in-out;
  118. }
  119.  
  120.  
  121. body {
  122. background: {color:Background} url('{image:Background}') {block:ifbgcover} no-repeat center fixed ;
  123. -webkit-background-size: cover;
  124. -moz-background-size: cover;
  125. -o-background-size: cover;
  126. background-size: cover; {/block:ifbgcover}
  127.  
  128.  
  129. {block:ifnotbgcover} top left fixed repeat {block:ifnotbgcover};
  130. margin:0px;
  131. color:{color:text};
  132. font-family:tiny;
  133. font-size:8px;
  134. line-height:100%;
  135. }
  136.  
  137. a {
  138. text-decoration:none;
  139. outline:none;
  140. -moz-outline-style:none;
  141. color:{color:link};
  142. }
  143.  
  144. img {
  145. border:none;
  146. }
  147.  
  148. blockquote {
  149. padding-left:5px;
  150. border-left:1px solid;
  151. }
  152.  
  153. blockquote blockquote {
  154. padding-left:5px;
  155. border-left:1px solid;
  156. }
  157.  
  158. h1 {
  159. font-size:9px;
  160. text-transform:uppercase;
  161. }
  162.  
  163. h2 {
  164. font-size:14px;
  165. text-transform:lowercase;
  166. font-family:bitxmap;
  167. }
  168.  
  169. a:hover {
  170. opacity:10;
  171. color:{color:hover};
  172. -webkit-transition: all 0.7s ease;
  173. -moz-transition: all 0.7s ease;
  174. -o-transition: all 0.7s ease
  175. }
  176.  
  177.  
  178. #entries {
  179. padding:10px;
  180. width:400px;
  181. margin-left:40px;
  182. margin-top:0px;
  183. font-size:8px;
  184. }
  185.  
  186.  
  187. #post {
  188. width:400px;
  189. padding-bottom:20px;
  190. padding:10px;
  191. margin-top:15px;
  192. border: 1px solid {color:post border};
  193. border-radius:15px;
  194. background-color:{color:Post};
  195. }
  196.  
  197. #captions {
  198. margin-top: 5px;
  199. padding:10px 15px;
  200. background: {color:caption};
  201. border: 1px solid {color:caption border};
  202. border-radius:10px;
  203. }
  204.  
  205.  
  206. #side {
  207. width:100px;
  208. position:fixed;
  209. margin-left:{text:sideimage left};
  210. margin-top:{text:sideimage top};
  211. opacity:.80;
  212. }
  213.  
  214. #sideimage {
  215. width: {text:sideimage width};
  216. }
  217.  
  218. #sideimage img {
  219. width: {text:sideimage width};
  220. padding:9px;
  221. }
  222.  
  223. .links {
  224. width:305px;
  225. height:5px;
  226. padding-top: 9px;
  227. font-family:Tiny;
  228. font-size:8px;
  229. text-align:center;
  230. margin-top:-2px;
  231. margin-left:-19px;
  232. text-align:center;
  233. text-transform:lowercase;
  234. word-spacing:2px;
  235. position:fixed;
  236. padding-bottom:7px;
  237. }
  238.  
  239. .links a {
  240. font-size: 9px;
  241. }
  242.  
  243. .links a:hover {
  244. color:{color:Hover}
  245. }
  246.  
  247. #description {
  248. font-family:Tiny;
  249. line-height:100%;
  250. margin-left:-25px;
  251. font-size:8px;
  252. width:100px;
  253. padding:8px;
  254. text-align:justify;
  255. color:{color:text};
  256. }
  257.  
  258. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  259. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  260.  
  261.  
  262. #pagination {
  263. width:165px;
  264. font-size:8px;
  265. text-align:center;
  266. margin-left:0px;
  267. margin-top:60px;
  268. position:fixed;
  269. font-family:tiny;
  270. letter-spacing:0px;
  271. padding: 10px;
  272. }
  273.  
  274.  
  275. #info {
  276. text-align:left;
  277. margin-top:8px;
  278. font-family:bitxmap;
  279. text-transform:lowercase;
  280. font-size:16px;
  281. font-style:none;
  282. border-top: 1px solid {color:line};
  283. padding-bottom:6px;
  284. }
  285.  
  286.  
  287. #tags {
  288. font-family:bitxmap;
  289. letter-spacing:0px;
  290. text-transform:lowercase;
  291. font-size:10px;
  292. font-style:italic;
  293. margin-top:4px;
  294. text-align:left;
  295. padding-top: 3px;
  296. }
  297.  
  298. #tags
  299. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  300. -webkit-transition: all 0.6s ease-in-out;
  301. -moz-transition: all 0.6s ease-in-out;
  302. -o-transition: all 0.6s ease-in-out;
  303. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  304.  
  305.  
  306. #ask {
  307. padding:7px;
  308. padding-bottom:20px;
  309. padding-left:10px;
  310. text-align:left;
  311. color:{color:text};
  312. line-height:130%;
  313. background-color:{color:caption};
  314. border: 1px solid {color:caption border};
  315. border-radius:10px;
  316. }
  317.  
  318. #ans {
  319. text-align:left;
  320. padding-top:9px;
  321. padding-bottom:3px;
  322. color:{color:text};
  323. }
  324.  
  325. #musicplayer {
  326. padding:7px;
  327. padding-bottom:20px;
  328. padding-left:10px;
  329. text-align:left;
  330. color:{color:text};
  331. line-height:130%;
  332. background-color:{color:caption};
  333. border: 1px solid {color:caption border};
  334. border-radius:10px;
  335. }
  336.  
  337. .like_and_reblog_buttons {
  338. margin-top:-10px;
  339.  
  340. }
  341.  
  342. .like_and_reblog_buttons liv {
  343. float: right;
  344. margin: 0;
  345. padding: 7px 15px;
  346. height: 10px;
  347. }
  348.  
  349. .like_and_reblog_buttons liv:first-child {
  350.  
  351. }
  352.  
  353. {CustomCSS}</style></head><body>
  354.  
  355. <div id="side">
  356.  
  357. <div id="description">
  358. {Description}
  359. </div>
  360.  
  361. <form name="jump">
  362. <select name="menu" style="font-family:tiny; font-size:8px; text-transform:lowercase; color:#000; background:#fff;"
  363. onChange="location=document.
  364. jump.menu.options
  365. [document.jump.menu
  366. .selectedIndex].value;
  367. " value="GO">
  368. <option>{text:Link Title}</option>
  369. <option value="/">{text:Home Link Text}</option>
  370. <option value="{text:Ask Link}">{text:Ask Link Text}</option>
  371. <option value="/archive">Archive</option>
  372. <option value="{text:Link 1}">{text:Link 1 Text}</option>
  373. <option value="{text:Link 2}">{text:Link 2 Text}</option>
  374. <option value="{text:Link 3}">{text:Link 3 Text}</option>
  375. <option value="{text:Link 4}">{text:Link 4 Text}</option>
  376. <option value="http://jimothykirk.tumblr.com/">theme</option>
  377.  
  378. {block:Pagination}{block:PreviousPage}<option value="{PreviousPage}">←</option>{/block:PreviousPage}
  379.  
  380. {block:NextPage}<option value="{NextPage}">→</a>{/block:NextPage}</option>
  381. </div>{/block:Pagination}
  382. </select>
  383.  
  384. <div id="sideimage"><img src="{image:sideimage}"></div>
  385.  
  386. </div>
  387. </div>
  388.  
  389. <div id="entries">{block:Posts}<div id="post">
  390.  
  391. {block:Text}<h2>{block:Title}{Title}{/block:Title}</h2>{Body}{/block:Text}
  392.  
  393. {block:Photo}
  394. <div id="photo">
  395. {block:IndexPage}
  396. <center><a href="{Permalink}"><img src="{PhotoURL-400}"/></a></center>
  397. {block:Caption}
  398. <div id="captions">{Caption}</div>
  399. {/block:Caption}
  400. {/block:IndexPage}
  401. {block:PermalinkPage}
  402. <center><img src="{PhotoURL-400}"/></center>
  403. {block:Caption}
  404. <div id="captions">{Caption}</div>
  405. {/block:Caption}
  406. {/block:PermalinkPage}
  407. </div>
  408. {/block:Photo}
  409.  
  410. {block:Photoset}
  411. <div id="photoset">
  412. {block:IndexPage}
  413. <center>{Photoset-400}</center>
  414. {block:Caption}
  415. <div id="captions">{Caption}</div>
  416. {/block:Caption}
  417. {/block:IndexPage}
  418. {block:PermalinkPage}
  419. <center>{Photoset-400}</center>
  420. {block:Caption}
  421. <div id="captions">{Caption}</div>
  422. {/block:Caption}
  423. {block:PermalinkPage}
  424. </div>
  425. {/block:Photoset}
  426.  
  427. {block:Quote}<div style="font-family: bitxmap;"><big><em>❝{Quote}❞</em></big></div>{block:Source}<br><br> <div style="text-align: right;"> - {Source}</div>{/block:Source}{/block:Quote}
  428.  
  429. {block:Link}<h2><a href="{URL}" {Target}>{Name}</a></h2>{block:Description}{Description}{/block:Description}{/block:Link}
  430.  
  431. {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  432.  
  433. {block:Audio}<div id="musicplayer"><left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerWhite}</left></span>
  434. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  435. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}</div>
  436. {/block:Audio}
  437.  
  438. {block:Video}{Video-400}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  439.  
  440. {block:Answer}<div id="ask">{Question}<br><div style="float:right;"> - {Asker} &nbsp;</div></div> <div id="ans">{Answer}</div>{/block:Answer}
  441.  
  442. <div id="info">
  443. <br><a href="{Permalink}" title="{TimeAgo}">⌚</a> {block:RebloggedFrom} <a href="{ReblogParentURL}" title="via"></a>{/block:RebloggedFrom} {block:ContentSource}<a href="{SourceURL}" title="source">✎</a>{/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" title="via" {target="_blank">↷</a>{/block:RebloggedFrom} <a href="{Permalink}" title="{NoteCountWithLabel}">✍</a>
  444. {block:iflikeandreblogbuttons}<ul class="like_and_reblog_buttons">
  445. <liv>{ReblogButton size="15"}</liv>
  446. <liv>{LikeButton size="15"}</liv>
  447. </ul>{/block:iflikeandreblogbuttons}
  448. {block:HasTags}<div id="tags">✑:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  449. {/block:Posts}
  450. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  451. {/block:Posts}</div></div></div>
  452.  
  453.  
  454. </body></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!