API tools faq
paste
Advertisement
starlland

THEME #16

starlland
Feb 2nd, 2013
1,362
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.13 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3.  
  4. <html>
  5.  
  6. <!--
  7.  
  8.  
  9. | LOOK TO THE SKIES
  10. | LET HOPE BURN IN YOUR EYES
  11. -----------------------
  12. © racheyzane.tumblr.com
  13.  
  14. !-->
  15.  
  16.  
  17.  
  18. <head>
  19.  
  20. <!-- DEFAULT VARIABLES -->
  21. <meta name="color:background" content="#ffffff" />
  22.  
  23. <meta name="color:text" content="#a39c8b" />
  24. <meta name="color:selection" content="#faf6ed" />
  25. <meta name="color:link" content="#ada47c" />
  26. <meta name="color:hover link" content="#8895a3" />
  27. <meta name="color:nav link" content="#c7c292" />
  28. <meta name="color:nav link hover" content="#c7c292" />
  29. <meta name="color:nav shadow" content="#f5f4e9" />
  30.  
  31. <meta name="color:scrollbar" content="#c7c2a7" />
  32. <meta name="color:border" content="#ebe2ca" />
  33. <meta name="color:bg" content="#ebe2ca" />
  34.  
  35. <meta name="font:title" content="georgia" />
  36. <meta name="font:body" content="georgia" />
  37.  
  38. <meta name="image:sidebar" content="" />
  39.  
  40. <meta name="text:Link1" content="" />
  41. <meta name="text:Link1 Title" content="" />
  42. <meta name="text:Link2" content="" />
  43. <meta name="text:Link2 Title" content="" />
  44. <meta name="text:Link3" content="" />
  45. <meta name="text:Link3 Title" content="" />
  46.  
  47. <meta name="if:regular posts" content="1" />
  48. <meta name="if:small posts" content="0" />
  49.  
  50.  
  51.  
  52. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  53. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  54. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  55. <link rel="shortcut icon" href="{Favicon}" />
  56. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  57.  
  58.  
  59.  
  60.  
  61. <style type="text/css">
  62.  
  63.  
  64.  
  65.  
  66.  
  67. iframe#tumblr_controls {
  68. top:0px !important;
  69. right:3px !important;
  70. position: fixed !important;
  71. opacity: 0.5;
  72. -webkit-transition: all 0.6s ease;}
  73.  
  74. iframe#tumblr_controls:hover{
  75. opacity: 1;
  76. -webkit-transition: all 0.6s ease;
  77. }
  78.  
  79.  
  80.  
  81. ::-webkit-scrollbar-thumb:vertical {
  82. background-color:{color:scrollbar};
  83. height:30px;
  84. }
  85.  
  86. ::-webkit-scrollbar-thumb:horizontal {
  87. background-color:{color:scrollbar};
  88. height:5px!important;
  89. }
  90.  
  91. ::-webkit-scrollbar {
  92. background-color:{color:background};;
  93. height:5px;
  94. width:5px;
  95. }
  96.  
  97. ::-moz-selection {
  98. background: {color:selection};
  99. }
  100. ::selection {
  101. background: {color:selection};
  102. }
  103.  
  104.  
  105.  
  106.  
  107.  
  108. body {color:{color:text};
  109. background-color:{color:background};
  110. background-attachment:fixed;
  111. font-family:{font:body};
  112. font-size:10px;
  113. line-height:100%;
  114. text-align:justify;
  115. }
  116.  
  117. a:link, a:active, a:visited {
  118. color: {color:link};
  119. text-decoration:none;
  120. -webkit-transition: all 0.6s ease;
  121. }
  122.  
  123. a:hover {
  124. color:{color:hover link};
  125. -webkit-transition: all 0.6s ease;
  126. }
  127.  
  128. b {
  129. font-weight: bold;
  130. }
  131.  
  132. i {
  133. font-style:italic;
  134. }
  135.  
  136. img {
  137. max-width: 500px;
  138. }
  139.  
  140. #entries {
  141. margin-left:430px;
  142. margin-bottom:-10px;
  143. max-width:500px;
  144. }
  145.  
  146.  
  147.  
  148. #sbar {
  149. height: auto;
  150. margin-left: 120px;
  151. position:fixed;
  152. overflow:hidden;
  153. margin-top:200px;
  154. width: 240px;
  155. }
  156.  
  157. #simg {
  158. height:auto;
  159. width: 160px;
  160. padding:auto;
  161. display:block;
  162. }
  163.  
  164. #simg img {
  165. padding-left: 40px;
  166. width:160px;
  167. }
  168.  
  169. #pagination {margin-top:7px; border-top:1px solid {color:border};text-align:right;}
  170.  
  171. #pagination a {font-size:7px;padding-top:3px;padding-bottom:5px;padding:2px;margin-right:4px;}
  172.  
  173.  
  174. #nav {
  175. width: 240px;
  176. border-top: 1px solid {color:border};
  177. margin-top: 5px;
  178. padding-top:5px;
  179. text-align:center;
  180. display:block;
  181. margin-bottom:10px;
  182. }
  183.  
  184. #nav a {
  185. display:inline;
  186. letter-spacing: -1px;
  187. color: {color:nav link}
  188. margin-right:5px;
  189. padding-left:10px;
  190. padding-right:10px;
  191. text-align:center;
  192. -webkit-transition: all 0.6s ease;
  193. color:{color:nav link};
  194. }
  195.  
  196. #nav a:hover {
  197. text-shadow: 1px 1px 1px {color:nav shadow};
  198. -webkit-transition: all 0.9s ease;
  199. color:{color:nav link hover};
  200. }
  201.  
  202. #posts{
  203. overflow:hidden;
  204. padding: 3px;
  205. -webkit-transition: all 0.9s ease;
  206. max-width:400px;
  207. padding-top: 8px;
  208. padding-bottom: 8px;
  209. }
  210.  
  211.  
  212. #tags {
  213. text-transform:lowercase;
  214. padding: 3px;
  215. margin-top: 3px;
  216. }
  217.  
  218. #tags a {
  219. background: {color:bg};
  220. padding: 2px;
  221. margin-right: 2px;
  222. }
  223.  
  224. #tags a:hover {
  225. color:{color:italic};
  226. }
  227.  
  228. #credit {
  229. width:70px;
  230. text-align:center;
  231. bottom:10px;
  232. right:10px;
  233. background-color:transparent;
  234. position:fixed;
  235. -webkit-transition: all 0.6s ease;
  236. font-family:trebuchet ms;
  237. text-transform:uppercase;
  238. font-size:10px;
  239. border-bottom: 2px solid {color:bg};
  240. letter-spacing: -1px;
  241. }
  242.  
  243.  
  244. {block:indexpage}
  245.  
  246. #posts{overflow:hidden;padding: 3px;-webkit-transition: all 0.9s ease;padding-top: 8px;padding-bottom: 8px;max-width:505px;margin-left:50px;}
  247.  
  248. #entries {max-width:100%;}
  249.  
  250.  
  251. {/block:indexpage}
  252.  
  253.  
  254. {block:permalinkpage}
  255.  
  256. #posts{overflow:hidden;padding: 3px; -webkit-transition: all 0.9s ease;max-width:505px; margin-left:50px;padding-top: 8px;padding-bottom: 8px;-webkit-transition: all 0.6s ease;}
  257.  
  258.  
  259. #entries {max-width:100%;}
  260.  
  261. {/block:permalinkpage}
  262.  
  263.  
  264. {block:ifregularposts}
  265.  
  266. #posts{overflow:hidden;padding: 3px;-webkit-transition: all 0.9s ease;padding-top: 8px;padding-bottom: 8px;max-width:505px;}
  267.  
  268. #entries {max-width:100%;}
  269.  
  270. {/block:ifregularposts}
  271.  
  272.  
  273. {block:ifsmallposts}
  274.  
  275. #posts{overflow:hidden;padding: 3px;-webkit-transition: all 0.9s ease;padding-top: 8px;padding-bottom: 8px;max-width:405px; margin-left:50px;}
  276.  
  277. #entries {max-width:100%;}
  278.  
  279.  
  280. {/block:ifsmallposts}
  281.  
  282.  
  283.  
  284. #credit {font-size: 35px; display:inline; bottom:3px; right:3px; position:fixed; -webkit-transition: all 0.6s ease; text-align:center;}
  285. #credit a {color:black;}
  286. #credit a:hover {background:none;}
  287. #black {z-index:9999; display:inline; position:absolute; bottom:20px; right:12px;}
  288. #blue {font-size: 35px; display:inline; position:absolute; opacity:0; z-index:0;-webkit-transition: all 0.6s ease;bottom:0px; color:aqua; bottom:20px; right:14px;}
  289. #red {font-size: 35px; display:inline;position:absolute; opacity:0; z-index:0;-webkit-transition: all 0.6s ease;bottom:20px; color:red; right:10px;}
  290. #credit:hover #red {right:8px; opacity:0.6; z-index:0;}
  291. #credit:hover #blue {right:17px; opacity:0.6; z-index:0;}
  292. #credit:hover #rz a {opacity:1;-webkit-transition: all 0.6s ease; bottom:-10px;};
  293. #rz {bottom:5px; position:fixed;-webkit-transition: all 0.6s ease;}
  294. #rz a { opacity:0;-webkit-transition: all 0.6s ease;}
  295.  
  296.  
  297.  
  298.  
  299. h1{
  300. font-family:{font:title};
  301. font-size:17px;
  302. line-height:15px;
  303. letter-spacing:-1px;
  304. text-align:left;
  305. padding-bottom: 3px;
  306. text-transform: lowercase;
  307. border-bottom: 1px solid {color:border};
  308. }
  309.  
  310.  
  311.  
  312.  
  313.  
  314. #quote {
  315. font-size: 12px;
  316. letter-spacing:-1px;
  317. line-height: 100%;
  318. margin-left: 10px;
  319. padding: 3px;
  320. border-bottom: 1px solid {color:border};
  321. width:80%;
  322. text-align:center;
  323. }
  324.  
  325. #quote:first-letter{
  326. font-weight:bold;
  327. font-size:19px;
  328. }
  329.  
  330.  
  331.  
  332.  
  333. blockquote {
  334. padding-left:7px;
  335. margin:2px;
  336. border-left:1px solid {color:border};
  337. }
  338.  
  339.  
  340.  
  341. img a{border:none; width:100%}
  342.  
  343.  
  344.  
  345. .audi {
  346. margin-bottom: 10px;
  347. display: block;
  348. width:400px;
  349. background:black;
  350. }
  351.  
  352.  
  353.  
  354.  
  355.  
  356. .user_1 .label {text-transform:uppercase;}
  357. .user_2 .label {text-transform:uppercase;}
  358. .user_3 .label {text-transform:uppercase;}
  359. .user_4 .label {text-transform:uppercase;}
  360. .user_5 .label {text-transform:uppercase;}
  361. .user_6 .label {text-transform:uppercase;}
  362. .user_7 .label {text-transform:uppercase;}
  363. .user_8 .label {text-transform:uppercase;}
  364. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  365.  
  366.  
  367.  
  368. #notes {font-weight:normal}
  369. #notes li {padding-bottom:0.5em}
  370. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:50%;}
  371.  
  372.  
  373.  
  374. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  375. </style>
  376. <style type="text/css">{CustomCSS}</style>
  377.  
  378.  
  379.  
  380.  
  381.  
  382.  
  383. </head>
  384.  
  385.  
  386.  
  387. <body>
  388.  
  389.  
  390.  
  391. <div id="credit">
  392. <div id="black"><a href="http://racheyzane.tumblr.com">▲</a></div>
  393. <div id="red">▲</div>
  394. <div id="blue">▲</div>
  395. <div id="rz"><div style="font-size:8px; text-transform:uppercase; font-family:calibri; letter-spacing:1px; margin-top:10px;"><a href="http://racheyzane.tumblr.com">racheyzane</a></div></div>
  396. </div>
  397.  
  398.  
  399. <div id="sbar">
  400.  
  401.  
  402. <div id="simg">
  403. <img src="{image:sidebar}">
  404. </div>
  405.  
  406. <div id="nav">
  407. <a href="/">home</a>
  408. <a href="/ask">ask</a>
  409. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  410. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  411. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  412.  
  413. </div>
  414.  
  415. <div style="padding-top:20px; text-align:center; width:80%; margin-left:10%;">
  416. {Description}
  417. </div>
  418.  
  419.  
  420. <div id="pagination">
  421.  
  422. {block:Pagination}
  423. {block:PreviousPage}
  424. <a href="{PreviousPage}">←</a>
  425. {/block:PreviousPage}
  426. {block:JumpPagination length="5"}
  427. {block:CurrentPage}
  428. <span class="current_page"><a>{PageNumber}</a></span>
  429. {/block:CurrentPage}
  430.  
  431. {block:JumpPage}
  432. <a class="jump_page" href="{URL}">{PageNumber}</a>
  433. {/block:JumpPage}
  434. {/block:JumpPagination}
  435. {block:NextPage}
  436. <a href="{NextPage}">→</a>
  437. {/block:NextPage}
  438. {/block:Pagination}
  439.  
  440. </div>
  441.  
  442.  
  443. </div>
  444.  
  445. <div id="entries">
  446. {block:Posts}
  447. <div id="posts">
  448.  
  449.  
  450. <div style="margin-top:-8px;">
  451. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  452. {block:Text}{Body}{/block:Text}
  453. </div>
  454.  
  455. {block:Quote}
  456. <br>
  457. <div id="quote">
  458. "{Quote}"</div>
  459. <div style="text-align:left; text-transform:uppercase; font-size:8px; margin-top:4px; border-top:1px solid {color:border};">{Source}</div>
  460. {/block:Quote}
  461. <br>
  462.  
  463.  
  464.  
  465. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  466. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  467.  
  468.  
  469. {block:Photo}
  470. {block:indexpage}
  471. {block:ifregularposts}
  472. <img src="{PhotoURL-500}">
  473. {Caption}
  474. {/block:ifregularposts}
  475. {block:ifsmallposts}
  476. <img src="{PhotoURL-400}">
  477. {Caption}
  478. {/block:ifsmallposts}
  479. {/block:indexpage}
  480. {block:permalinkpage}
  481. <img src="{PhotoURL-500}">
  482. {Caption}
  483. {/block:permalinkpage}
  484. {/block:Photo}
  485.  
  486.  
  487. {block:Photoset}
  488. {block:indexpage}
  489. {block:ifregularposts}
  490. {Photoset-500}
  491. {Caption}
  492. {/block:ifregularposts}
  493. {block:ifsmallposts}
  494. {Photoset-400}
  495. {Caption}
  496. {/block:ifsmallposts}
  497. {/block:indexpage}
  498. {block:permalinkpage}
  499. {Photoset-500}
  500. {Caption}
  501. {/block:permalinkpage}
  502. {/block:Photoset}
  503.  
  504.  
  505.  
  506.  
  507. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  508.  
  509.  
  510.  
  511. {block:Video}
  512. {block:indexpage}
  513. {block:ifregularposts}
  514. {Video-500}
  515. {Caption}
  516. {/block:ifregularposts}
  517. {block:ifsmallposts}
  518. {Video-400}
  519. {Caption}
  520. {/block:ifsmallposts}
  521. {/block:indexpage}
  522. {block:permalinkpage}
  523. {Video-500}
  524. {Caption}
  525. {/block:permalinkpage}{/block:Video}
  526.  
  527. {block:Answer}<div style="border-bottom: 1px solid {color:bg}; padding: 8px; background: {color:bg};"><ii><div style="color: {color:link}; text-transform:lowercase; display:inline;">{Asker}</div> asked</ii>: {Question}</div>
  528. {Answer}{/block:answer}
  529.  
  530.  
  531.  
  532. {block:AudioPlayer}
  533. {audioplayergrey}<br>
  534. {block:artist}<b>{artist}</b>{/block:artist}
  535. {block:trackname} / <i>{trackname}</i>{/block:trackname}
  536. {block:album} / {album}{/block:album}<br>
  537. </center><br>
  538. {Caption}
  539. {/block:AudioPlayer}
  540.  
  541.  
  542. {block:IndexPage}
  543.  
  544. <div style="border-top: 1px solid {color:border}; padding: 5px; margin-top: 5px; font-size:9px; opacity: 0.8; letter-spacing:-1px; text-align:center;">
  545. <div style="text-transform: uppercase; letter-spacing: 1px; font-family:arial; font-size:8px;"><a href="{ReblogURL}">reblog</a>{block:NoteCount} / {NoteCountWithLabel}{/block:NoteCount}{block:Date} / <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom}/ <a href="{ReblogParentURL}">VIA</a>
  546. {block:ContentSource} <a href="{SourceURL}"> / &copy;</a>{/block:ContentSource}{/block:RebloggedFrom}</div>
  547. <div id="tags">{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags}{/block:HasTags}</div>
  548. </div>
  549.  
  550.  
  551.  
  552. {/block:IndexPage}
  553.  
  554.  
  555. {block:PermalinkPage}
  556. {block:Date}
  557. <div style="text-transform:uppercase">
  558. <br><b><big>{DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix} {Year} ({24Hour}:{Minutes}{AmPm})</b></big>
  559. </div>
  560. {/block:Date}
  561. <div style="border-top: 1px solid {color:border}; border-bottom: 1px solid {color:border}; padding: 5px; margin-top: 5px; font-size:9px; opacity: 0.9; text-align:left; width:500px;">
  562. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</div>
  563. {block:HasTags}<br>tagged:{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  564. {block:RebloggedFrom}<br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  565. {block:ContentSource}<br>source: <a href="{SourceURL}">{ReblogRootName}</a>{/block:ContentSource}{/block:RebloggedFrom}
  566. </div>
  567.  
  568. {block:PostNotes} <div style="margin-left:50px;">{PostNotes}</div> {/block:PostNotes}
  569.  
  570. {/block:PermalinkPage}
  571.  
  572. </div>
  573.  
  574.  
  575. {/block:Posts}
  576.  
  577.  
  578.  
  579. </div>
  580. <br>
  581. {/block:Posts}
  582.  
  583.  
  584.  
  585.  
  586.  
  587. </div>
  588. </div>
  589.  
  590.  
  591. </body>
  592. </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!