API tools faq
paste
whattheweasley

Theme 23: Moonsea

whattheweasley
Jun 12th, 2013
281
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <html>
  5. <!-- DO NOT REMOVE THE FOLLOWING
  6. ♡ theme by starrify.org ♡
  7. • if you're using my theme, please keep credit in tact.
  8. • this theme isn't a base theme, do not redistribute.
  9. • edit to your heart's consent, but this will still be my theme
  10. -->
  11. <body>
  12. <head>
  13. <!-- DEFAULT VARIABLES -->
  14. <meta name="color:background" content="#FFFFFF" />
  15. <meta name="color:entry" content="#f5f3f3" />
  16.  
  17. <meta name="color:title" content="#695D51" />
  18. <meta name="color:text" content="#91847A" />
  19. <meta name="color:permalink page text" content="#383430" />
  20. <meta name="color:link" content="#404040" />
  21. <meta name="color:link hover" content="#cccccc" />
  22.  
  23. <meta name="color:navigation" content="#b0b0b0" />
  24.  
  25. <meta name="color:scrollbar" content="#b0b0b0" />
  26. <meta name="color:selection" content="#b0b0b0" />
  27.  
  28. <meta name="font:title" content="georgia" />
  29. <meta name="font:body" content="helvetica neue" />
  30.  
  31. <meta name="image:sidebar" content="http://i.imgur.com/ckg1TWC.gif"/>
  32. <meta name="image:background" content="" />
  33.  
  34. <meta name="text:sidebar title" content="sidebar title"/>
  35. <meta name="text:link one" content="/"/>
  36. <meta name="text:link one name" content="link 1"/>
  37. <meta name="text:link two" content="/"/>
  38. <meta name="text:link two name" content="link 2"/>
  39. <meta name="text:link three" content="/"/>
  40. <meta name="text:link three name" content="link 3"/>
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}</title>
  44.  
  45. {block:Description}
  46. <meta name="description" content="{MetaDescription}" />
  47. {/block:Description}
  48.  
  49. <link rel="shortcut icon" href="{Favicon}" />
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  51. <link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'>
  52.  
  53. <style type="text/css">
  54.  
  55.  
  56. /* ---------- Dash/Follow Fade --------- */
  57.  
  58. iframe#tumblr_controls {
  59. top:0px !important;
  60. right:3px !important;
  61. position: fixed !important;
  62. }
  63.  
  64.  
  65. /* ---------- scroll bar --------- */
  66. ::-webkit-scrollbar-thumb:vertical {
  67. background-color: {color:scrollbar};
  68. height: 50px;
  69. }
  70.  
  71. ::-webkit-scrollbar-thumb:horizontal {
  72. background-color: {color:scrollbar};
  73. height: 50px;
  74. }
  75.  
  76. ::-webkit-scrollbar {
  77. height: 10px;
  78. width: 5px;
  79. background-color: {color:background};
  80. }
  81.  
  82. /* ---------- color selection --------- */
  83.  
  84. ::-moz-selection {color: #FFF;background: {color:selection};}
  85.  
  86. ::selection {color:#FFF;background: {color:selection};}
  87.  
  88. body {
  89. {block:IndexPage}color:{color:text};{/block:IndexPage}
  90. {block:PermalinkPage}color:{color:permalink page text}{/block:PermalinkPage}
  91. background-color:{color:background};
  92. background-image: url('{image:Background}');
  93. background-position: center;
  94. background-attachment:fixed;
  95. background-repeat: repeat;
  96. font-family:calibri;
  97. font-size:10px;
  98. line-height:110%;
  99. text-align:justify}
  100.  
  101. a:link, a:active, a:visited{
  102. color: {color:link};
  103. text-decoration:none;
  104. -webkit-transition: all 0.7s ease-out;
  105. -moz-transition: all 0.7s ease-out;
  106. transition: all 0.7s ease-out;
  107. }
  108. a:hover{
  109. color:{color:link hover};
  110. background-color: transparent;
  111. }
  112. /* entries */
  113. #entries {
  114. margin-left:485px;
  115. margin-top:20px;
  116. width:507px}
  117.  
  118. #posts{
  119. overflow:visible;
  120. background-color:{color:entries};
  121. padding:5px;
  122. margin-bottom:35px;
  123. -webkit-transition: all 0.7s ease-out;
  124. ease-out;-moz-transition: all 0.7s ease-out;
  125. transition: all 0.7s ease-out;
  126. }
  127.  
  128.  
  129. #sidebarimg {
  130. position:relative;
  131. width:180px;
  132. text-align:center;
  133. margin-left:2px;
  134. }
  135.  
  136. #cf {
  137. position:relative;
  138. height:110px;
  139. width:180px;
  140. margin:0 auto;
  141. }
  142.  
  143. #cf img {
  144. position:absolute;
  145. left:0;
  146. -webkit-transition: opacity 1s ease-in-out;
  147. -moz-transition: opacity 1s ease-in-out;
  148. -o-transition: opacity 1s ease-in-out;
  149. transition: opacity 1s ease-in-out;
  150. }
  151.  
  152. #cf img.top:hover {
  153. opacity:0;
  154. }
  155.  
  156. #const {
  157. position:fixed;
  158. margin-left:0px;
  159. margin-top:65px;
  160. width:500px;
  161. height:100%
  162. }
  163.  
  164. #sidebar {
  165. width:180px;
  166. margin-left:150px;
  167. margin-top:65px;
  168. position:fixed;
  169. overflow:visible;
  170. padding:4px}
  171.  
  172. #desc {
  173. color:{color:text};
  174. font:11px calibri,helvetica,sans-serif;
  175. margin-bottom:-0px;
  176. padding:8px;
  177. text-align:justify;
  178. }
  179.  
  180. #bottomdesc {
  181. opacity:1;
  182. margin-top:5px;
  183. -webkit-transition: opacity 1s ease-in-out;
  184. -moz-transition: opacity 1s ease-in-out;
  185. -o-transition: opacity 1s ease-in-out;
  186. transition: opacity 1s ease-in-out;
  187. }
  188.  
  189. #bottomdesc:hover {
  190. opacity:1px
  191. }
  192.  
  193. #pagination {
  194. position:absolute;
  195. text-align:center;
  196. width:180px;
  197. margin-top:40px;
  198. }
  199.  
  200. #pagination a {
  201. color: {color:link};
  202. font-family:georgia;
  203. text-align:center;
  204. font-size:45px;
  205. }
  206.  
  207. #retainer {
  208. width:184px;
  209. position:absolute;
  210. margin-top:5px;
  211. }
  212.  
  213. #tbox {
  214. height:20px;
  215. width:184px;
  216. overflow:hidden;
  217. }
  218.  
  219. #title{
  220. margin:auto;
  221. height:500px;
  222. width:175px;
  223. background-color:{color:navigation};
  224. padding:5px;
  225. text-align:center;
  226. -webkit-transition: all 0.7s ease-out;
  227. -moz-transition: all 0.7s ease-out;
  228. transition: all 0.7s ease-out;
  229. }
  230.  
  231. #sidebar:hover #title {
  232. margin-top:-32px;
  233. -webkit-transition: all 0.9s ease-out;
  234. -moz-transition: all 0.9s ease-out;
  235. transition: all 0.9s ease-out;
  236. }
  237.  
  238. .title {
  239. margin-top:-2px;
  240. font:10px georgia;
  241. color:{color:title}
  242. }
  243.  
  244. #nav{
  245. margin-top:19px;
  246. }
  247.  
  248. .nav{
  249. font:10px calibri,sans-serif;
  250. text-transform:lowercase;
  251. letter-spacing:1px;
  252. padding:2px;
  253. }
  254.  
  255. #border {
  256. {block:IndexPage}border-top:1px solid {color:text};{/block:IndexPage}
  257. {block:PermalinkPage}border-top:1px solid {color:permalink page text};{/block:PermalinkPage}
  258. margin-top:10px
  259. }
  260.  
  261. .info {
  262. display:block;
  263. text-align:left;
  264. margin:2px 0px;
  265. padding:1px;
  266. font:10px calibri;
  267. text-transform:lowercase;
  268. line-height:11px;
  269. }
  270.  
  271.  
  272. h1{
  273. color:{color:title};
  274. font-family:georgia, serif;
  275. font-size:20px;
  276. line-height:22px;
  277. letter-spacing:1px;
  278. font-weight:normal;
  279. text-transform:case;
  280. margin:0px;
  281. text-align:left;
  282. font-style:italic;
  283. }
  284.  
  285. h2{
  286. color:{color:title};
  287. font-family:{font:title};
  288. font-size:15px;
  289. line-height:14px;
  290. letter-spacing:-1px;
  291. font-weight:normal;
  292. text-transform:lowercase;
  293. margin-bottom:2px;
  294. text-align:left;
  295. font-style:italic;
  296. }
  297.  
  298. h3{
  299. font:normal 11px calibri,helvetica,sans serif;
  300. display:inline-block;
  301. padding:2px;
  302. color:#969696;
  303. margin:0px;
  304. width:35px;
  305. text-transform:uppercase;
  306. }
  307.  
  308. .source {
  309. text-align:left;
  310. text-transform:uppercase;
  311. letter-spacing:1px;
  312. font:normal 10px calibri, helvetica, sans serif;
  313. }
  314.  
  315. .other{
  316. font:normal 10px calibri, helvetica, sans serif;}
  317.  
  318. #player {
  319. width:28px;
  320. height:28px;
  321. overflow:hidden;
  322. position:absolute;
  323. margin-top:35px;
  324. margin-left:35px;
  325. z-index:9999;
  326. }
  327.  
  328. #albumart {margin:0px 0px;
  329. position:relative;}
  330.  
  331. .askposts {
  332. background-color:{color:background};
  333. border-bottom:1px solid {color:text};
  334. width:100%
  335. }
  336. .askposts .top {
  337. border-bottom:1px solid {color:text};
  338. width:100%
  339. }
  340.  
  341. .askposts .question {
  342. font:11px calibri, helvetica, sans serif;
  343. }
  344.  
  345. .askposts .askerimg {
  346. background: transparent;
  347. opacity:2;
  348. }
  349. .askposts .questioner {
  350. font:14px calibri, helvetica, sans serif;
  351. letter-spacing:1px;
  352. text-transform:lowercase;
  353. }
  354.  
  355. .answer {
  356. margin-top:10px;
  357. }
  358.  
  359. blockquote {
  360. border-left:2px {color:text} solid;
  361. padding-left:5px;
  362. margin:0px 2px 0px 10px
  363. }
  364.  
  365. blockquote img, blockquote a img {
  366. max-width: 460px
  367. }
  368.  
  369. b, strong{
  370. color:{color:link hover}
  371. }
  372. i, em {
  373. color:{color:link hover};
  374. }
  375. p{
  376. margin-top:3px; margin-bottom:3px
  377. }
  378.  
  379. .user_1 .label {color:{color:link}; font:11px calibri;}
  380. .user_2 .label {color:{color:link}; font:11px calibri;}
  381. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  382.  
  383. .notes img{
  384. background-color: {color:background};
  385. width:10px;
  386. position:relative;
  387. top:1px;
  388. }
  389. ol.notes, .notes li{
  390. list-style:none;
  391. margin:0px;
  392. padding:0px;
  393. }
  394.  
  395. #credit {
  396. position:fixed;
  397. width:90px;
  398. right:1px;
  399. bottom:1px;
  400. padding:2px;
  401. line-height:11px;
  402. letter-spacing:0px;
  403. font:10px Calibri, Tahoma, Helvetica, Sans-Serif;
  404. color: #383737;
  405. background-color:#fff;
  406. text-align:center;
  407. }
  408.  
  409. </style>
  410. <style type="text/css">{CustomCSS}</style>
  411. </head>
  412.  
  413. <body>
  414. <div id="const">
  415.  
  416. <div id="sidebar">
  417.  
  418. <div id="retainer">
  419. <div id="sidebarimg">
  420. <a href="/">
  421. <img src="{image:sidebar}" />
  422. </a>
  423. </div>
  424. <div id="tbox">
  425. <div id="title">
  426. <div class="title">{text:sidebar title}</div>
  427. <div id="nav">
  428. {block:AskEnabled}<a class="nav" href="/ask">ask</a>
  429. {/block:AskEnabled}
  430. {block:IfLinkOneName}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOneName}
  431. {block:IfLinkTwoName}<a href="{text:link two}">{text:link two name}</a>{/block:IfLinkTwoName}
  432. {block:IfLinkThreeName}<a href="{text:link Three}">{text:link Three name}</a>{/block:IfLinkThreeName}
  433. </div></div></div>
  434. {block:Description}<div id="desc">
  435. {Description}</div>{/block:Description}
  436.  
  437. {block:Pagination}
  438. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  439. {block:NextPage}<a href="{NextPage}">&raquo;</a></div>{/block:NextPage}
  440. </div>
  441. {/block:Pagination}
  442. </div>
  443. </div>
  444. </div>
  445.  
  446. <div id="credit"><a target="blank"href="http://pevensied.tumblr.com/"><font color="{color:text}">theme by starrify</a></font></div>
  447.  
  448. <div id="container">
  449.  
  450. <div id="entries">
  451.  
  452. {block:Posts}
  453. <div id="posts">
  454.  
  455. {block:Title}<h1>{title}&nbsp;</h1>{/block:Title}
  456. {block:Text}{Body}{/block:Text}
  457.  
  458. {block:Quote}<h2>“{quote}”</h2>{/block:Quote}
  459. {block:Source}<center><div class="source">— {Source}</div></center>{/block:Source}
  460.  
  461. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  462. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  463.  
  464. {block:Photo}<div class="photo">{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"/>{LinkCloseTag}</div>
  465. {block:Caption}
  466. {Caption}
  467. {/block:Caption}{/block:Photo}
  468.  
  469. {block:Photoset}
  470. <div class="photo">{Photoset-500}</div>
  471. {block:Caption}
  472. {Caption}
  473. {/block:Caption}
  474. {/block:Photoset}
  475.  
  476. {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}
  477. {/block:Chat}
  478.  
  479. {block:Video}{Video-500}
  480. {block:Caption}
  481. {Caption}
  482. {/block:Caption}{/block:Video}
  483.  
  484.  
  485. {block:Answer}
  486. <div class="askposts">
  487. <table style="padding-bottom:5px;margin-bottom:5px;">
  488. <tr>
  489. <td style="vertical-align:top;padding-right:10px;"><img class="askerimg" src="{AskerPortraitURL-30}"></td>
  490. <td style="vertical-align:top;"><div class="questioner">{Asker} said</div><div class="question">{Question}</div></td>
  491. </table>
  492. </div>
  493. <div class="answer">{Answer}</div>
  494. {/block:Answer}
  495.  
  496. {block:Audio}
  497. <table style="padding-bottom:5px;margin-bottom:5px;">
  498. <tr>
  499. <td style="vertical-align:top;padding-right:10px;"><div id="player">{AudioPlayerWhite} </div>
  500. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div></td>
  501. <td style="vertical-align:top;"><div class="other">
  502. <h3>Plays:</h3>{FormattedPlayCount}<br>
  503. {block:TrackName}
  504. <h3>Song:</h3>{TrackName}
  505. {/block:TrackName}
  506. {block:Artist}
  507. <br><h3>Artist:</h3>{Artist}
  508. {/block:Artist}
  509. {block:Album}<br><h3>Album:</h3> {Album}{/block:Album}</div></td>
  510. </table>
  511. {block:caption}{caption}{/block:caption}
  512. {/block:Audio}
  513.  
  514.  
  515. <div id="border"></div>
  516.  
  517. {block:Date}
  518. <div class="info">{DayOfMonthWithZero} {Month}, {Year} • {TimeAgo} • <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} • via <a href="{ReblogParentURL}">{ReblogParentName}</a> (© <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}<br>
  519. {block:HasTags}
  520. {block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}
  521. {/block:HasTags}
  522. </div></div>
  523.  
  524. {/block:Date}
  525. {block:ContentSource}
  526. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  527. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  528. {/block:SourceLogo}
  529. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  530. {/block:ContentSource}
  531.  
  532.  
  533.  
  534. {/block:Posts}
  535. {block:PostNotes}
  536. <div class="notes">{PostNotes}</div>
  537. {/block:PostNotes}
  538.  
  539. </div>
  540. </div>
  541.  
  542. </body>
  543.  
  544.  
  545.  
  546. </body>
  547. </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!