API tools faq
paste
Advertisement
thedoctordreams

Solarium

thedoctordreams
Jun 20th, 2014
333
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.82 KB | None | 0 0
raw download clone embed print report
  1.    
  2.  
  3.     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  4.     <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  5.     <head>
  6.         <title>{Title}</title>
  7.         <link rel="shortcut icon" href="{Favicon}">
  8.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  9.         {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  10.        
  11.         <!---  this is theme 1, Solarium, by katiaobinger.  base code by ofcuteboys.  please leave this comment in the code.  do not move or remove the credit.  don't steal or redistribute any of the code, and don't use as a base for your own theme--go to ofcuteboys for a base code!
  12.        
  13.        enjoy!        --->
  14.        
  15.      
  16.        
  17.         <meta name="color:background" content="#ffffff"/>
  18.         <meta name="color:text" content="#444444"/>
  19.         <meta name="color:sidelink" content="#666666"/>
  20.         <meta name="color:hover" content="#ff7a7a"/>
  21.         <meta name="color:title hover" content="#a6d9e4"/>
  22.         <meta name="color:title" content="#000000"/>
  23.         <meta name="color:link" content="#847b7d"/>
  24.         <meta name="color:scrollbar" content="#D6D5D5">
  25.        
  26.        
  27.      
  28.        
  29.         <meta name="image:sidebar pic" content="" />
  30.        
  31.         <meta name="select:Sidebar Image Shape" content="circle" title="Circle">
  32.         <meta name="select:Sidebar Image Shape" content="square" title="Square">
  33.      
  34.         <meta name="text:link1" content="link1"/>
  35.         <meta name="text:link1url" content="/link1"/>
  36.        
  37.         <meta name="text:link2" content="link2"/>
  38.         <meta name="text:link2url" content="/link2"/>
  39.        
  40.         <meta name="text:link3" content="link3"/>
  41.         <meta name="text:link3url" content="/link3"/>
  42.        
  43.         <meta name="text:link4" content="link4"/>
  44.         <meta name="text:link4url" content="/link4"/>
  45.        
  46.          <meta name="text:link5" content="link5"/>
  47.         <meta name="text:link5url" content="/link5"/>
  48.  
  49.        
  50.        
  51.         <!---if you're adding any javascripts, they go here--->
  52.        
  53.  
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=IM+Fell+DW+Pica' rel='stylesheet' type='text/css'>
  56.        
  57.      
  58.         <style type="text/css">
  59.      
  60.            
  61.  
  62.                
  63.      
  64.     /*---TOOLTIPS---*/
  65.  
  66.     #s-m-t-tooltip {
  67.         background:{color:background};
  68.         max-width:300px;
  69.         font-family:georgia;
  70.         font-size:10px;
  71.         font-style:italic;
  72.         color:{color:text};
  73.         border:1px solid {color:text};
  74.         letter-spacing:0px;
  75.         padding:3px 4px 3px 4px;
  76.         margin:-25px 0px 0px 0px;
  77.         z-index:9999999999999999999999;
  78.         }
  79.    
  80.     @-webkit-keyframes {
  81.         0% {-webkit-transform: opacity(.2);}
  82.         50% {-webkit-transform: opacity(1.00);}
  83.         70% {-webkit-transform: opacity(.7);}
  84.         100% {-webkit-transform: opacity(1);}}
  85.        
  86.     /*---end tooltips---*/
  87.    
  88.     ::-webkit-scrollbar {
  89.         background-color:white;
  90.         height:8px; width:8px
  91.        
  92.     }
  93.     ::-webkit-scrollbar-thumb:vertical {
  94.         background-color:{color:scrollbar};
  95.         height:50px
  96.        
  97.     }
  98.  
  99.     ::-webkit-scrollbar-thumb:horizontal {
  100.         background-color:{color:scrollbar};
  101.         height:8px!important
  102.        
  103.     }
  104.  
  105.      
  106.     body {
  107.         background-color:{color:background};
  108.         font-family:georgia;
  109.         font-size:10px;
  110.         color:{color:text};
  111.     }
  112.      
  113.      
  114.     a {
  115.         color:{color:link};
  116.         text-decoration:none;
  117.         -webkit-transition-duration:.3s; /*---this line makes the transition work for Chrome---*/
  118.         -moz-transition-duration:.3s; /*---this line makes it work for Mozilla---*/
  119.         -o-transition-duration:.3s; /*---this line makes it work for opera---*/
  120.     }
  121.      
  122.    
  123.     a:hover {
  124.         color:{color:hover};
  125.         -webkit-transition-duration:.3s;
  126.         -moz-transition-duration:.3s;
  127.         -o-transition-duration:.3s;
  128.     }
  129.      
  130.      
  131.    
  132.     h1 {
  133.         font-size:14px;
  134.         font-family: 'IM Fell DW Pica', serif;
  135.         font-weight:bold;
  136.         letter-spacing:1px;
  137.         color:{color:text};
  138.     }
  139.      
  140.    
  141.      
  142.     blockquote {
  143.         padding-left:5px;
  144.         border-left:1px solid {color:title};;
  145.     }
  146.      
  147.     blockquote blockquote {
  148.         padding-left:10px;
  149.         border-left:1px solid {color:text};
  150.     }
  151.    
  152.     ul {
  153.         list-style:square;
  154.     }
  155.    
  156.     ol {
  157.         list-style:lower-alpha;
  158.     }
  159.            
  160.    
  161.      
  162.     #fresh {
  163.      
  164.         font-family: 'IM Fell DW Pica', serif;
  165.         font-size:22px;
  166.         color:{color:title};
  167.         letter-spacing:-1px;
  168.         text-transform:none;
  169.         text-align:center;
  170.         width:160px;
  171.         margin:15px 0px 5px 0px;
  172.         font-weight:normal;
  173.         -webkit-transition-duration:1s;
  174.         -moz-transition-duration:1s;
  175.         -o-transition-duration:1s;
  176.     }
  177.      
  178.     #fresh a {
  179.         color:{color:title};
  180.         font-weight:normal;
  181.         -webkit-transition-duration:1s;
  182.         -moz-transition-duration:1s;
  183.         -o-transition-duration:1s;
  184.     }
  185.      
  186.     #fresh a:hover {
  187.         color:{color:title hover};  
  188.         font-weight:normal;
  189.         -webkit-transition-duration:1s;
  190.         -moz-transition-duration:1s;
  191.         -o-transition-duration:1s;
  192.     }
  193.      
  194.  
  195.     #sidebar {
  196.         width:160px;
  197.         height:200px;
  198.         margin-left:200px;
  199.         margin-top:120px;
  200.         position:fixed;
  201.     }
  202.      
  203.     #sidebarimage   {
  204.         width:150px;
  205.         margin-bottom:10px;
  206.         margin:auto;
  207.        
  208.     }
  209.      
  210.     #sidebarimage img {
  211.    
  212.         width:150px;  
  213.         border:none;
  214.  
  215.     }
  216.        
  217.     .circle img{
  218.         border-radius:100%;
  219.     }  
  220.    
  221.     .square img{
  222.         border-radius:0%;
  223.     }
  224.        
  225.    
  226.     #desc {
  227.    
  228.         width:160px;
  229.         margin-top:15px;
  230.         color:black;
  231.         text-align:justify;
  232.         font-family:courier;
  233.         font-size:10px;
  234.         font-weight:normal;
  235.     }    
  236.            
  237.            
  238.     #links {
  239.         width:160px;
  240.         word-spacing:3px;
  241.         display:inline-block;
  242.         font-family:georgia, serif;
  243.         text-transform:uppercase;
  244.         text-align:left;
  245.         font-size:10px;
  246.         padding:2px;
  247.         font-weight:bold;
  248.         margin-top:10px; /
  249.         letter-spacing:-1px;
  250.    
  251.     }
  252.      
  253.      
  254.     #links a {
  255.         color:{color:sidelink};
  256.     }
  257.      
  258.      
  259.     #links a:hover {
  260.         color:{color:hover};
  261.         -webkit-transition-duration:.5s;
  262.         -moz-transition-duration::.5s;
  263.         -o-transition-duration:.5s;
  264.    
  265.     }
  266.          
  267.           #postcontainer {
  268.        
  269.               margin-left:450px;
  270.               margin-top:100px;
  271.               width:550px;
  272.           }
  273.          
  274.           #post {
  275.          
  276.          
  277.               text-align:left;
  278.               width:500px;
  279.               padding:5px 5px 20px 5px;
  280.               margin-bottom:40px;
  281.           }
  282.          
  283.          .asker {
  284.          
  285.            width:100%;
  286.            text-align:left;
  287.            padding:5px;
  288.             font-family:georgia;
  289.         font-size:12px;
  290.         color:{color:text};
  291.         letter-spacing:-1px;
  292.         text-transform:lowercase;
  293.         font-weight:bold;
  294.          }
  295.          
  296.          
  297.          .asker a {
  298.              border:none;
  299.          }
  300.          .question {
  301.              color:{color:text};
  302.              width:100%;
  303.              padding:5px;
  304.              font-family:georgia;
  305.              text-align:center;
  306.              font-size:10px;
  307.              min-height:20px;
  308.              font-style:italic;
  309.              border-style:none none solid none;
  310.              border-width:1px;
  311.              
  312.          }
  313.          
  314.          .reply {
  315.            padding:5px;
  316.            font-size:10px;
  317.          }
  318.      
  319.      
  320.     #info {
  321.         margin-top:10px;
  322.         font-size:9px;
  323.         color:{color:text};
  324.         padding-top:7px;
  325.         padding-bottom:7px;
  326.         text-align:center;
  327.         width:100%;
  328.     }
  329.      
  330.     #info a {
  331.         color:{color:link};
  332.         font-weight:normal;
  333.         font-size:9px;
  334.     }
  335.      
  336.      
  337.     #info a:hover {
  338.         color:{color:hover};
  339.     }
  340.      
  341.    
  342.     :: selection {
  343.         background-color:{color:title hover};
  344.     }
  345.      
  346.      
  347.     #audioplayer {
  348.     width:30px;
  349.     height:30px;
  350.     overflow:hidden;
  351.     position:absolute;
  352.     margin-top:35px;
  353.     margin-bottom:35px;
  354.     margin-left:35px;
  355.     opacity: 0.6;
  356.     filter:alpha(opacity=60);
  357.     -moz-opacity: 0.6;
  358.     -khtml-opacity: 0.6;
  359.     }
  360.    
  361.     #audiopic {
  362.         float:left;
  363.         display:inline-block;
  364.     }
  365.      
  366.      
  367.     #musicstuff {
  368.         height:100px;
  369.         width:400px;
  370.         float:right;
  371.         text-align:right;
  372.         font-size:10px;
  373.         font-family:courier;
  374.         display:inline-block;
  375.     }
  376.    
  377.     #trackname {
  378.         font-family: georgia;
  379.         font-size:14px;
  380.         font-weight:bold;
  381.         color:{color:title};
  382.     }
  383.    
  384.     #musiccap {
  385.         clear:both;
  386.     }
  387.      
  388.    
  389.     #cred {
  390.         bottom:10px;
  391.         position:fixed;
  392.         right:10px;
  393.         float:right;
  394.         font-family: 'IM Fell DW Pica', serif;
  395.         color:#a3a3a3;
  396.         font-size:14px;
  397.         border-style:solid none;
  398.         border-width:1px;
  399.         letter-spacing:-1px;
  400.         text-transform:lowercase;
  401.     }
  402.      
  403.     #cred a {
  404.         color:{color:text};
  405.     }
  406.      
  407.     #cred a:hover {
  408.         color:{color:title hover};
  409.     }
  410.      
  411.    
  412.      
  413.  
  414.     #pagination {
  415.         margin-top:15px;
  416.         padding:left:6px;
  417.     }
  418.      
  419.     ul.chat, .chat ol, .chat li {
  420.         list-style:none;
  421.         line-height:120%;
  422.  
  423.     }
  424.    
  425.  
  426.    
  427.     .photoset {
  428.          -webkit-transition-duration:1s;
  429.         -moz-transition-duration:1s;
  430.         -o-transition-duration:1s;
  431.     }  
  432.      
  433.      
  434.      
  435.      
  436.         </style>
  437.        
  438.     </head>
  439.     <body>
  440.      
  441.        
  442.  
  443.      
  444.      
  445.     <div id="sidebar">
  446.        
  447.      
  448.         <div id="sidebarimage">    <!---the sidebar image container--->
  449.      
  450.             <div class="{select:Sidebar Image Shape}"><a href="/"><img src="{image:sidebar pic}"></a></div>    <!---the sidebar image--->
  451.      
  452.         </div>    <!---closes the sidebar image container--->
  453.      
  454.         <div id="fresh"><a href="/">{Title}</a></div>    
  455.      
  456.    
  457.          
  458.          <div id="desc">{Description}</div>
  459.      
  460.         <div id="links">    <!---the text below are your side links--->
  461.             <a href="{text:link1url}">{text:link1}</a>
  462.             <a href="{text:link2url}">{text:link2}</a>
  463.             <a href="{text:link3url}">{text:link3}</a>
  464.             <a href="{text:link4url}">{text:link4}</a>
  465.             <a href="{text:link5url}">{text:link5}</a>
  466.             <!--- if you want to add more links, just use the code <a href="url of link">text of link</a>
  467.            if you want hover links, use <a href="url of link" title="hover text">text of link</a>
  468.            --->
  469.      
  470.      
  471.         </div><!---closes the links--->
  472.        
  473.  
  474.      
  475.      
  476.     <!---PAGINATION--->
  477.     {block:Pagination}<div id="pagination">
  478. {block:previousPage}<a href="{previousPage}">←</a>{/block:previousPage}
  479. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}  
  480. </div>{/block:Pagination}<!---closes div id="pagi"---></div><!---closes the sidebar--->
  481.      
  482.     <!---THIS IS WHERE THE POSTS GO--->
  483.      
  484.      
  485.     <div id="postcontainer">
  486.     <!---the posts go in here--->
  487.     {block:Posts}
  488.     <div id="post">
  489.     <!---TEXT POSTS--->
  490.     {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  491.      
  492.     <!---PHOTO POSTS--->
  493.      
  494.     {block:Photo}{LinkOpenTag}<center><img src="{PhotoURL-500}" width="500px"></center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  495.      
  496.     <!---PHOTOSETS--->
  497.      
  498.     {block:Photoset}
  499.     <div class="photoset">{Photoset-500}</div>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  500.      
  501.     <!---VIDEO POSTS--->
  502.      
  503.     {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  504.      
  505.     <!---AUDIO POSTS--->
  506.      
  507.     {block:Audio}
  508.     <div id="audiopic"><div id="audioplayer">{AudioPlayerWhite}</div>{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div><div id="musicstuff">{block:TrackName}<div id="trackname">{TrackName}</div>{/block:TrackName}<br>{block:Artist}{Artist}{/block:Artist}</div><div id="musiccap"><br>{block:Caption}{Caption}{/block:Caption}</div>{/block:Audio}
  509.      
  510.     <!---QUOTE POSTS--->
  511.      
  512.     {block:Quote}{Quote}{block:Source}-{Source}{/block:Source}{/block:Quote}
  513.      
  514.     <!---LINK POSTS--->
  515.      
  516.     {block:Link}<h1><a href="{URL}" {Target}>{Name}</h1></a>{block:Description}{Description}{/block:Description}{/block:Link}
  517.      
  518.     <!---ANSWER POSTS--->
  519.      
  520.     {block:Answer}
  521.     <div class="asker">
  522.     {Asker} asked:</div><div class="question">{Question}</div>
  523.     <div class="reply">
  524.     {Answer}</div>
  525.     {/block:Answer}
  526.      
  527.     <!---CHAT POSTS--->
  528.      
  529.     {block:Chat}{block:Title}
  530.     <h1>{Title}</h1>
  531.     {/block:Title}
  532.     <div class="chat">
  533.     <ul>{block:Lines}
  534.     <li>
  535.     {block:Label}
  536.    
  537.     <b>{Label}</b>
  538.     {/block:Label}{Line}<br><br></li>
  539.     {/block:Lines}
  540.     </ul></div>{/block:Chat}
  541.      
  542.     <div id="info">
  543.     <!---POST INFO--->
  544.     <a href="{Permalink}">{monthnumber}.{dayofmonth}.{year}</a>
  545.     + <a href="{Permalink}">{NoteCount}</a>
  546.     {block:RebloggedFrom}| <a href="{ReblogParentURL}" title="{ReblogParentName}">via </a>{block:ContentSource}& <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom} | <a href={ReblogUrl} target="_blank">reblog</a>
  547.    <br>
  548.    {block:HasTags}<i>{block:Tags}(<a href="{TagURL}">{Tag}</a>)  {/block:Tags}{/block:HasTags}</i>
  549.    </div>
  550.        
  551.    </div>
  552.    {/block:Posts}</div>
  553.    
  554.    
  555.    <!---don't change this--->
  556.        <div id="cred"><a href="http://katiaobinger.tumblr.com/" title="obinger themes">obinger</a></div>
  557.    
  558.      
  559.    </body>
  560.    <!---if you wanted to add a pop up ask box, you would want to put that in here--->
  561.    
  562.    
  563. <!-- start of script tooltip -->
  564. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  565.  
  566. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  567. <script>
  568.  
  569. (function($){
  570.  
  571. $(document).ready(function(){
  572.  
  573. $("a[title]").style_my_tooltips({
  574.  
  575. tip_follows_cursor:true,
  576.  
  577. tip_delay_time:90,
  578.  
  579. tip_fade_speed:600,
  580.  
  581. attribute:"title"
  582.  
  583. });
  584.  
  585. });
  586.  
  587. })(jQuery);
  588.  
  589. </script>
  590.    
  591.    
  592.     </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!