API tools faq
paste
Advertisement
whattheweasley

Theme 1: Shine

whattheweasley
Oct 14th, 2012
1,208
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.34 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 1: shiny pennies by Rachael: pevensied @ tumblr.com ♡
  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 always be MY theme
  10. -->
  11. <body>
  12. <head>
  13. <!-- DEFAULT VARIABLES -->
  14. <meta name="color:background" content="#FFFFFF" />
  15. <meta name="color:sidebar" content="#FFFFFF" />
  16. <meta name="color:entry" content="##f5f3f3" />
  17.  
  18. <meta name="color:title" content="#695D51" />
  19. <meta name="color:text" content="#C0AEA0" />
  20. <meta name="color:link" content="#A89A8D" />
  21. <meta name="color:link hover" content="#0A0A09" />
  22.  
  23. <meta name="color:navigation" content="#eeccbb" />
  24. <meta name="color:navigation hover" content="##9e5d3c" />
  25.  
  26. <meta name="color:scrollbar" content="#eeccbb" />
  27. <meta name="color:selection" content="#eeccbb" />
  28.  
  29. <meta name="font:title" content="georgia" />
  30. <meta name="font:body" content="helvetica neue" />
  31.  
  32. <meta name="image:sidebar" content="http://static.tumblr.com/z5o2pr2/FPZmbwj2j/shine.png"/>
  33. <meta name="image:background" content="" />
  34.  
  35. <meta name="if:Fading Images" content="1"/>
  36. <meta name="text:link one" content="/"/>
  37. <meta name="text:link one name" content="link 1"/>
  38. <meta name="text:link two" content="/"/>
  39. <meta name="text:link two name" content="link 2"/>
  40.  
  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.  
  52. <style type="text/css">
  53.  
  54.  
  55. /* ---------- Dash/Follow Fade --------- */
  56.  
  57. iframe#tumblr_controls {
  58. top:0px !important;
  59. right:3px !important;
  60. position: fixed !important;
  61. -webkit-transition: opacity 0.7s linear;
  62. opacity: 0.4;
  63. -webkit-transition: all 0.8s ease-out;
  64. -moz-transition: all 0.8s ease-out;
  65. transition: all 0.8s ease-out;}
  66.  
  67. iframe#tumblr_controls:hover{
  68. -webkit-transition: opacity 0.7s linear;
  69. opacity: 1;
  70. -webkit-transition: all 0.4s ease-out;
  71. -moz-transition: all 0.4s ease-out;
  72. transition: all 0.4s ease-out;}
  73.  
  74. /* ---------- scroll bar --------- */
  75. ::-webkit-scrollbar-thumb:vertical {
  76. background-color: {color:scrollbar};
  77. height: 50px;
  78. }
  79.  
  80. ::-webkit-scrollbar-thumb:horizontal {
  81. background-color: {color:scrollbar};
  82. height: 50px;
  83. }
  84.  
  85.  
  86. ::-webkit-scrollbar {
  87. height: 10px;
  88. width: 5px;
  89. background-color: {color:background};
  90. }
  91.  
  92. /* ---------- color selection --------- */
  93.  
  94. ::-moz-selection {color: #FFF;background: {color:selection};}
  95.  
  96. ::selection {color:#FFF;background: {color:selection};}
  97.  
  98. body {
  99. color:{color:text};
  100. background-color:{color:background};
  101. background-image: url('{image:Background}');
  102. background-position: center;
  103. background-attachment:fixed;
  104. background-repeat: repeat;
  105. font-family:{font:body};
  106. font-size:10px;
  107. line-height:110%;
  108. text-align:justify}
  109.  
  110. a:link, a:active, a:visited{
  111. color: {color:link};
  112. text-decoration:none;
  113. -webkit-transition: all 0.7s ease-out;
  114. -moz-transition: all 0.7s ease-out;
  115. transition: all 0.7s ease-out;
  116. }
  117. a:hover{
  118. color:{color:link hover};
  119. background-color: transparent;
  120. }
  121. #entries{
  122. margin-left:485px;
  123. margin-top:20px;
  124. width:520px
  125. }
  126. #posts{
  127. overflow:hidden;
  128. background-color: {color:entry};
  129. border-left:0px solid { color:link};
  130. border-right:0px solid {color:link};
  131. padding:10px
  132. }
  133.  
  134. {block:IfFadingImages}
  135. #entries img {
  136. -moz-opacity:1;
  137. filter:alpha(opacity=100);
  138. opacity:1;
  139. -webkit-transition: all 0.8s ease-out;
  140. -moz-transition: all 0.8s ease-out;
  141. transition: all 0.8s ease-out;
  142. }
  143.  
  144. #entries img:hover {
  145. -moz-opacity:.8;
  146. filter:alpha(opacity=80);
  147. opacity:.80;
  148. -webkit-transition: all 0.8s ease-out;
  149. -moz-transition: all 0.8s ease-out;
  150. transition: all 0.8s ease-out;
  151. }
  152.  
  153. .photo {
  154. -moz-opacity:1;
  155. filter:alpha(opacity=100);
  156. opacity:1;
  157. -webkit-transition: all 0.8s ease-out;
  158. -moz-transition: all 0.8s ease-out;
  159. transition: all 0.8s ease-out;
  160. }
  161.  
  162. .photo:hover {
  163. -moz-opacity:.8;
  164. filter:alpha(opacity=80);
  165. opacity:.80;
  166. -webkit-transition: all 0.8s ease-out;
  167. -moz-transition: all 0.8s ease-out;
  168. transition: all 0.8s ease-out;
  169. }
  170.  
  171. {/block:IfFadingImages}
  172.  
  173. #sidebarimg img {
  174. max-width: 220px;
  175. margin-left:0px;
  176. margin-top:0px;
  177. height: auto;
  178. text-align:center;
  179. }
  180.  
  181. #sidebar {
  182. width:220px;
  183. margin-left:150px;
  184. margin-top:65px;
  185. position:fixed;
  186. overflow:visible;
  187. background-color: {color:sidebar};
  188. padding:4px}
  189.  
  190. #desc {
  191. padding:8px;
  192. font:11px calibri,helvetica,sans-serif;
  193. margin-bottom:-0px;
  194. text-align:justify;
  195. }
  196.  
  197. #pagination {
  198. position:absolute;
  199. text-align:center;
  200. width:220px;
  201. margin-top:40px;
  202. }
  203. #pagination a {
  204. color: {color:link};
  205. font-family:georgia;
  206. text-align:center;
  207. font-size:45px;
  208. }
  209.  
  210. h1{
  211. color:{color:title};
  212. font-family:{font:title};
  213. font-size:20px;
  214. line-height:22px;
  215. letter-spacing:-1px;
  216. font-weight:normal;
  217. text-transform:case;
  218. margin:0px;
  219. text-align:left;
  220. font-style:italic;
  221. }
  222.  
  223. h2{
  224. color:{color:title};
  225. font-family:{font:title};
  226. font-size:15px;
  227. line-height:14px;
  228. letter-spacing:-1px;
  229. font-weight:normal;
  230. text-transform:lowercase;
  231. margin-bottom:2px;
  232. text-align:left;
  233. font-style:italic;
  234. }
  235.  
  236. h3{
  237. font:normal 11px calibri,helvetica,sans serif;
  238. display:inline-block;
  239. padding:2px; color:#969696;
  240. margin:0px; width:35px;
  241. text-transform:uppercase;
  242. }
  243.  
  244. .source {
  245. text-align:left;
  246. text-transform:uppercase;
  247. letter-spacing:1px;
  248. font:normal 10px calibri, helvetica, sans serif;
  249. }
  250.  
  251. .other{
  252. font:normal 10px calibri, helvetica, sans serif;
  253. }
  254.  
  255. #info {
  256. display:block;
  257. width:495px;
  258. margin:2px 0px 3px 0px;
  259. padding:1px 2px 1px 4px;
  260. background-color:transparent;
  261. font:10px {font:body};
  262. text-transform:lowercase;
  263. text-align:right;
  264. letter-spacing:0px;
  265. }
  266.  
  267. #effie {
  268. position:fixed;
  269. margin-top:12px;
  270. width: 220px;
  271. margin-left: 0px;
  272. text-align:center;
  273. float:left;
  274. }
  275.  
  276. #effie a {
  277. width:40px;
  278. display:inline-block;
  279. margin-left:0px;
  280. margin-bottom: 2px;
  281. background-color:{color:navigation};
  282. font:11px calibri;
  283. text-transform: lowercase;
  284. color:{color:navigation hover};
  285. text-align:center;
  286. padding:2px;
  287. -webkit-transition: all 0.7s ease-out;
  288. -moz-transition: all 0.7s ease-out;
  289. transition: all 0.7s ease-out;
  290. }
  291. #effie a:hover {
  292. color:{color:navigation};
  293. background-color:{color:navigation hover};
  294. }
  295.  
  296. #credit {
  297. position:fixed;
  298. width:90px;
  299. right:1px;
  300. bottom:1px;
  301. padding:2px;
  302. line-height:11px;
  303. letter-spacing:0px;
  304. font:10px Calibri, Tahoma, Helvetica, Sans-Serif;
  305. color: #383737;
  306. background-color:#fff;
  307. text-align:center;
  308. }
  309.  
  310. .albumart{
  311. width:110px; height:110px;
  312. position:relative;
  313. {block:ifAlbumArt}background-image:url('http://static.tumblr.com/z5o2pr2/f6Bm6eu6g/audio.png');{/block:ifAlbumArt}
  314. }
  315. .albumart img{
  316. width:110px; height:110px;
  317. -moz-opacity:100%;
  318. opacity:100%;
  319. }
  320.  
  321.  
  322. .audio{
  323. width:28px;
  324. height:28px;
  325. overflow:hidden;
  326. position:relative;
  327. margin-top:-70px;
  328. margin-left:40px;
  329. z-index:3;
  330. opacity:0.8
  331. }
  332.  
  333. .awrap{
  334. width:110;
  335. height:110;
  336. float:left;
  337. }
  338.  
  339. .ainfo{
  340. float:right;
  341. text-align:left;
  342. width:385px;
  343. }
  344. .askposts {
  345. background-color:{color:entry};
  346. border-bottom:1px solid {color:text};
  347. width:100%
  348. }
  349. .askposts .top {
  350. border-bottom:1px solid {color:text};
  351. width:100%
  352. }
  353.  
  354. .askposts .question {
  355. font:11px calibri, helvetica, sans serif;
  356. }
  357.  
  358. .askposts .askerimg {
  359. background: transparent;
  360. border:3px solid {color:link};
  361. opacity:2;
  362. }
  363. .askposts .questioner {
  364. font:14px calibri, helvetica, sans serif;
  365. letter-spacing:1px;
  366. text-transform:lowercase;
  367. }
  368.  
  369. .answer {
  370. margin-top:10px;
  371. }
  372.  
  373.  
  374. blockquote {
  375. border-left:2px {color:text} solid;
  376. padding-left:5px;
  377. margin:0px 2px 0px 10px
  378. }
  379. blockquote img, blockquote a img {
  380. max-width: 460px
  381. }
  382.  
  383. b, strong{
  384. color:{color:link hover}
  385. }
  386. i, em {
  387. color:{color:link hover};
  388. }
  389. p{
  390. margin-top:3px; margin-bottom:3px
  391. }
  392.  
  393.  
  394. .user_1 .label {color:{color:link hover}; font:11px calibri;}
  395. .user_2 .label {color:{color:link}; font:11px calibri;}
  396. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  397.  
  398. .notes img{
  399. background-color: {color:background};
  400. width:10px;
  401. position:relative;
  402. top:1px;
  403. }
  404. ol.notes, .notes li{
  405. list-style:none;
  406. margin:0px;
  407. padding:0px;
  408. }
  409. random text{
  410. background-color:transparent!important;
  411. }
  412. </style>
  413. <style type="text/css">{CustomCSS}</style>
  414. </head>
  415.  
  416. <body>
  417.  
  418. <div id="sidebar">
  419.  
  420. <div id="sidebarimg">
  421. <IMG SRC="{image:sidebar}"></div>
  422. {block:Description}<div id="desc">{Description}</div>{/block:Description}
  423. <div id="effie">
  424. <a href="/">home</a>
  425. <a href="/ask">ask</a>
  426. {block:IfLinkOneName}<a href="{text:link one}">{text:link one name}</a>{/block:IfLinkOneName}
  427. {block:IfLinkTwoName}<a href="{text:link two}">{text:link two name}</a>{/block:IfLinkTwoName}
  428.  
  429. </div>
  430. {block:Pagination}
  431. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}
  432. {block:NextPage}<a href="{NextPage}">&raquo;</a></div>{/block:NextPage}
  433. </div>
  434. {/block:Pagination}
  435. </div>
  436.  
  437.  
  438.  
  439. <!-- Please do not remove this, if you do: You MUST give me some form of credit, or I will skin you -->
  440. <div id="credit"><a target="blank"href="http://pevensied.tumblr.com/"><font color="{color:text}">theme by pevensied</a></font></div>
  441.  
  442.  
  443.  
  444. <div id="entries">
  445. {block:Posts}
  446. <div id="posts">
  447.  
  448. {block:Title}
  449. <h1>{title}&nbsp;</h1>{/block:Title}
  450. {block:Text}{Body}
  451. {/block:Text}
  452.  
  453. {block:Quote}
  454. <h2>{quote}</h20>
  455. {/block:Quote}
  456. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  457.  
  458. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  459. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  460.  
  461. {block:Photo}<center>{LinkOpenTag}<div class="photo"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></div>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  462.  
  463. {block:Photoset}<center><div class="photo">{Photoset-500}</div></center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  464.  
  465. {block:Chat}
  466. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  467. {/block:Chat}
  468.  
  469. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  470.  
  471. {block:Answer}
  472. <div class="askposts">
  473. <table style="padding-bottom:5px;margin-bottom:5px;">
  474. <tr>
  475. <td style="vertical-align:top;padding-right:10px;"><img class="askerimg" src="{AskerPortraitURL-30}"></td>
  476. <td style="vertical-align:top;"><div class="questioner">{Asker} said</div><div class="question">{Question}</div></td>
  477. </table>
  478. </div>
  479. <div class="answer">{Answer}</div>
  480. {/block:Answer}
  481.  
  482. {block:Audio}
  483. <div style="min-height:110px;">
  484. <div class="awrap">
  485. <div class="albumart">
  486. {block:AlbumArt}
  487. <div class="trans"><img src="{AlbumArtURL}"></div>
  488. {/block:AlbumArt}
  489. </div>
  490. <div class="audio">{AudioPlayerWhite}</div>
  491. <div class="audio_back"></div>
  492. </div>
  493. <div class="ainfo"><div class="other">
  494. <h3>Plays:</h3>{FormattedPlayCount}<br>
  495. {block:TrackName}
  496. <h3>Song:</h3>{TrackName}
  497. {/block:TrackName}
  498. {block:Artist}
  499. <br><h3>Artist:</h3>{Artist}
  500. {/block:Artist}
  501. {block:Album}<br><h3>Album:</h3>{Album}{/block:Album}</div>
  502. {block:PermalinkPage}{block:Caption}
  503. {Caption}
  504. {/block:Caption}{/block:PermalinkPage}
  505. </div>
  506. </div>{/block:Audio}
  507.  
  508. {block:date}
  509. <div id="info"><a href="{Permalink}">{TimeAgo}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} • via <a href="{ReblogParentURL}">{ReblogParentName}</a> (© <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}{block:HasTags}<br>{block:Tags}— <i><a href="{TagURL}">{Tag}</i></a> {/block:Tags}{/block:HasTags}</div></div><BR>
  510.  
  511. {/block:date}
  512. {block:ContentSource}
  513. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  514. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  515. {/block:SourceLogo}
  516. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  517. {/block:ContentSource}
  518.  
  519.  
  520. {/block:Posts}
  521. {block:PostNotes}{PostNotes}{/block:PostNotes}
  522.  
  523. </div>
  524.  
  525. </body>
  526. </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!