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

theme 002

By: rockvatoz on Jul 17th, 2012  |  syntax: None  |  size: 11.42 KB  |  hits: 1,529  |  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- Theme by giulia(rockvatoz.tumblr.com). Please don't remove the credit. -->
  4.  
  5. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7.  
  8.  
  9.     <meta name="color:sbar" content="#f7f3e4" />
  10.     <meta name="color:bg" content="#fdfdfc" />
  11.     <meta name="color:border" content="#e9ded0" />
  12.     <meta name="color:link hover" content="#E2D6C9" />
  13.     <meta name="color:text" content="##ccc3b9" />
  14.     <meta name="color:link" content="#DFCBB7" />
  15.    
  16.     <meta name="text:Link1" content="/" />
  17.     <meta name="text:Link1 Title" content="link1" />
  18.     <meta name="text:Link2" content="/" />
  19.     <meta name="text:Link2 Title" content="link2" />
  20.     <meta name="text:Link3" content="/" />
  21.     <meta name="text:Link3 Title" content="link3" />
  22.     <meta name="text:Link4" content="/" />
  23.     <meta name="text:Link4 Title" content="link4" />
  24.     <meta name="text:Link5" content="/" />
  25.     <meta name="text:Link5 Title" content="link5" />
  26.  
  27.     <meta name="image:sbar" content="" />
  28.    
  29.     <meta name="if:icon" content="1" />
  30.  
  31.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  32.     <title>{Title}</title>
  33.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34.     <link rel="shortcut icon" href="{Favicon}" />
  35.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  36.     <style type="text/css">
  37.  
  38. ::-webkit-scrollbar {width: 10px; height:auto; background:{color:bg}}
  39. ::-webkit-scrollbar-corner {background:{color:bg}}
  40. ::-webkit-scrollbar-button:vertical {height:4px; display: block; background:{color:border}}
  41. ::-webkit-scrollbar-button:horizontal {width: 7px; height: 4px; display: block; background:{color:border}}
  42. ::-webkit-scrollbar-thumb:vertical {background:{color:border}; border-top: 1px solid {color:border}; border-bottom: 1px solid {color:bg}}
  43. ::-webkit-scrollbar-thumb:horizontal {background: {color:bg}; border: 0px solid {color:bg}}
  44. ::-webkit-scrollbar-thumb {background: {color:scroll}; border-top: 0pt solid {color:bg}; border-bottom: 0pt solid {color:bg}}
  45. ::-webkit-scrollbar-thumb:hover {background: {color:scroll}; cursor:url(http://i53.tinypic.com/zycxmw.png), auto}
  46. ::-webkit-scrollbar-track-piece {background: {color:bg}; border-top: 1pt solid {color:bg}; border-bottom: 1pt solid {color:bg}; width:4pt}
  47.  
  48.  
  49. body {
  50.     color:{color:text};
  51.     background-color:{color:bg};
  52.     background-attachment:fixed;
  53.     font-family:calibri;
  54.     font-size:10px;
  55.     line-height:8px;
  56.     text-align:justify
  57.     }
  58.  
  59. a:link,
  60. a:active,
  61. a:visited{
  62.     color:{color:link};
  63.     text-decoration:none
  64.     }
  65. a:hover{
  66.     color:{color:link hover};
  67.     text-decoration:underline;
  68.     }
  69.  
  70. small{
  71.     font-size:10px;
  72.     line-height:110%
  73.     }
  74.    
  75. big {
  76.     font-size:14px;
  77.     line-height:110%
  78.     }
  79.    
  80. b, strong{
  81.     color:{color:text}
  82.     }
  83.    
  84. i, em {
  85.     color:{color:text}
  86.     }
  87.    
  88. p {
  89.     margin-top:5px;
  90.     margin-bottom:5px
  91.     }
  92. blockquote {
  93.     padding:0px;
  94.     padding-left:5px;
  95.     margin:5px;
  96.     border-left:2px solid
  97.     {color:text}
  98.     }
  99.    
  100. blockquote img {
  101.     max-width:400px
  102.     }
  103.    
  104. ul, li img {
  105.     max-with:250px
  106.     }
  107.  
  108. img a{
  109.     border:none;
  110.     width:100%
  111.     }
  112.  
  113. #container {
  114.     background-color:transparent;
  115.     width: 640px;
  116.     text-align: center;
  117.     margin: 0 auto -12px auto
  118.     }
  119.  
  120. #entries {
  121.     margin: 20px 0 -10px 260px;
  122.     margin-right:0px;
  123.     float:right;
  124.     text-align: justify
  125.     }
  126.  
  127. #entry {
  128.     margin: 0px 0 0px 0;
  129.     width: 500px;
  130.     background-color:{color:bg};
  131.     text-align: justify;
  132.     padding: 4px;
  133.     -webkit-border-radius: 2px;
  134.     -moz-border-radius: 2px;
  135.     border-radius: 2px;
  136.     }
  137.  
  138. #info2 {
  139.     font-family:calibri
  140.     font-size:10px;
  141.     text-align:left;
  142.     padding: 5px;
  143.     }
  144.  
  145. #source2 {
  146.     text-align:left;
  147.     display:block;
  148.     margin:-2px -4px 2px -5px;
  149.     padding:2px;
  150.     font-family:calibri;
  151.     text-transform:lowercase;
  152.     font-size:10px;
  153.     opacity:0.8;
  154.     letter-spacing:0px;
  155.     }
  156.  
  157. #border {
  158.     margin-top:6px;
  159.     border-top: 2px solid
  160.     {color:border};
  161.     }
  162.  
  163. h1{
  164.     color:{color:text};
  165.     font-family:calibri;
  166.     font-size:12px;
  167.     line-height:14px;
  168.     letter-spacing:1px;
  169.     font-weight:normal;
  170.     text-transform:uppercase;
  171.     margin:0px;
  172.     padding:0px;
  173.     text-align:center
  174.     }
  175.  
  176. h2{
  177.     color:{color:text};
  178.     font-family:calibri;
  179.     font-size:16px;
  180.    
  181.     ght:16px;
  182.     letter-spacing:-1px;
  183.     font-weight:normal;
  184.     text-transform:none;
  185.     margin:0px;
  186.     padding:0px;
  187.     text-align:left
  188.     }
  189.  
  190. #credit {
  191.     font-family:calibri;
  192.     font-size:10px;
  193.     text-transform:uppercase;
  194.     }
  195.  
  196. #sidebar {
  197.     top: 120px;
  198.     margin-left:-175px;
  199.     padding:0px;
  200.     width: 250px;
  201.     position:fixed
  202.     }
  203.  
  204. #sidebar:hover
  205. .nav{
  206.     opacity:1;
  207.     display:block;
  208.     }
  209.  
  210. #simg img{
  211.     max-width:250px
  212.     }
  213.  
  214. #navigation {}
  215.  
  216. .nav {
  217.     margin-top:10px;
  218.     font:11px calibri;
  219.     text-align:center;
  220.     opacity:0;
  221.     -webkit-transition:0.3s linear;
  222.     }
  223.    
  224. .nav a{
  225.     color:{color:link};
  226.     text-transform:none;
  227.     letter-spacing:0px
  228.     padding:15px
  229.     }
  230.    
  231. .nav a:hover {
  232.     text-decoration:italic;
  233.     color:#adb6b3;
  234.     text-shadow:2px 0 0 rgba(244,0,0,0.2), -2px 0 0 rgba(0,244,0,0.2);
  235.     -webkit-transition: all 0.1s linear;
  236.     -moz-transition: all 0.1s linear;
  237.     transition: all 0.1s linear;}
  238.  
  239.  
  240. #side2{
  241.     background-color: {color:sbar};
  242.     top: 120px;
  243.     margin-left:670px;
  244.     padding:5px;
  245.     width: 200px;
  246.     position:fixed;
  247.     border-left:2px solid {color:border};
  248.     float:left;
  249.     margin-top:0px;
  250.     text-align:left
  251.     }
  252.  
  253. #stext {
  254.     text-align:left;
  255.     font-family: calibri;
  256.     font-size: 11px;
  257.     line-height:12px;
  258.     padding:0px;
  259.     margin-top:-4px
  260.     }
  261.  
  262.  #icon {
  263.      text-align: right;
  264.      display:block;
  265.      margin:2px 0px 2px 0px;
  266.      padding:2px;}
  267.  
  268.  #icon img {
  269.      float:right;
  270.      display: inline;
  271.      max-width: 50px;
  272.      margin-left:10px;
  273.      margin-top:1px;
  274.      border: 2px solid {color:border};
  275.      }
  276.  
  277. #description2 {
  278.     background-color: transparent;
  279.     padding:5px;
  280.     float:left;
  281.     width:250px;
  282.     margin-top:-6px;
  283.     text-align:center
  284.     }
  285.  
  286. #pagination {
  287.     text-transform:uppercase;
  288.     letter-spacing:4px;
  289.     font-size:12px;
  290.     font-family:georgia;
  291.     margin-top:0px
  292.     }
  293.  
  294.  #icon
  295.  {
  296.      text-align: right;
  297.      display:block;
  298.      margin:1px 0px 2px 0px;
  299.      padding:2px;
  300.      }
  301.  
  302.  #icon img
  303.  {
  304.      float:right;
  305.      padding:2px
  306.      display: inline;
  307.      max-width: 50px;
  308.      margin-left:10px;
  309.      margin-top:0px;
  310.      border: 2px solid {color:border};
  311.      }
  312.  
  313. #questions
  314. {
  315.     background-color: {color:text}
  316.     color: {color:text};
  317.     padding:7px;
  318.     margin-top: 1px;
  319.     margin-bottom:5px;
  320.     font-family:georgia;
  321.     font-size:10px;
  322.     text-transform:lowercase;
  323.    text-align:center}
  324.    
  325. #questions
  326. a{color:{color:link}}
  327.  
  328.  
  329. .user_1 .label, .user_3 .label, .user_5 .label, .user_7 .label, .user_9 .label, .user_11 .label, .user_13 .label  {
  330.     color:{color:link};
  331.     font-weight:bold
  332.     }
  333.    
  334. .user_2 .label, .user_4 .label, .user_6 .label, .user_8 .label, .user_10 .label, .user_12 .label, .user_14 .label {
  335.     color:{color:text};
  336.     font-weight:bold
  337.     }
  338.    
  339. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px; font-family:calibri; font-size:10px; line-height:9px}
  340.  
  341. .notes img{
  342.     width:10px;
  343.     position:relative; top:1px
  344.     }
  345. ol.notes, .notes li{
  346.     width:490px;
  347.     list-style:none;
  348.     margin:4px 0 -3px 5px;
  349.     padding:0px
  350.     }
  351.  
  352. </style>
  353. <style type="text/css">{CustomCSS}</style>
  354. </head>
  355. <body>
  356.  
  357. <div id="container">
  358.  
  359. <div id="sidebar">
  360. <div align="center" id="simg"><a href="/"><img src="{image:sbar}" /></a></div>
  361.  
  362. <div class="nav">
  363. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}  ☆  
  364. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}  ☆  
  365. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}  ☆
  366. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}  ☆  
  367. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}</div><br>
  368.  
  369. <div id="description2">
  370.  
  371. {block:Pagination}<div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}</div>{/block:Pagination}
  372.  
  373. </div>
  374.  
  375. </div>
  376.  
  377.  <div id="side2">
  378.  
  379. {block:ificon}<div id="icon"><img src="{PortraitURL-64}"></div>{/block:ificon}
  380. <div align="left" id="stext">{Description}</div></div><br>
  381.  
  382.  
  383. <div id="entries">
  384.  
  385. {block:Posts}
  386. <div id="entry">
  387.  
  388. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  389.  
  390. {block:Quote}<h2>“{Quote}”</h2>{block:Source}<br><div align="right" style="font-size:10px">— {Source}</div>{/block:Source}{/block:Quote}
  391.  
  392. {block:Link}<a href="{URL}"><h1>{Name}</h1></a>
  393. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  394.  
  395. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  396. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  397.  
  398. {block:Photoset}<center>{Photoset-500}</center>
  399. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  400.  
  401. {block:Chat}
  402. <div style="
  403. font-family:calibri;
  404. font-size:12px;
  405. line-height:12px;
  406. font-weight:normal;
  407. text-transform:none;
  408. margin-bottom:3px;
  409. text-align:left">{Title}</div><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}
  410.  
  411. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  412.  
  413. {block:Answer}<div id="questions">{asker} → asked: {Question}<br /></div>
  414. {Answer}{/block:answer}
  415.  
  416. {block:Audio}<div id="_">{block:AlbumArt}<img src="{AlbumArtURL}" width="100px" height="100px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  417. {block:TrackName}<b>title:</b> {TrackName}<br />{/block:TrackName}
  418. {block:Artist}<b>artist:</b> {Artist}<br />{/block:Artist}
  419. {block:ExternalAudio}<b>download:</b> <a href="{ExternalAudioURL}" height="300px" >click here</a><br />{/block:ExternalAudio}<b>played:</b> {PlayCount} times
  420. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  421.  
  422.  
  423. <div id="border"></div>
  424. <div id="info2">
  425. <div id="source2">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{block:RebloggedFrom} + <a href="{ReblogParentURL}">via</a>/{block:ContentSource}<a href="{SourceURL}">source</a>{/block:ContentSource}{/block:RebloggedFrom} + <a href="{ReblogURL}" target="_blank" class="details"><img src="http://assets.tumblr.com/images/note_reblog.png" height="8.5" title="reblog this"/></a>
  426. <br>{block:HasTags}{block:Tags}#<a href="/tagged/{tag}">{Tag}</a> {/block:Tags}{/block:HasTags}</div></div></div><br />
  427.    
  428. {/block:Posts}
  429. {block:PostNotes}{PostNotes}{/block:PostNotes}
  430.  
  431. </div>
  432. <div id="credit" style="position:fixed; color:{color:text}; bottom:8px; right:10px;"><a href="http://rockvatoz.tumblr.com/tagged/themes" title="theme by rockvatoz" target="_blank">theme</a></div>
  433.  
  434. </body>
  435. </html>
create a new version of this paste RAW Paste Data