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

Theme 06

By: hairspoilers on Sep 15th, 2012  |  syntax: None  |  size: 8.40 KB  |  hits: 399  |  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. <THEME MADE BY HAIRSPOILERS
  2.  
  3. do not steal or remove credit. i worked very hard on this.>
  4.  
  5.  
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11. <head><title>{Title}</title>
  12.  
  13. <link rel="shortcut icon" href="{Favicon}">
  14.  
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.  
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19.  
  20.  
  21. <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
  22.  
  23. <script type="text/javascript">
  24.  
  25.   WebFontConfig = {
  26.  
  27.     google: { families: [ 'Source+Sans+Pro::latin' ] }
  28.  
  29.   };
  30.  
  31.   (function() {
  32.  
  33.     var wf = document.createElement('script');
  34.  
  35.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  36.  
  37.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  38.  
  39.     wf.type = 'text/javascript';
  40.  
  41.     wf.async = 'true';
  42.  
  43.     var s = document.getElementsByTagName('script')[0];
  44.  
  45.     s.parentNode.insertBefore(wf, s);
  46.  
  47.   })(); </script>
  48.  
  49.  
  50.  
  51. <meta name="color:Background" content="#ffffff"/>
  52.  
  53. <meta name="color:scrollbar" content="#ffffff"/>
  54.  
  55. <meta name="color:sidelinks background" content="#ffffff"/>
  56.  
  57. <meta name="color:Text" content="#838282"/>
  58.  
  59. <meta name="colorSbbackground" content="#ffffff"/>
  60.  
  61. <meta name="color:Links" content="#b8b8b8"/>
  62.  
  63. <meta name="color:Notes Background" content="#b8b8b8"/>
  64.  
  65. <meta name="image:sidebar" content=""/>
  66.  
  67. <meta name="text:Link1" content="" />
  68.  
  69. <meta name="text:Link1 Title" content="" />
  70.  
  71. <meta name="text:Link2" content="" />
  72.  
  73. <meta name="text:Link2 Title" content="" />
  74.  
  75. <meta name="text:Link3" content="" />
  76.  
  77. <meta name="text:Link3 Title" content="" />
  78.  
  79. <meta name="text:Link3" content="" />
  80.  
  81.  
  82.  
  83.  
  84.  
  85. <style type="text/css">
  86.  
  87.  
  88.  
  89.  
  90.  
  91. @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
  92.  
  93.  
  94.  
  95.  
  96.  
  97. body {
  98.  
  99.     background:{color:background}; url('{image:background}')
  100.  
  101.        background-image: url('{image:background}');
  102.  
  103.     background-position:bottom right;
  104.  
  105.     background-repeat:no-repeat;
  106.  
  107.     margin:0px;
  108.  
  109.     color:{color:text};
  110.  
  111.     font-family:Calibri;
  112.  
  113.     font-size:10px;
  114.  
  115.     line-height:100%;
  116.  
  117. }
  118.  
  119.  
  120.  
  121. a {
  122.  
  123.     text-decoration:none;
  124.  
  125.     outline:none;
  126.  
  127.     -moz-outline-style:none;
  128.  
  129.     color:{color:links};
  130.  
  131. }
  132.  
  133.  
  134.  
  135. a {
  136.  
  137. color:{color:Links};
  138.  
  139. text-decoration: none;
  140.  
  141. -webkit-transition: all 0.4s ease-in-out;
  142.  
  143. -moz-transition: all 0.4s ease-in-out;
  144.  
  145. transition: all 0.4s ease-in-out;
  146.  
  147. }
  148.  
  149.  
  150.  
  151. img {
  152.  
  153.     border:none;
  154.  
  155. }
  156.  
  157.  
  158.  
  159. blockquote {
  160.  
  161.     padding-left:5px;
  162.  
  163.     border-left:2px solid;
  164.  
  165. }
  166.  
  167.    
  168.  
  169. blockquote blockquote {
  170.  
  171.     padding-left:5px;
  172.  
  173.     border-left:2px solid;
  174.  
  175. }
  176.  
  177.  
  178.  
  179. h1 {
  180.  
  181.     font-size:15px;
  182.  
  183. }
  184.  
  185.  
  186.  
  187. iframe#tumblr_controls {
  188.  
  189.     top:5px !important;
  190.  
  191.     right:5px !important;
  192.  
  193.     margin-right:15px;
  194.  
  195.     }
  196.  
  197.    
  198.  
  199.     ::-webkit-scrollbar-thumb:vertical {
  200.  
  201.     background-color:{color:scrollbar};
  202.  
  203.     height:70px;
  204.  
  205.     }
  206.  
  207.  
  208.  
  209. ::-webkit-scrollbar-thumb:horizontal {
  210.  
  211.     background-color:{color:scrollbar};
  212.  
  213.     height:70px!important;
  214.  
  215.     }
  216.  
  217.  
  218.  
  219. ::-webkit-scrollbar {
  220.  
  221.     background-color:{color:Background};
  222.  
  223.     height:10px;
  224.  
  225.     width:5px;
  226.  
  227.     }
  228.  
  229.      
  230.  
  231. #entries {
  232.  
  233.     padding:10px;
  234.  
  235.     width:500px;
  236.  
  237.     margin-left:500px;
  238.  
  239.     margin-top:40px;
  240.  
  241. }
  242.  
  243.  
  244.  
  245. #posts{width:500px; background-color:{color:entry}; margin-bottom:9px; padding:5px;}
  246.  
  247.  
  248.  
  249. #sidebar {
  250.  
  251.     width:150px;
  252.  
  253.     position:fixed;
  254.  
  255.     margin-left:250px;
  256.  
  257.     margin-top:160px;
  258.  
  259. }
  260.  
  261.  
  262.  
  263.  
  264.  
  265.  #container {
  266.  
  267. width:150px;
  268.  
  269. height:16px;
  270.  
  271. overflow:hidden;
  272.  
  273. -webkit-transition: all 1s ease;
  274.  
  275. -moz-transition: all 1s ease;
  276.  
  277. -o-transition: all 1s ease
  278.  
  279. }
  280.  
  281.  
  282.  
  283. #container:hover{
  284.  
  285. height: 117px;
  286.  
  287. }
  288.  
  289.  
  290.  
  291. #visible_label a {
  292.  
  293. font: 9px/16px Georgia, "Times New Roman", Times, serif;
  294.  
  295. text-align: center;
  296.  
  297. background-color: {color:sidelinks background};
  298.  
  299. color: {color:links};
  300.  
  301. width: 150px;
  302.  
  303. display: block;
  304.  
  305. -webkit-transition: all 2s ease;
  306.  
  307. -moz-transition: all 2s ease;
  308.  
  309. -o-transition: all 2s ease
  310.  
  311. }
  312.  
  313.  
  314.  
  315. #invisible_label a{
  316.  
  317. font: 9px/16px Georgia, "Times New Roman", Times, serif;
  318.  
  319. text-align: center;
  320.  
  321. background-color: {color:sidelinks background};
  322.  
  323. color: {color:links};
  324.  
  325. -webkit-transition: all 0.8s ease;
  326.  
  327. -moz-transition: all 0.8s ease;
  328.  
  329. -o-transition: all 0.8s ease;
  330.  
  331. display:block;
  332.  
  333. padding:0px;
  334.  
  335. }
  336.  
  337.  
  338.  
  339. #invisible_label a:hover{
  340.  
  341. background-color: {color:sidelinks background};
  342.  
  343. color: {color:sidelinks background};
  344.  
  345. }
  346.  
  347.  
  348.  
  349. #sidebar .links {
  350.  
  351.     background-color: {*color:Primary Color};
  352.  
  353.         color:{color:Side Links Text};
  354.  
  355.     font-size: 9px;
  356.  
  357.     text-align: center;
  358.  
  359.     padding: 3px 5px;
  360.  
  361.        
  362.  
  363. }
  364.  
  365.  
  366.  
  367.  
  368.  
  369.  
  370.  
  371. #title {
  372.  
  373. font-family: 'Source Sans Pro', sans-serif;
  374.  
  375. font-size:15px;
  376.  
  377. color:{color:Title};
  378.  
  379. margin-top:0px;
  380.  
  381. margin-bottom: 5px;
  382.  
  383. letter-spacing:1px;
  384.  
  385. text-align:center;
  386.  
  387. position:relative;
  388.  
  389. }
  390.  
  391.  
  392.  
  393.  
  394.  transition-duration: 0.6s;  -moz-transition-duration: 0.6s;  -webkit-transition-duration: 0.6s;  -o-transition-duration: 0.6s;
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402.  
  403.  
  404.  
  405. #sidebarimage {
  406.  
  407.     width 150px;
  408.  
  409. }
  410.  
  411.  
  412.  
  413. #sidebarimage img {
  414.  
  415.     width:150px;
  416.  
  417. }
  418.  
  419.  
  420.  
  421. #description {
  422.  
  423.     padding:5px;
  424.  
  425.     text-align:center;
  426.  
  427. }
  428.  
  429.  
  430. #pagination {
  431.  
  432.     font-size:20px;
  433.  
  434.     text-align:center;
  435.  
  436. }
  437.  
  438.  
  439.  
  440. #info {
  441.  
  442. margin: 0px;
  443.  
  444. font-size:9px;
  445.  
  446. text-align: center;
  447.  
  448. color: #transparent;
  449.  
  450. padding: 1px;
  451.  
  452. font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;
  453.  
  454. background-color: {color:Notes Background};
  455.  
  456. padding: 1px;
  457.  
  458. }
  459.  
  460. }
  461.  
  462.  
  463.  
  464. #asker {
  465.  
  466.     float:left;
  467.  
  468.     margin-right:5px;
  469.  
  470. }
  471.  
  472.  
  473. {CustomCSS}</style></head><body>
  474.  
  475.  
  476.  
  477.  
  478.  
  479. <div id="sidebackground"><div id="leftbar"></div></div>
  480.  
  481.  
  482.  
  483.  {block:Text}
  484.  
  485. {block:Title}<h1>{Title}</h1>{/block:Title}
  486.  
  487. {Body}
  488.  
  489. {/block:Text}
  490.  
  491. <div id="sidebar">
  492.  
  493.  
  494.  
  495.  
  496.  
  497.  
  498.  
  499. <div id="title">{Title}</div>
  500.  
  501.  
  502.  
  503. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  504.  
  505.  
  506.  
  507.  
  508.  
  509. <div id="container">
  510.  
  511.  
  512.  
  513. <div id="visible_label" align="center"><a title="hover for more">links</a></div>
  514.  
  515.  
  516.  
  517. <div id="invisible_label">
  518.  
  519. <a href="/">home</a>
  520.  
  521. <a href="/ask">message</a>
  522.  
  523. <a href="http://hairspoilers.tumblr.com">theme</a>
  524.  
  525. <a href="{text:Link1}">{text:Link1 Title}</a>
  526.  
  527. <a href="{text:Link2}">{text:Link2 Title}</a>
  528.  
  529. <a href="{text:Link3}">{text:Link3 Title}</a>
  530.  
  531. <a href="{text:Link4}">{text:Link4 Title}</a>
  532.  
  533. </div></div>
  534.  
  535. <div id="description">{Description}</div>
  536.    
  537.              <div id="pagination">
  538.  
  539.  
  540.  
  541. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">↽</a>{/block:PreviousPage}
  542.  
  543.  
  544.  
  545. {block:NextPage}<a href="{NextPage}">⇁</a>{block:NextPage}{/block:Pagination}
  546.  
  547.  
  548.     </div></div></div>
  549.  
  550.  
  551.  
  552. <div id="entries">{block:Posts}<div id="post">
  553.  
  554.  
  555.  
  556. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  557.  
  558.  
  559.  
  560. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  561.  
  562.  
  563.  
  564. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  565.  
  566.  
  567.  
  568. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  569.  
  570.  
  571.  
  572. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  573.  
  574.  
  575.  
  576. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  577.  
  578.  
  579.  
  580. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  581.  
  582.  
  583.  
  584. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  585.  
  586.  
  587.  
  588. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  589.  
  590.  
  591.  
  592. <div id="info">
  593.  
  594. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  595.  
  596. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  597.  
  598. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  599.  
  600.  
  601.  
  602. </div>
  603.  
  604. {block:PostNotes}{PostNotes}{/block:PostNotes}
  605.  
  606. {/block:Posts}</div>
  607.  
  608.  
  609. </body></html>
create a new version of this paste RAW Paste Data