Don't like ads? PRO users don't see any ads ;-)
Public Pastes

theme 06

By: baskervillles on Jul 18th, 2012  |  syntax: None  |  size: 10.96 KB  |  hits: 8,693  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <html>
  2. <head>
  3.  
  4.  
  5. <!--
  6.  
  7.  
  8.               theme by jessica @meliapond.tumblr.com
  9. please no stealing. i worked hard to make this theme, so please leave the credit where it is. this is also NOT a base theme. you also cannot take snipets of the coding to make your own theme. thank you for understanding, and enjoy! for more of my themes go to meliapond.tumblr.com/mythemes. ♥
  10.  
  11.  
  12. -->
  13.  
  14. <title>{title}</title>
  15.  
  16. <link rel="shortcut icon" href="{Favicon}">
  17.  
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21.  <!-- YOU CAN EDIT THIS IN THE APPEARANCE TAB -->
  22.  
  23. <meta name="color:background" content="#ffffff"/>
  24.  
  25. <meta name="color:Text" content="#8f8e8e"/>
  26.  
  27. <meta name="color:Title" content="#da967a"/>
  28.  
  29. <meta name="color:Subtitle" content="#8d8b8b"/>
  30.  
  31. <meta name="color:SideLink Text" content="#ffffff"/>
  32.  
  33. <meta name="color:SideLink Background" content="#ceafa3"/>
  34.  
  35. <meta name="color:SideLink Text Hover" content="#bd9e92"/>
  36.  
  37. <meta name="color:SideLink Background Hover" content="#eedccb"/>
  38.  
  39. <meta name="color:Link" content="#e9b99d"/>
  40.  
  41. <meta name="color:Link Hover" content="#d17c59"/>
  42.  
  43. <meta name="color:image border" content="#dfbaa8"/>
  44.  
  45. <meta name="color:Ask" content="#f5ecd7"/>
  46.  
  47. <meta name="color:Info border" content="#707070"/>
  48.  
  49. <meta name="color:Scrollbar" content="#f5c2b2"/>
  50.  
  51. <meta name="image:sidebar" content=""/>
  52.  
  53. <meta name="color:image border" content=""/>
  54.  
  55. <meta name="text:Subtitle" content="" />
  56.  
  57. <meta name="text:Link1" content="" />
  58.  
  59. <meta name="text:Link1 Title" content="" />
  60.  
  61. <meta name="text:Link2" content="" />
  62.  
  63. <meta name="text:Link2 Title" content="" />
  64.  
  65. <meta name="text:Link3" content="" />
  66.  
  67. <meta name="text:Link3 Title" content="" />
  68.  
  69. <meta name="text:Link4" content="" />
  70.  
  71. <meta name="text:Link4 Title" content="" />
  72.  
  73.  
  74.  
  75.  
  76. <style type="text/css">
  77.  
  78.  
  79. ::-webkit-scrollbar {height: auto;width: 7px;}
  80. ::-webkit-scrollbar-thumb {background-color:{color:scrollbar};}
  81. ::-webkit-scrollbar-track{background-color:{color:background};}
  82.  
  83.  
  84. @font-face {
  85.     font-family: 'Ruthie';
  86.     src: url('http://static.tumblr.com/2bgij48/zoEm4x7ip/ruthie.ttf');
  87. }
  88.  
  89.  
  90. @font-face {
  91.     font-family: 'WebSymbolsRegular';
  92.         src: url('http://static.tumblr.com/ekfbsgu/3q1m4j9nx/websymbols-regular-webfont.ttf');
  93. }
  94.  
  95.  
  96. body {
  97. background-color:{color:background};
  98. color:{color:Text};
  99. font-family:georgia;
  100. font-size:10px;
  101. }
  102.  
  103.  
  104.  
  105. a {
  106. color:{color:Link};
  107. text-decoration: none;
  108. -webkit-transition: all 0.4s ease-in-out;
  109. -moz-transition: all 0.4s ease-in-out;
  110. transition: all 0.4s ease-in-out;
  111. }
  112.  
  113.  
  114. a:hover {
  115. color:{color:Link Hover};
  116. -webkit-transition: all 0.4s ease-in-out;
  117. -moz-transition: all 0.4s ease-in-out;
  118. transition: all 0.4s ease-in-out;
  119. }
  120.  
  121.  
  122. p{
  123. margin-top: 1px
  124. }
  125.  
  126.  
  127.  
  128. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  129.  
  130.  
  131.  
  132.  
  133. #entries{
  134. margin-left: 420px;
  135. margin-top:10px;
  136. width:500px;
  137. margin-bottom:20px;
  138. }
  139.  
  140.  
  141.  
  142.  
  143. #post{
  144. width: 500px;
  145. padding: 30px 0 0px 0;
  146. background-color:{color:background};
  147. margin-bottom:10px;
  148.  
  149.  
  150.  
  151.  
  152. .post img{
  153. margin: 2px 0 2px 0
  154. }
  155.  
  156.  
  157.  
  158.  
  159. h1{
  160. font-family:'georgia';
  161. font-style:italic;
  162. font-size: 15px;
  163. }
  164.  
  165.  
  166.  
  167.  
  168. .qquote{
  169. font-family: 'georgia';
  170. font-size: 15px;
  171. font-style:italic;
  172. margin-left: 0px;
  173. }
  174.  
  175.  
  176.  
  177. .qsource{
  178. margin: 5px 0px 0 20px;
  179. text-align: left;
  180. text-transform: none;
  181. }
  182.  
  183.  
  184.  
  185. .iaudio
  186. margin-bottom: 2px;
  187. width: 100%;
  188. background-color: #transparent}
  189.  
  190.  
  191.  
  192.  
  193. .iaudio img
  194. {max-width: 207px;
  195. height: auto;
  196. padding: 20px 0 0px 0
  197. }
  198.  
  199.  
  200.  
  201. .icap{
  202. margin-top: 5px
  203. }
  204.  
  205.  
  206. #question{
  207. background-color:{color:Ask};
  208. }
  209.  
  210.  
  211.  
  212. .asker {
  213. font-size: 15px;
  214. font-family: 'georgia';
  215. width: 100%;
  216. font-style:italic;
  217. background-color: #transparent;
  218. color:{color:Text};
  219. line-height:20px;
  220. padding-bottom:3px;
  221. }
  222.  
  223.  
  224. .asker img{
  225. margin-top: 3px;
  226. margin-bottom: -3px;
  227. margin-left:3px;
  228. float:left;
  229. }
  230.  
  231.  
  232.  
  233.  
  234. .q {
  235. padding-bottom:10px;
  236. padding-top:-3px;
  237. font-style: italic;
  238. padding-left: 50px;
  239. }
  240.  
  241.  
  242.  
  243.  
  244. .a {
  245. padding-top: 3px
  246. }
  247.  
  248.  
  249.  
  250. .cap {
  251. padding-top: 5px;
  252. width: 500px;
  253. }
  254.  
  255.  
  256.  
  257. #information {
  258. margin-top:-5px;
  259. border-left: 3px solid;
  260. border-top: 1px dotted;
  261. border-color:{color:info border};
  262. padding-left:2px;
  263. -webkit-transition: all 0.5s ease-in-out;
  264. -moz-transition: all 0.5s ease-in-out;
  265. transition: all 0.5s ease-in-out;
  266. }
  267.  
  268.  
  269.  
  270.  
  271. #info {
  272. margin: 0px;
  273. font-size:9px;
  274. text-align: center;
  275. color: #transparent;
  276. padding: 0px;
  277. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  278. background-color: #000000;
  279. padding: 1px;
  280. }
  281.  
  282.  
  283.  
  284.  
  285. .symbols {
  286. font-family:WebSymbolsRegular;
  287. font-size: 9px;
  288. }
  289.  
  290.  
  291.  
  292.  
  293.  
  294. .tags {
  295. color:;
  296. font-size: 9px;
  297. display: inline;
  298. list-style: none;
  299. text-transform: lowercase;
  300. }
  301.  
  302.  
  303.  
  304.  
  305. #notes {
  306.     list-style:none;
  307.     margin-left:-35px;
  308. }
  309.  
  310.  
  311. ol.notes li.note {
  312.     padding:1px;
  313.     list-style: none;
  314. }
  315.    
  316.  
  317. ol.notes li.note img.avatar {
  318.     vertical-align:-7px;
  319.     margin-right:0px;
  320.     width:16px;
  321.     height:16px;
  322. }
  323.  
  324.  
  325.  
  326. #notes img {
  327.     margin-bottom:0px;
  328.     padding:3px;
  329. }
  330.  
  331.  
  332.  
  333.  
  334. #credit {
  335. position:fixed;
  336. width:80px;
  337. right:0px;
  338. bottom:3px;
  339. line-height:5px;
  340. letter-spacing:0px;
  341. font:10px trebuchet ms;
  342. color: {color:text};
  343. text-transform:uppercase;
  344. }
  345.  
  346.  
  347.  
  348.  
  349. #sidebar{
  350. width: 230px;
  351. height:100%;
  352. background-color: {color:background};
  353. position: fixed;
  354. margin-left:130px;
  355. margin-top:-20px;
  356. }
  357.  
  358.  
  359. #Title {
  360. font-family: 'Ruthie';
  361. font-size:30px;
  362. color:{color:Title};
  363. -moz-transform:rotate(-6deg);
  364. -webkit-transform:rotate(-6deg);
  365. margin-left:-20px;
  366. margin-bottom:-12px;
  367. letter-spacing:1px;
  368. text-align:center;
  369. position:relative;
  370. }
  371.  
  372.  
  373.  
  374. #subtitle {
  375. font-family: 'georgia';
  376. font-size:10px;
  377. color:{color:subtitle};
  378. letter-spacing:1px;
  379. text-transform:uppercase;
  380. text-align:center;
  381. position:relative;
  382. }
  383.  
  384.  
  385.  
  386. .sidebardescr{
  387. margin-top:10px;
  388. padding-left:5px;
  389. padding-right:5px;
  390. text-align: center;
  391. }
  392.  
  393.  
  394.  
  395.  
  396. .sidebarimg img{
  397. width: 220px;
  398. height: auto;
  399. margin-top:120px;
  400. text-align:center;
  401. border:5px solid;
  402. border-color: {color:image border};
  403. }
  404.  
  405.  
  406.  
  407. #sidebarlinkstable {
  408. width:200px;
  409. height:250px;
  410. float:right;
  411. margin-top:150px;
  412. margin-left:950px;
  413. text-align:center;
  414. position:fixed;
  415. }
  416.  
  417.  
  418.  
  419.  
  420. .sidebarlinks {
  421. margin-top: 20px;
  422. margin-left: 0px;
  423. padding: 0px;
  424. }
  425.  
  426.  
  427.  
  428.  
  429. .sidebarlinks a{
  430. display: inline-block;
  431. color:{color:SideLink Text};
  432. background-color:{color:SideLink Background};
  433. text-align:center;
  434. font-size:9px;
  435. width: 50px;
  436. height:28px;
  437. padding: 20px 0 2px 0;
  438. margin-bottom: 2px;
  439. text-transform: none;
  440. text-decoration: none;
  441. -webkit-transition: all 0.4s ease-in-out;
  442. -moz-transition: all 0.4s ease-in-out;
  443. transition: all 0.4s ease-in-out;
  444. }
  445.  
  446.  
  447.  
  448.  
  449. .sidebarlinks a:hover{
  450. background-color: {color:SideLink Background hover};
  451. width: 50px;
  452. color: {color:SideLink Text Hover};
  453. padding-right: 0px;
  454. -webkit-transition: all 0.4s ease-in-out;
  455. -moz-transition: all 0.4s ease-in-out;
  456. transition: all 0.4s ease-in-out;
  457. }
  458.  
  459.  
  460.  
  461. #pagination {
  462. margin-top: 10px;
  463. margin-bottom: 10px;
  464. text-align: center;
  465. line-height: 20px;
  466. font-family:'calibri';
  467. font-size: 11px;
  468. font-weight:bold;
  469. }
  470.  
  471.  
  472.  
  473. {CustomCSS}
  474.  
  475. </style>
  476.  
  477.  
  478.  
  479. <body>
  480.  
  481.  
  482. <div id="sidebar">
  483. <br>
  484.  
  485. <div class="sidebarimg"><img
  486.  
  487. src="{image:sidebar}"/></div>
  488.  
  489. <div class="sidebardescr">
  490. {block:Description}{Description}{/block:Description}
  491. </div>
  492.  
  493. </div><br>
  494.  
  495. </div>
  496.  
  497. <div id="sidebarlinkstable">
  498.  
  499. <div id="title">{Title}</div>
  500. <div id="subtitle">{text:Subtitle}</div>
  501.  
  502. <div class="sidebarlinks">
  503.  
  504. {block:HasPages}{block:Pages}
  505.  
  506. <a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}
  507. <a href="/">home</a>
  508. <a href="ask">ask</a>
  509. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a> {/block:ifLink1}
  510. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a> {/block:ifLink2}
  511. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a> {/block:ifLink3}
  512. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a> {/block:ifLink4}</div>
  513.  
  514.  
  515. <div id="pagination">
  516. {block:PreviousPage}<font face="georgia"><a href="{PreviousPage}">←</a></font>{/block:PreviousPage}&nbsp;
  517. {block:JumpPagination length="5"}
  518. {block:CurrentPage}
  519. <span class="jumppag">{PageNumber}</span>&nbsp;
  520. {/block:CurrentPage}
  521. {block:JumpPage}
  522. <a class="jumppaglink" href="{URL}">{PageNumber}</a>&nbsp;
  523. {/block:JumpPage}
  524. {/block:JumpPagination}
  525. {block:NextPage}<font face="georgia"><a href="{NextPage}">→</a></font>{/block:NextPage}
  526. </div>
  527.  
  528.  
  529. </div>
  530.  
  531.  
  532.  
  533. <div id="credit"><a target="blank"href="http://meliapond.tumblr.com/guidelines"><font color="{color:text}">© meliapond</a></font></div>
  534.  
  535.  
  536.  
  537. <div id="entries">
  538.  
  539.  
  540.  
  541.  
  542.  
  543.  
  544. {block:Posts}
  545.  
  546.  
  547.  
  548.  
  549. <div id="post">
  550.  
  551.  
  552. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  553.  
  554. {block:Photo}
  555. {block:IndexPage}
  556. <div id="postbody">
  557. <center><a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></a></div></center>
  558. {/block:IndexPage}
  559. {block:PermalinkPage}
  560. <div id="postbox">
  561. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px">{LinkCloseTag}</center>
  562. </div>
  563. {/block:PermalinkPage}
  564. {/block:Photo}
  565.  
  566. {block:Photoset}{Photoset-500}{/block:Photoset}
  567.  
  568. {block:Quote}
  569. <div class="qquote">“{Quote}”</div>
  570. {block:Source}<div class="qsource">- {Source}</div>{/block:Source}
  571. {/block:Quote}
  572.  
  573. {block:Link}
  574. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  575. {block:Description}{Description}{/block:Description}
  576. {/block:Link}
  577.  
  578. {block:Chat}{block:Title}<t>{Title}</t>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}<br>{/block:Chat}
  579.  
  580. {block:Audio}
  581. <div class="iaudio">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  582. {AudioPlayerGrey}
  583. <div class="icap">{block:Caption}{Caption}{/block:Caption}</div>
  584. {/block:Audio}
  585.  
  586. {block:Video}{Video-500}{/block:Video}
  587.  
  588. {block:Answer}
  589. <div id="question">
  590. <div class="asker"><img src="{AskerPortraitURL-40}">&nbsp;{Asker} asked:</div>
  591. <div class="q">{Question}</div>
  592. </div>
  593. <div class="a">{Answer}</div>
  594. {/block:Answer}
  595.  
  596.  
  597. <div class="cap">
  598. {block:Photo}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  599. {block:Video}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  600. {block:Photoset}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  601.  
  602. </div>
  603.  
  604. </div>
  605.  
  606.  
  607. <div id="information"><div class="ibottom"><div align="left">{block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a><div class="origin">{block:RebloggedFrom}via <a href="{ReblogParentURL}">{ReblogParentName}</a> · © <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}</div></a></div></div>
  608.  
  609.  
  610. <div class="info"><div align='left'>{block:HasTags}{block:Tags}<span class="symbols">,</span> <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div>
  611.  
  612. </div>
  613.  
  614.  {/block:Posts}
  615. {block:PostNotes}
  616. <div id="notes"><div id="notestext">{PostNotes}</div></div>
  617. {/block:PostNotes}
  618.  
  619. </div>
  620.  
  621.  
  622.  
  623.  
  624.  
  625. </html>
create a new version of this paste RAW Paste Data