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

Theme 004 - 300px

By: JayDuff28 on Dec 8th, 2011  |  syntax: None  |  size: 16.71 KB  |  hits: 13,282  |  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.         <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="{LANG_DIR}">
  4.  
  5.         <head>
  6.  
  7.         <!-- DEFAULT VALUES -->
  8.         <meta name="color:Background" content="#1f1916" />
  9.         <meta name="color:Outer" content="#2a2220" />
  10.         <meta name="color:Posts" content="#211b19" />
  11.         <meta name="color:Accent" content="#28211e" />
  12.         <meta name="color:Sidebar" content="#211b19" />
  13.         <meta name="color:Text" content="#9c8869" />
  14.         <meta name="color:Title" content="#a2865a" />
  15.        
  16.         <meta name="color:Links" content="#ad5365" />
  17.         <meta name="color:Linkshover" content="#c6596e" />
  18.  
  19.         <meta name="text:Extra Link One Url" content="" />
  20.         <meta name="text:Extra Link One Title" content="" />
  21.         <meta name="text:Extra Link Two Url" content="" />
  22.         <meta name="text:Extra Link Two Title" content="" />
  23.         <meta name="text:Extra Link Three Url" content="" />
  24.         <meta name="text:Extra Link Three Title" content="" />
  25.         <meta name="text:Extra Link Four Url" content="" />
  26.         <meta name="text:Extra Link Four Title" content="" />
  27.  
  28.         <meta name="font:Title" content="Century Gothic" />
  29.         <meta name="font:Body" content="Helvetica" />
  30.  
  31.         <meta name="image:Background" content="" />
  32.  
  33.         <meta name="image:Sidebar" content="http://static.tumblr.com/b3ov7md/ODRlvvhjz/300pxsidebar.png"/>
  34.  
  35.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  36.         <title>{Title}</title>
  37.         <link rel="shortcut icon" href="{Favicon}" />
  38.         <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  39.  
  40.  
  41.         <style type="text/css">
  42.  
  43.         /*
  44.         Theme Name: Theme 004
  45.         Description: Tumblr Theme 004 (I don't have a creative~ name)
  46.         Author: Jay
  47.         Version: 1 (300px Sidebar)
  48.         Comments: Don't remove my credit or anything of that sort.
  49.         Author URI: http://pruehalliwells.tumblr.com
  50.         */
  51.  
  52.         a:focus {
  53.                 outline: none;
  54.         }
  55.  
  56.         a img, a img.preview, a:link img, a:visited img, a:hover {
  57.                  border: none;
  58.                  text-decoration: none;
  59.         }
  60.  
  61.         a, a:link, a:visited  {
  62.                 background-color:;  
  63.                 color:{color:Links};
  64.                 cursor:pointer;
  65.                 font-family:{font:Body};
  66.                 font-weight: normal;
  67.                 letter-spacing: px;
  68.                 text-decoration: none;
  69.                 -webkit-transition: all 0.4s ease-out;
  70.                 -moz-transition: all 0.4s ease-out;
  71.                 transition: all 0.4s ease-out;
  72.  
  73.         }
  74.  
  75.         a:hover {
  76.                 color:{color:Linkshover};
  77.                 -webkit-transition: all 0.4s ease-out;
  78.                 -moz-transition: all 0.4s ease-out;
  79.                 transition: all 0.4s ease-out;
  80.  
  81.         }
  82.  
  83.         .accent  {
  84.                 background-color:{color:Posts};
  85.                 border-left: 8px solid {color:Links};
  86.                 color:{color:Body};
  87.                 font-family:{font:Text};
  88.                 font-size:6pt;
  89.                 margin-top:5px;
  90.                 margin-bottom:0px;
  91.                 margin-left:0px;
  92.                 margin-right:1px;
  93.                 overflow:hidden;
  94.                 padding-top:3px;
  95.                 padding-bottom:3px;
  96.                 padding-left:3px;
  97.                 padding-right:3px;
  98.                 text-transform: uppercase;
  99.                 -webkit-transition: all 0.4s ease-out;
  100.                 -moz-transition: all 0.4s ease-out;
  101.                 transition: all 0.4s ease-out;
  102.  
  103.         }
  104.  
  105.         .accent a, .accent a:link, .accent a:visited  {
  106.                 color:{color:Text};
  107.                 cursor:pointer;
  108.                 font-family: {font:Text};
  109.                 font-style:none;
  110.                 font-weight: normal;
  111.                 letter-spacing: 0px;
  112.                 padding-left:1px;
  113.                 text-decoration: none;
  114.                 -webkit-transition: all 0.4s ease-out;
  115.                 -moz-transition: all 0.4s ease-out;
  116.                 transition: all 0.4s ease-out;
  117.         }
  118.  
  119.         .accent a:hover {
  120.                 color:{color:Links};
  121.                 letter-spacing:3px;
  122.                 -webkit-transition: all 0.4s ease-out;
  123.                 -moz-transition: all 0.4s ease-out;
  124.                 transition: all 0.4s ease-out;
  125.         }
  126.  
  127.         .asks {
  128.                 background-color: {color:Accent};
  129.                 color:{color:Text};
  130.                 font-family:{font:Body};
  131.                 font-size:7pt;
  132.                 margin-bottom:5px;
  133.                 margin-left:0px;
  134.                 margin-right:0px;
  135.                 padding-top:5px;
  136.                 padding-bottom:3px;
  137.                 padding-left:3px;
  138.                 padding-right:3px;
  139.                 text-align: left;
  140.  
  141.         }
  142.  
  143.         body,
  144.         html {
  145.                 background-attachment:fixed;
  146.                 background-color: {color:Background};
  147.                 background-image: url('{image:Background}');
  148.                 background-repeat: repeat;
  149.                 font-family:{font:Body};
  150.                 margin:0;
  151.                 padding:0;
  152.  
  153.  
  154.         }
  155.  
  156.         blockquote {
  157.                 border-left: 3px solid {color:Links};
  158.                 color: {color:Text};
  159.                 margin-left: 15px;
  160.                 padding-left: 4px;
  161.                 padding-top:0;
  162.                 padding-right:0;
  163.                 padding-bottom:0;
  164.  
  165.         }
  166.  
  167.         #cage {
  168.                 margin:0 auto;
  169.                 overflow : auto ;
  170.                 width:975px;
  171.         }
  172.  
  173.         .chat .line{
  174.                 color: {color:Text};
  175.                 margin: 0 0 1px;
  176.                 padding: 2px;
  177.  
  178.         }
  179.  
  180.         .chat .line.odd{
  181.                 background-color:{color:Accent};
  182.                 color: {color:Text2};
  183.  
  184.         }
  185.  
  186.         .clear {
  187.                 clear: both;
  188.                 height:1px;
  189.  
  190.         }
  191.  
  192.         img {
  193.                 border:none;
  194.  
  195.         }
  196.  
  197.  
  198.         h1 {
  199.                 color: {color:Title};
  200.                 font-family: {font:Title};
  201.                 font-size:12px;
  202.                 font-style: italic;
  203.                 font-weight: normal;
  204.                 margin:0;
  205.                 margin-bottom:1px;
  206.         }
  207.  
  208.         h2 {
  209.                 color: {color:Title};
  210.                 font-family: {font:Title};
  211.                 font-size:10pt;
  212.                 font-style: normal;
  213.                 font-weight: normal;
  214.                 margin:0 0 0;
  215.         }
  216.  
  217.         #main {
  218.                 float:left;
  219.                 margin-top:25px;
  220.                 margin-bottom:8px;
  221.                 margin-left:144px;
  222.                 width:526px;
  223.         }
  224.  
  225.         #main img {
  226.                 max-width:500px;
  227.  
  228.         }
  229.  
  230.         .navi {
  231.                 font-family: {font:Body};
  232.                 font-size: 6pt;
  233.                 text-align:left;
  234.                 text-transform: uppercase;
  235.                 width:100%;
  236.         }
  237.  
  238.         .navi ul{
  239.                 list-style-type: none;
  240.                 padding-left:0px;
  241.                 margin:0;
  242.         }
  243.  
  244.         .navi li {
  245.                 background-color:{color:Posts};
  246.                 border-left: 8px solid {color:Links};
  247.                 color:{color:Text};
  248.                 list-style-type: none;
  249.                 margin-bottom:1px;
  250.                 padding: 1px;
  251.                 padding-left: 4px;
  252.                 text-align:left;
  253.                 -webkit-transition: all 0.5s ease-out;
  254.                 -moz-transition: all 0.5s ease-out;
  255.                 transition: all 0.5s ease-out;
  256.         }
  257.  
  258.         .navi li:hover {
  259.                 background-color:{color:Accent};
  260.                 color:{color:Posts};
  261.                 -webkit-transition: all 0.5s ease-out;
  262.                 -moz-transition: all 0.5s ease-out;
  263.                 transition: all 0.5s ease-out;
  264.  
  265.         }
  266.  
  267.  
  268.  
  269.         .navi a, .navi a:link, .navi a:visited  {
  270.                 color:{color:Text};
  271.                 cursor:pointer;
  272.                 font-family: {font:Body};
  273.                 font-style:none;
  274.                 font-weight: normal;
  275.                 letter-spacing: 1px;
  276.                 padding-left:1px;
  277.                 text-decoration: none;
  278.                 -webkit-transition: all 0.5s ease-out;
  279.                 -moz-transition: all 0.5s ease-out;
  280.                 transition: all 0.5s ease-out;
  281.         }
  282.  
  283.         .navi a:hover {
  284.                 border-left: 3px solid color:{color:Linkshover};
  285.                 color:{color:Links};
  286.                 letter-spacing:3px;
  287.                 -webkit-transition: all 0.5s ease-out;
  288.                 -moz-transition: all 0.5s ease-out;
  289.                 transition: all 0.5s ease-out;
  290.         }
  291.  
  292.         ol.pnotes {
  293.                 float:left;
  294.                 margin-left:-25px;
  295.                 width:514px;
  296.                 text-align:left;
  297.         }
  298.  
  299.         ol.pnotes li.pnote {
  300.                 background-color:{color:Posts};
  301.                 list-style-type: none;
  302.                 margin-bottom:1px;
  303.                 padding: 2px;
  304.                 text-align:left;
  305.         }
  306.  
  307.         ol.pnotes li.pnote img.avatar {
  308.                 height: 10px;
  309.                 vertical-align: -4px;
  310.                 margin-right: 10px;
  311.                 width: 10px;
  312.         }
  313.  
  314.         ol.pnotes li.pnote span.action {
  315.                 list-style-type: none;
  316.                 font-weight: normal;
  317.         }
  318.  
  319.         ol.pnotes li.pnote .answer_content {
  320.                 list-style-type: none;
  321.                 font-weight: normal;
  322.         }
  323.  
  324.         .outer {
  325.                 background-color:{color:Outer};
  326.                 padding-top:5px;
  327.                 padding-bottom:5px;
  328.                 padding-left:5px;
  329.                 padding-right:5px;
  330.         }
  331.  
  332.         .pagenumbers {
  333.                 color:{color:Text};
  334.                 font-family:{font:Body};
  335.                 font-size:9px;
  336.                 margin-top:-3px;
  337.                 margin-bottom:5px;
  338.                 padding-top:5px;
  339.                 padding-bottom:2px;
  340.                 padding-left:3px;
  341.                 padding-right:3px;
  342.                 text-align: center;
  343.              
  344.         }
  345.  
  346.         .pagenumbers a, .pagenumbers a:link, .pagenumbers a:visited {
  347.                 background-color:;  
  348.                 color:{color:Links};
  349.                 cursor:pointer;
  350.                 font-family:{font:Body};
  351.                 font-size:10pt;
  352.                 font-weight: normal;
  353.                 letter-spacing: px;
  354.                 text-decoration: none;
  355.         }
  356.  
  357.         .pagenumbers a:hover {
  358.                 color:{color:Linkshover};
  359.         }
  360.  
  361.         .pnotes  {
  362.                 color:{color:Text};
  363.                 font-family:{font:Body};
  364.                 font-size:7pt;
  365.                 margin-left:-5px;
  366.                 margin-bottom:2px;
  367.                 padding-top:5px;
  368.                 padding-bottom:3px;
  369.                 padding-left:3px;
  370.                 padding-right:3px;
  371.  
  372.         }
  373.  
  374.         .posts  {
  375.                 background-color:{color:Posts};
  376.                 background-image: url('{image:Content}');
  377.                 color:{color:Text};
  378.                 font-family:{font:Body};
  379.                 font-size:7.5pt;
  380.                 margin-bottom:0px;
  381.                 overflow:hidden;
  382.                 padding-top:6px;
  383.                 padding-bottom:5px;
  384.                 padding-left:5px;
  385.                 padding-right:5px;
  386.  
  387.         }
  388.  
  389.  
  390.         .sb {
  391.                 background-color:{color:Sidebar};
  392.                 color:{color:Text};
  393.                 font-family:{font:Body};
  394.                 font-size:7.5pt;
  395.                 margin-top:3px;
  396.                 margin-bottom:0px;
  397.                 padding-top:2px;
  398.                 padding-bottom:2px;
  399.                 padding-left:3px;
  400.                 padding-right:3px;
  401.                 text-align:left;
  402.                 text-transform:none;
  403.  
  404.         }
  405.  
  406.         #sidebar {
  407.                 color:{color:Text};
  408.                 float:left;
  409.                 font-family:{font:Body};
  410.                 font-size:6pt;
  411.                 margin-bottom:5px;
  412.                 margin-left:685px;
  413.                 margin-top:16px;
  414.                 padding-top:5px;
  415.                 padding-bottom:5px;
  416.                 padding-left:3px;
  417.                 padding-right:3px;
  418.                 position:fixed;
  419.                 text-transform: uppercase;
  420.                 width:318px;
  421.         }
  422.  
  423.         #sidebar img {
  424.                 max-width:300px;
  425.  
  426.         }
  427.  
  428.         .sideimage {
  429.                 background-color:{color:Sidebar};
  430.                 background-image: url('{image:Content}');
  431.                 color:{color:Text};
  432.                 font-family:{font:Body};
  433.                 font-size:7pt;
  434.                 margin-top:0px;
  435.                 margin-bottom:3px;
  436.                 padding-top:5px;
  437.                 padding-bottom:5px;
  438.                 padding-left:2px;
  439.                 padding-right:2px;
  440.                 text-align:center;
  441.  
  442.         }
  443.  
  444.         #sidenavi {
  445.                 color:{color:Text};
  446.                 float:left;
  447.                 font-family:{font:Body};
  448.                 margin-bottom:5px;
  449.                 margin-left:1px;
  450.                 margin-top:15px;
  451.                 padding:5px;
  452.                 position:fixed;
  453.                 text-align: center;
  454.                 width:120px;
  455.         }
  456.  
  457.         .tags  {
  458.                 padding-top: 1px;
  459.                 text-align: right;
  460.  
  461.         }
  462.  
  463.         .tagswrap  {
  464.                 color:{color:Text};
  465.                 font-family:{font:Body};
  466.                 font-size:6pt;
  467.                 margin-top:-22px;
  468.                 margin-bottom:10px;
  469.                 padding-top:5px;
  470.                 padding-bottom:3px;
  471.                 padding-left:0px;
  472.                 padding-right:0px;
  473.                 text-align: right;
  474.                 text-transform: uppercase;
  475.  
  476.         }
  477.  
  478.  
  479.         </style>
  480.  
  481.  
  482.         </head>
  483.  
  484.         <body>
  485.  
  486.         <div id="top"></div>
  487.  
  488.         <div id="cage">
  489.  
  490.  
  491.         <div id="sidenavi">
  492.  
  493.  
  494.         <div class="outer">
  495.  
  496.  
  497. <div class="sideimage">
  498. <Center><img src="{PortraitURL-96}" width="96" height="96" alt="" onmousedown="return false"></center>
  499. </div>
  500.  
  501. <div class="navi">
  502. <ul>
  503. <li><a href="/archive">archive</a></li>
  504. <li><a href="/random">random</a></li>
  505. <li><a href="http://pruehalliwells.tumblr.com">theme (c)</a></li>
  506. </ul>
  507.  
  508. </div>
  509. </div>
  510.  
  511. {block:Pagination}
  512.         <div class="pagenumbers">
  513.  
  514. {block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage} Page {CurrentPage} of {TotalPages} {block:NextPage}&nbsp;<a href="{NextPage}">»</a>{/block:NextPage}
  515.  
  516.         </div>
  517. {/block:Pagination}
  518.  
  519.         </div>
  520.  
  521.         <div id="sidebar">
  522.  
  523.         <h1><center>{Title}</center></h1>
  524.  
  525.         <div class="outer">
  526. <div class="sideimage">
  527.         <center><img src="{image:Sidebar}" onmousedown="return false"/></center>
  528.         </div>
  529.  
  530.                 <div class="navi" style="margin-top:2px;"><ul>
  531.  
  532. <li>
  533. <a href="/">refresh</a>
  534. </li>
  535. <li>
  536. <a href="/ask">ask me</a>
  537. </li>
  538. {block:IfExtraLinkOneTitle}<li>
  539. <a href="{text:Extra Link One Url}">{text:Extra Link One Title}</a>
  540. </li>{/block:ifExtraLinkOneTitle}
  541.                 {block:IfExtraLinkTwoTitle}<li>
  542. <a href="{text:Extra Link Two Url}">{text:Extra Link Two Title}</a>
  543. </li>{/block:ifExtraLinkTwoTitle}
  544.                 {block:IfExtraLinkThreeTitle}<li>
  545. <a href="{text:Extra Link Three Url}">{text:Extra Link Three Title}</a>
  546. </li>{/block:ifExtraLinkThreeTitle}
  547.                 {block:IfExtraLinkFourTitle}<li>
  548. <a href="{text:Extra Link Four Url}">{text:Extra Link Four Title}</a>
  549. </li>{/block:ifExtraLinkFourTitle}
  550.  
  551.                 </ul></div>
  552.                
  553.         {block:Description}<div class="sb">{Description}</div>{/block:Description}
  554.  
  555.         </div>
  556.  
  557.         </div>
  558.  
  559.         <div id="main">
  560.  
  561.                        {block:Posts}        <div class="outer">
  562.  
  563.         <div class="posts"> <div class="inposts">
  564.  
  565.  
  566.  
  567.         {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  568.         {block:Text}{Body}{/block:Text}
  569.  
  570.         {block:Quote}<h2>"<i>{Quote}</i>"</h2><div style="text-align:right;"> - {Source}<br></div>{/block:Quote}
  571.  
  572.         {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  573.         {block:Description}<P>{Description}{/block:Description}</p>{/block:Link}
  574.  
  575.         {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" onmousedown="return false"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  576.  
  577.         {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  578.  
  579.         {block:Chat}
  580.         {block:Title}
  581.         {/block:Title}
  582.         <div class="chat">
  583.         {block:Lines}<div class="chat"><div class="line {Alt}">
  584.         <div class="{Alt} user_{UserNumber}">
  585.         {block:Label}<span class="label"><b>{Label}</b></span>{/block:Label}{Line}</div>
  586.         </div></div>{/block:Lines}
  587.         </div>{/block:Chat}
  588.  
  589.         {block:Video}<center>{Video-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Video}
  590.  
  591.         {block:Answer}<div class="asks">{Asker} wrote:<br> <div style="margin-left:25px; padding-top:2px;">"{Question}"</div></div>
  592.         {Answer}{/block:answer}
  593.  
  594.         {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  595.  
  596.         </div>
  597.  
  598.         </div>
  599.  
  600.        {block:Date}<div class="accent"><a href="{Permalink}">
  601.  
  602.         » posted {TimeAgo}
  603.         {/block:Date}
  604.  
  605.  
  606.          {block:NoteCount}with {NoteCountWithLabel} {/block:NoteCount}
  607.  
  608.         {block:IndexPage}{block:RebloggedFrom} − © {ReblogRootName}{/block:RebloggedFrom}{/block:IndexPage}
  609.  
  610.                 </a></div>
  611.  
  612.        </div><br>
  613.  
  614.         {block:HasTags}<div class="tagswrap"><div class="tags"> tagged as: {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}</div></div>{/block:HasTags}
  615.  
  616.  
  617.         {/block:Posts}
  618.         {block:PostNotes}
  619.         <div class="posts">
  620.         <div class="inposts">
  621.         <ol class="pnotes">
  622.         {PostNotes}
  623.         </ol>
  624.  
  625.         </div>
  626.  
  627.         {/block:PostNotes}
  628.  
  629.         <br><br></div>
  630.  
  631.         </div>
  632.  
  633.         </body>
  634.         </html>
create a new version of this paste RAW Paste Data