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

theme 5 | saved url #1

By: sarahcaths on Sep 8th, 2012  |  syntax: None  |  size: 10.95 KB  |  hits: 2,769  |  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.     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.     <title>{Title}</title>
  5.     <link rel="shortcut icon" href="{Favicon}">
  6.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.     {block:Description}
  8.     <meta name="description" content="{MetaDescription}" />
  9.     {/block:Description}
  10.      
  11.      
  12.     <head>
  13.          
  14.     <!----
  15.      
  16.     © SARAHCATHS.TUMBLR.COM | "SAVED URL #1" #5
  17.  
  18.     + Do not steal any portion of this code, or use this code as a base.
  19.     + Feel free to edit anything, but do not remove the credit.
  20.     + If you have any questions or concerns, just contact me!
  21.     + Thanks for using my theme! :) Hope you enjoy it!
  22.    
  23.     ---->
  24.    
  25.     <!-- VARIABLES -->
  26.    
  27.     <meta name="image:Background" content="http://static.tumblr.com/vqqnpua/FW5m81f6j/tumblr_ltqq73kh5g1qhvdofo3_100.png"/>
  28.     <meta name="image:Sidebar Image" content="http://static.tumblr.com/vqqnpua/kaAm9sov2/base_image.png" />
  29.    
  30.     <meta name="image:Sidebar Image 2" content="http://static.tumblr.com/vqqnpua/PDAma1hfc/base_image_2.png" />
  31.        
  32.     <meta name="color:Background" content="#ECECEC" />
  33.     <meta name="color:Body Text" content="#FFFFFF" />
  34.     <meta name="color:Body Shadow" content="#030303">
  35.     <meta name="color:Body Dark Shadow" content="#030303">
  36.     <meta name="color:Signature Color" content="#677a94" />
  37.     <meta name="color:Entries BG" content="#fffefc" />
  38.     <meta name="color:Main Links" content="#FFFFFF" />
  39.     <meta name="font:Body Font" content="Courier New" />
  40.     <meta name="font:Special Font" content="Trembuchet MS" />
  41.     <meta name="text:Body Font Size" content="10px" />
  42.     <meta name="text:Link 1 URL" content="http://" />
  43.     <meta name="text:Link 1" content="URL Owner" />
  44.     <meta name="text:Link 2 URL" content="http://" />
  45.     <meta name="text:Link 2" content="Contact" />
  46.     <meta name="text:Link 4 URL" content="http://sarahcaths.tumblr.com" />
  47.     <meta name="text:Link 4" content="© Image" />
  48.      
  49.     <style type="text/css">
  50.    
  51.     /* MAIN */
  52.      
  53.     body {
  54.         background-color:{color:Background};
  55.         background-image: url('{image:Background}');
  56.         color:{color:Body Text};
  57.         font-family: {font:Body Font};
  58.         font-size: {text:Body Font Size};
  59.         text-shadow: {color:Body Shadow} 1px 1px 1px;
  60.         margin: 0px;
  61.         padding: 0px;}
  62.        
  63.     a:link, a:active {
  64.         text-decoration:none;
  65.         color: {color:Body Dark Shadow}; }
  66.    
  67.      a:visited {
  68.         text-decoration:none;
  69.         color: {color:Body Dark Shadow}; }
  70.    
  71.     a:hover {
  72.         text-decoration:none;
  73.         color: {color:Date};
  74.         -webkit-transition: all 0.9s ease-in-out;
  75.         -moz-transition: all 0.9s ease-in-out;
  76.         -o-transition: all 0.9s ease-in-out;
  77.         transition: all 0.9s ease-in-out; }
  78.        
  79.    
  80.     blockquote {
  81.         border-left:2px solid {color:Body Text};
  82.         padding-left:6px; }
  83.        
  84.     #tumblr_controls{ position:fixed!important; right: 0px; top:0px;}
  85.        
  86.    
  87.  
  88.     /* NAVIGATION */
  89.    
  90.     .navigation {
  91.         float:center;
  92.         z-index:0;
  93.         position:absolute;
  94.         margin:auto;
  95.         margin-top:40px;
  96.         height:200px;
  97.         overflow:auto;
  98.         width:250px;}
  99.    
  100.     /* MAIN DIVS */
  101.    
  102.  
  103.        
  104.     #cred  {
  105.         font-size:8px;
  106.         letter-spacing:1px;
  107.         opacity:0.3;
  108.         font-weight:bold;
  109.         color: #000000;
  110.         font-family: georgia;
  111.         text-shadow:none;
  112.         background-color: #FFFFFF;
  113.         padding:4px;
  114.         border:1px dashed #514a4d;
  115.         text-transform:uppercase;
  116.         bottom:10px;
  117.         right:10px;
  118.         position:fixed; }
  119.        
  120.     #cred a:link, #cred a:active, #cred a:visited, #cred a:hover {
  121.         color:#000000 }
  122.    
  123.    
  124.     #cred:hover {
  125.         font-size:8px;
  126.         letter-spacing:1px;
  127.         font-weight:bold;
  128.         color: #000000;
  129.         opacity:1.0;
  130.         font-family: georgia;
  131.         background-color: #FFFFFF;
  132.         padding:4px;
  133.         border:1px dashed #514a4d;
  134.         text-transform:uppercase;
  135.         bottom:10px;
  136.         right:10px;
  137.         position:fixed;
  138.         -webkit-transform: rotate(4deg);
  139.         -moz-transform: rotate(4deg);
  140.         -o-transform: rotate(4deg);
  141.         -ms-transform: rotate(4deg);
  142.         transform: rotate(4deg);
  143.         -webkit-transition: all 0.9s ease-in-out;
  144.         -moz-transition: all 0.9s ease-in-out;
  145.         -o-transition: all 0.9s ease-in-out;
  146.         transition: all 0.9s ease-in-out; }
  147.    
  148.     /* EXTRAS */
  149.    
  150.     .content {
  151.         margin:auto;
  152.         width:600px;
  153.         height:100%;
  154.         margin-top:100px;
  155.         text-align:center;}
  156.        
  157.    #sidebar {
  158.         width:450px;
  159.         margin:auto;
  160.         height:400px;
  161.         z-index:1000;
  162.         background-color:transparent;
  163.         padding:10px;}
  164.        
  165.     #sidebarimg {
  166.         background-image:url('{image:Sidebar Image}');
  167.         background-repeat:no-repeat;
  168.         width:400px;
  169.         position:fixed;
  170.         height:400px;
  171.         opacity:0.7;
  172.         z-index:1000;
  173.         overflow:auto;
  174.         box-shadow:#818482 0px 0px 20px;
  175.         -moz-border-radius: 400px;
  176.         border-radius: 400px;
  177.         border:10px solid {color:Entries BG};
  178.         transition-duration: 1s;  
  179.         -moz-transition-duration: 1s;  
  180.         -webkit-transition-duration: 1s;  
  181.         -o-transition-duration: 1s;}
  182.        
  183.     #sidewhole {
  184.         width:300px;
  185.         height:auto;
  186.         opacity:0.0;
  187.         -webkit-transition: opacity 0.7s linear;
  188.         -webkit-transition: all 0.7s ease-out;
  189.         -moz-transition: all 0.7s ease-out;
  190.         transition: all 0.7s ease-out;}
  191.        
  192.        
  193.     #sidebarimg:hover {
  194.         opacity:1.0;
  195.         background-image:url('{image:Sidebar Image 2}');
  196.         background-repeat:no-repeat;
  197.         -webkit-transform: rotate(360deg);
  198.         -moz-transform: rotate(360deg);
  199.         -o-transform: rotate(360deg);
  200.         -ms-transform: rotate(360deg);
  201.         transform: rotate(360deg);
  202.         transition-duration: 1s;  
  203.         -moz-transition-duration: 1s;  
  204.         -webkit-transition-duration: 1s;  
  205.             -o-transition-duration: 1s;}
  206.    
  207.        
  208.        
  209.     #sidebarimg:hover #sidewhole {
  210.         opacity:1.0;
  211.         margin-top:70px;
  212.         margin-left:50px;
  213.         -webkit-transition: opacity 0.7s linear;
  214.         -webkit-transition: all 0.7s ease-out;
  215.         -moz-transition: all 0.7s ease-out;
  216.         transition: all 0.7s ease-out;}
  217.        
  218.     .title {
  219.         font-family: century gothic;
  220.         font-size:30px;
  221.         text-align:center;
  222.         margin-top:150px;
  223.         text-shadow:{color:Body Shadow} 1px 1px 1px;
  224.         color:{color:Entries BG};
  225.         -webkit-transition: opacity 0.7s linear;
  226.         -webkit-transition: all 0.7s ease-out;
  227.         -moz-transition: all 0.7s ease-out;
  228.         transition: all 0.7s ease-out;}
  229.        
  230.     #sideinfo {
  231.         width:300px;
  232.         height:auto;
  233.         font-weight:bold;
  234.         font-family:{font:Body Font};
  235.         color:{color:Body Text};
  236.         text-shadow:{color:Body Dark Shadow} 1px 1px 1px;
  237.         max-height:100px;
  238.         padding: 0px 5px 0px 5px;
  239.         float:center;
  240.         overflow:auto;
  241.         text-align:justify;
  242.         opacity:0.0;
  243.         border-left:0px;
  244.         border-right:0px;}
  245.        
  246.     #sidebarimg:hover #sideinfo {
  247.         opacity:0.6;
  248.         -webkit-transition: opacity 0.7s linear;
  249.         -webkit-transition: all 0.7s ease-out;
  250.         -moz-transition: all 0.7s ease-out;
  251.         transition: all 0.7s ease-out;}
  252.        
  253.     /* NAVIGATION */
  254.  
  255.        
  256.     .nav a, .nav a:active, .nav a:visited {
  257.         font-size:10px;
  258.         text-transform:uppercase;
  259.         text-align:left;
  260.         padding:10px;
  261.         opacity:0.4;
  262.         border:0;
  263.         text-shadow:none;
  264.         color:{color:Signature Color};
  265.         background-color:{color:Entries BG};
  266.         display:block;
  267.         font-family:{font:Special Font};
  268.         -webkit-transition: opacity 0.3s linear;
  269.         -webkit-transition: all 0.3s ease-out;
  270.         -moz-transition: all 0.3s ease-out;
  271.         transition: all 0.3s ease-out; }
  272.        
  273.     .nav a:hover {
  274.         text-transform:uppercase;
  275.         text-align:left;
  276.         padding:10px;
  277.         opacity:1.0;
  278.         color: {color:Signature Color};
  279.         border-left:10px solid {color:Signature Color};
  280.         background-color:{color:Entries BG};
  281.         display:block;
  282.         font-family:{font:Special Font};
  283.         -webkit-transition: opacity 0.3s linear;
  284.         -webkit-transition: all 0.3s ease-out;
  285.         -moz-transition: all 0.3s ease-out;
  286.         transition: all 0.3s ease-out; }
  287.        
  288.     .page a, .page a:active, .page a:visited {
  289.         font-size:10px;
  290.         text-transform:uppercase;
  291.         text-align:right;
  292.         padding:10px;
  293.         opacity:0.9;
  294.         border:0;
  295.         color:{color:Dark Body Shadow};
  296.         background-color:{color:Entries BG};
  297.         display:block;
  298.         font-family:{font:Special Font};
  299.         -webkit-transition: opacity 0.3s linear;
  300.         -webkit-transition: all 0.3s ease-out;
  301.         -moz-transition: all 0.3s ease-out;
  302.         transition: all 0.3s ease-out; }
  303.        
  304.     .page a:hover {
  305.         text-transform:uppercase;
  306.         text-align:right;
  307.         padding:10px;
  308.         opacity:1.0;
  309.         color: {color:Signature Color};
  310.         border-right:10px solid {color:Signature Color};
  311.         background-color:{color:Entries BG};
  312.         display:block;
  313.         font-family:{font:Special Font};
  314.         -webkit-transition: opacity 0.3s linear;
  315.         -webkit-transition: all 0.3s ease-out;
  316.         -moz-transition: all 0.3s ease-out;
  317.         transition: all 0.3s ease-out; }
  318.        
  319.  
  320.     </style>
  321.    
  322.    
  323.     </head>
  324.      
  325.     <body>
  326.    
  327.     <div class="content">
  328.  
  329.     <div class="navigation">
  330.     <div class="nav">
  331.     <a href="{text:Link 1 URL}">{text:Link 1}</a><br>
  332.     <a href="{text:Link 2 URL}">{text:Link 2}</a><br>
  333.     <a href="http://sarahcaths.tumblr.com" target="_blank">Theme</a><br>
  334.     <a href="{text:Link 4 URL}">{text:Link 4}</a><br>
  335.     </div> <!-- END NAV -->
  336.     </div> <!-- END NAVIGATION -->
  337.    
  338.     <div id="sidebar">
  339.     <div id="sidebarimg">
  340.     <div id="sidewhole">
  341.     <div class="title">{Title}</div>
  342.     <div id="sideinfo">{Description}</div>
  343.     </div> <!-- END SIDE WHOLE -->
  344.     </div> <!-- END SIDE IMG -->
  345.     </div> <!-- END SIDEBAR -->
  346.     </div> <!-- END CONTENT -->
  347.    
  348.    
  349.     <div id="cred">
  350.     <a href="http://sarahcaths.tumblr.com" target="_blank">THEME BY SARAHCATHS+</a>
  351.     </div> <!-- END CREDIT (DO NOT REMOVE!) -->
  352.     </body>
  353.     </html>
create a new version of this paste RAW Paste Data