Advertisement
starlland

THEME #14

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