thejacketslut

[retired] KEN

Dec 28th, 2014
1,501
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 24.82 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5.  
  6.  
  7. <!--THEME #01 BY FELINUM
  8.  
  9.    
  10.    Please don't:
  11.     -steal the code;
  12.     -claim it as your own;
  13.     -redistribute it.
  14.    
  15.    Thank you.
  16. -->
  17.  
  18.  
  19.  
  20.     <title>{Title}</title>
  21.     <link rel="shortcut icon" href="{Favicon}">
  22.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.     {block:Description}
  24.     <meta name="description" content="{MetaDescription}" />
  25.     {/block:Description}
  26.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  27.     <script type="text/javascript" src="http://static.tumblr.com/iuggpng/bGqm4yfv9/jquery-1.7.2.js"></script>
  28.      <!--CURSOR CODE HERE-->    
  29.    
  30.     <style> body, a, a:hover{cursor:url(http://img69.imageshack.us/img69/7673/cursorw.png), auto}</style>
  31.    
  32.     <!--END CURSOR CODE-->
  33.    
  34.      
  35.     <meta name="image:Background Image" content=""/>  
  36.     <meta name="image:Sidebar Image" content=""/>
  37.     <meta name="image:Bottom Bar Image" content=""/>
  38.  
  39.     <meta name="color:Background" content="#edeff3"/>
  40.     <meta name="color:Text" content="#595959"/>
  41.     <meta name="color:Link" content="#000"/>
  42.     <meta name="color:Link Hover" content="#fff"/>
  43.     <meta name="color:Italic" content="#b8b8b8"/>
  44.     <meta name="color:Bold" content="#494949"/>
  45.    
  46.     <meta name="color:Title Bar" content="#222"/>
  47.     <meta name="color:Title" content="#fff"/>
  48.     <meta name="color:Title Hover" content="#e0004f"/>
  49.    
  50.     <meta name="color:NavBar Bg" content="#000"/>
  51.     <meta name="color:Nav Links" content="#fff"/>
  52.     <meta name="color:Nav Links Hover" content="#808080"/>
  53.     <meta name="color:Nav Links Border" content="#E0004F"/>
  54.    
  55.     <meta name="color:Posts Bg" content="#edeff3"/>
  56.     <meta name="color:Posts Border" content="#fff"/>
  57.    
  58.     <meta name="color:Sidebar Bg" content="#edeff3"/>
  59.     <meta name="color:Sidebar Text" content="#c6c6c6"/>
  60.     <meta name="color:Sidebar Borders" content="#fff"/>
  61.     <meta name="color:Pagination Hover" content="#fff"/>
  62.     <meta name="color:Pagination" content="#000"/>
  63.  
  64.     <meta name="color:PostInfo Bg" content="#000"/>
  65.     <meta name="color:PostInfo Links" content="#fff"/>
  66.     <meta name="color:PostInfo Links Hover" content="#000"/>
  67.    
  68.     <meta name="color:Blockquote" content="#595959"/>
  69.     <meta name="color:Quote Text" content="#b8b8b8"/>
  70.     <meta name="color:Chat1" content="#a8a8a8"/>
  71.     <meta name="color:Chat2" content="#e80247"/>
  72.    
  73.     <meta name="color:Question Text" content="#fff"/>
  74.     <meta name="color:Question Bg" content="#000"/>
  75.     <meta name="color:Answer Text" content="#000"/>
  76.     <meta name="color:Asker Link" content="#fff"/>
  77.     <meta name="color:Asker Link Hover" content="#f00050"/>
  78.     <meta name="color:Post Title" content="#fff"/>
  79.     <meta name="color:Post Title Background" content="#000"/>
  80.     <meta name="color:Link Title" content="#e0004f"/>
  81.     <meta name="color:Link Title Hover" content="#000"/>
  82.     <meta name="color:Link Title Bg" content="#000"/>
  83.     <meta name="color:Track Details Text" content="#9a9a9a"/>
  84.    
  85.     <meta name="color:BottomBar Description" content="#fff"/>
  86.     <meta name="color:BottomBar Description Links" content="#fff"/>
  87.     <meta name="color:BottomBar Description Links Hover" content="#e0004f"/>
  88.     <meta name="color:ScrollBar Bg" content="#000"/>
  89.     <meta name="color:ScrollBar" content="#e0004f"/>
  90.     <meta name="color:Tooltip Text" content="#fff"/>
  91.     <meta name="color:Tooltip Bg" content="#000"/>
  92.  
  93.     <meta name="text:Sidebar Text" content=""/>
  94.     <meta name="text:Link 1 URL" content="" />
  95.     <meta name="text:Link 1 title" content="Link 1" />
  96.     <meta name="text:Link 2 URL" content="" />
  97.     <meta name="text:Link 2 title" content="Link 2" />
  98.     <meta name="text:Link 3 URL" content="" />
  99.     <meta name="text:Link 3 title" content="Link 3" />
  100.     <meta name="text:Link 4 URL" content="" />
  101.     <meta name="text:Link 4 title" content="Link 4" />
  102.     <meta name="text:Link 5 URL" content="" />
  103.     <meta name="text:Link 5 title" content="Link 5" />
  104.     <meta name="text:Link 6 URL" content="" />
  105.     <meta name="text:Link 6 title" content="Link 6" />
  106.     <meta name="text:Link 7 URL" content="" />
  107.     <meta name="text:Link 7 title" content="Link 7" />
  108.    
  109.  
  110.     <style type="text/css">
  111.    
  112.     ::-webkit-scrollbar-thumb {
  113.         height:auto;
  114.         background-color:{color:ScrollBar Bg};
  115.     }
  116.      
  117.     ::-webkit-scrollbar {
  118.         height:4px;
  119.         width:3px;
  120.         padding-right:2px;
  121.         background-color:{color:ScrollBar};
  122.     }
  123.  
  124.     body {
  125.         font-size:10px;
  126.         font-family:calibri, arial, sans-serif;
  127.         color:{color:Text};
  128.         background:{color:Background} url('{image:Background Image}') no-repeat fixed center;
  129.     }
  130.    
  131.     a:link, a:visited, a:active {
  132.         color:{color:Link};
  133.         background-color:transparent;
  134.         text-decoration:none;
  135.         -moz-transition-duration: 0.7s;
  136.         -o-transition-duration: 0.7s;
  137.         -webkit-transition-duration: 0.7s;
  138.         transition-duration: 0.7s;
  139.     }
  140.    
  141.     a:hover {
  142.         color:{color:Link Hover};
  143.         text-decoration:none;
  144.         -moz-transition-duration: 0.7s;
  145.         -o-transition-duration: 0.7s;
  146.         -webkit-transition-duration: 0.7s;
  147.         transition-duration: 0.7s;
  148.     }
  149.    
  150.     i, em {color:{color:Italic};}
  151.     b, strong {color:{color:Bold};}
  152.    
  153.     #titlebar {
  154.         width:100%;
  155.         height:15px;
  156.         padding:10px 0px;
  157.         text-align:center;
  158.         background-color:{color:Title Bar};
  159.         z-index:100;  
  160.         position:fixed;
  161.         top:0px;
  162.         left:0px;
  163.     }
  164.      
  165.     #title {margin-top:0px;}
  166.        
  167.     #title a {
  168.         color:{color:Title};
  169.         font-size:9px;
  170.         text-transform:uppercase;
  171.         letter-spacing:9px;
  172.         padding-top:-5px;
  173.         font-family:calibri, arial, sans-serif;
  174.         background-color:transparent;
  175.     }
  176.    
  177.     #title a:hover {
  178.         color:{color:Title Hover};
  179.         font-style:italic;
  180.         transition-duration: 0.8s;  
  181.         -moz-transition-duration: 0.8s;
  182.         -webkit-transition-duration: 0.8s;  
  183.         -o-transition-duration: 0.8s;
  184.     }
  185.    
  186.     #navbar {
  187.         font-family:calibri, arial, sans-serif;
  188.         width:100%;
  189.         height:90px;
  190.         background-color:{color:NavBar Bg};
  191.         position:fixed;
  192.         text-align:center;
  193.         z-index:9;
  194.         top:0px;
  195.         left:0px;
  196.     }  
  197.        
  198.     #navlinks1 {
  199.         display:inline-block;
  200.         margin-top:40px;
  201.     }
  202.        
  203.     #navlinks1 a {
  204.         color:{color:Nav Links};
  205.         text-transform:uppercase;
  206.         border-bottom:0px solid transparent;
  207.         margin:4px 0px;
  208.         padding:2px 12px;
  209.     }
  210.        
  211.     #navlinks1 a:hover {
  212.         color:{color:Nav Links Hover};
  213.         border-bottom:1px solid {color:Nav Links Border};
  214.         -moz-transition-duration: 0.5s;
  215.         -o-transition-duration: 0.5s;
  216.         -webkit-transition-duration: 0.5s;
  217.         transition-duration: 0.5s;
  218.     }
  219.    
  220.     #navlinks2 {
  221.         display:inline-block;
  222.         margin-top:55px;
  223.         padding-left:20px;
  224.     }
  225.        
  226.     #navlinks2 a {
  227.         color:{color:Nav Links};
  228.         font-style:italic;
  229.         text-transform:lowercase;
  230.         border-bottom:0px solid transparent;
  231.         margin:4px 0px;
  232.         padding:2px 12px;
  233.     }
  234.        
  235.     #navlinks2 a:hover {
  236.         color: {color:Nav Links Hover};
  237.         border-bottom:1px solid {color:Nav Links Border};
  238.         -moz-transition-duration: 0.5s;
  239.         -o-transition-duration: 0.5s;
  240.         -webkit-transition-duration: 0.5s;
  241.         transition-duration: 0.5s;
  242.     }
  243.        
  244.     #bigc {
  245.         width:665px;
  246.         margin:auto;
  247.         margin-top:150px;
  248.         padding-left:165px;
  249.     }  
  250.        
  251.     #postcontainer {width:665px;}
  252.  
  253.     .posts {
  254.         width:500px;
  255.         margin-left:0px;
  256.         margin-bottom:110px;
  257.         background-color:{color:Posts Bg};
  258.         border:1px solid {color:Posts Border};
  259.         position:relative;
  260.         padding-bottom:0px;
  261.     }
  262.  
  263.     .posts img  {padding-left:0px;}
  264.    
  265.     .posts h3 {
  266.         padding:20px;
  267.         background-color:{color:Link Title Bg};
  268.         text-align:justify;
  269.         font-size:13px;
  270.         margin-top:0px;
  271.         text-transform:lowercase;
  272.         letter-spacing:0px;
  273.     }
  274.        
  275.     .posts h3 a {
  276.         font-family:arial;
  277.         color:{color:Link Title};
  278.         }
  279.        
  280.     .posts h3 a:hover {color:{color:Link Title Hover};}
  281.      
  282.     .posts blockquote {
  283.         border-left:1px solid {color:Blockquote};
  284.         padding-left:10px;
  285.         margin-left:20px;
  286.     }  
  287.        
  288.     .posts img, .posts li, .posts blockquote {max-width:100%;}
  289.    
  290.     .quest {
  291.         padding:20px;
  292.         min-height:40px;
  293.         font-size:10px;
  294.         text-align:center;
  295.         font-style:italic;
  296.         color:{color:Question Text};
  297.         background-color:{color:Question Bg};
  298.     }
  299.    
  300.     .ima {text-align:center;}
  301.    
  302.     .qtext {vertical-align:middle;}
  303.    
  304.     .qtext a {color:{color:Asker Link};}
  305.    
  306.     .qtext a:hover {color:{color:Asker Link Hover};}
  307.        
  308.     .answer {
  309.         color:{color:Answer Text};
  310.         text-align:center;
  311.         font-style:italic;
  312.         padding:10px 10px;
  313.     }
  314.    
  315.     .answer blockquote {border:none;}
  316.  
  317.     .quote {
  318.         text-align:center;
  319.         color:{color:Quote Text};
  320.         font-size:15px;
  321.         padding:20px;
  322.         font-style:italic;
  323.         font-family:calibri,arial;
  324.     }
  325.    
  326.     .source {
  327.         text-align:center;
  328.         font-size:12px;
  329.         font-style:italic;
  330.         padding-top:13px;
  331.     }
  332.  
  333.     .posts h1 {
  334.         font-size:12px;
  335.         font-family:calibri;
  336.         color:{color:Post Title};
  337.         text-align:center;
  338.         background-color:{color:Post Title Background};
  339.         margin-top:0px;
  340.         text-transform:lowercase;
  341.         line-height:20px;
  342.     }
  343.  
  344.     .convo li {
  345.         list-style:none;
  346.         padding-top:20px;
  347.         padding-bottom:20px;
  348.         padding:0px;
  349.     }
  350.  
  351.     .convo .label {text-transform:uppercase;}
  352.  
  353.     .line_odd .label {color:{color:Chat2};}
  354.    
  355.     .line_even .label {color:{color:Chat1};}
  356.    
  357.     .caption {
  358.         margin-top:-5px;
  359.         padding-left:20px;
  360.     }
  361.  
  362.     .posts h3 {
  363.         padding:15px;
  364.         background-color:{color:Link Title Bg};
  365.         text-align:center;
  366.         font-size:14px;
  367.         margin-top:0px;
  368.         text-transform:lowercase;
  369.         letter-spacing:0px;
  370.     }
  371.        
  372.     .posts h3 a {
  373.         font-family:calibri,arial;
  374.         color:{color:Link Title};
  375.     }
  376.        
  377.     .posts h3 a:hover {color:{color:Link Title Hover};}
  378.    
  379.     .text {
  380.         padding:0px 20px 5px 20px;
  381.         text-align:justify;
  382.         border:none;
  383.     }
  384.  
  385.     .postinfo {
  386.         position:absolute;
  387.         top:0px;
  388.         width:90px;
  389.         margin-left:515px;
  390.         height:auto;
  391.         opacity:0;
  392.         padding:10px 10px 10px 10px;
  393.         background-color:{color:PostInfo Bg};
  394.         font-style:italic;
  395.         transition-duration: 0.6s;  
  396.         -moz-transition-duration: 0.6s;
  397.         -webkit-transition-duration: 0.6s;  
  398.         -o-transition-duration: 0.6s;
  399.     }
  400.    
  401.     .posts:hover .postinfo {
  402.         font-style:italic;
  403.         opacity:1;
  404.         transition-duration: 0.6s;  
  405.         -moz-transition-duration: 0.6s;
  406.         -webkit-transition-duration: 0.6s;  
  407.         -o-transition-duration: 0.6s;
  408.     }
  409.    
  410.     .postinfob a {
  411.         color:{color:PostInfo Links};
  412.         line-height:15px;
  413.         text-align:left;
  414.         transition-duration: 0.8s;  
  415.         -moz-transition-duration: 0.8s;
  416.         -webkit-transition-duration: 0.8s;  
  417.         -o-transition-duration: 0.8s;
  418.     }
  419.    
  420.     .postinfob a:hover {
  421.         color:{color:PostInfo Links Hover};
  422.         transition-duration: 0.8s;  
  423.         -moz-transition-duration: 0.8s;
  424.         -webkit-transition-duration: 0.8s;  
  425.         -o-transition-duration: 0.8s;
  426.     }
  427.    
  428.      #s-m-t-tooltip {
  429.         max-width:300px;
  430.         padding:5px 5px 5px 6px;
  431.         margin:20px 0px 0px 20px;
  432.         background-color:{color:Tooltip Bg};
  433.         color:{color:Tooltip Text};
  434.         font-size:8px;
  435.         letter-spacing:1px;
  436.         text-transform:uppercase;
  437.         z-index:999999999999999999999999999999999999;
  438.  
  439.     }
  440.      
  441.     .playerbuttonbg {
  442.         position:absolute;
  443.         left:30px;
  444.         top:30px;
  445.         width:19px;
  446.         height:19px;
  447.         background-color:#000;
  448.         padding:10px;
  449.         opacity:0.8;
  450.         filter: alpha(opacity=40);
  451.         -moz-opacity:0.4;
  452.         -khtml-opacity:0.4;
  453.         transition: opacity .7s ease-in-out;
  454.         -moz-transition: opacity .7s ease-in-out;
  455.         -webkit-transition: opacity .7s ease-in-out;
  456.     }
  457.            
  458.     .playerbuttonbg:hover {
  459.         opacity:1;
  460.         filter: alpha(opacity=100);
  461.         -moz-opacity: 1;
  462.         -khtml-opacity: 1;
  463.     }
  464.        
  465.     .newplayerbutton {
  466.         position:relative;
  467.         width:19px;
  468.         height:19px;
  469.         overflow:hidden;
  470.     }
  471.            
  472.     .playerbuttonhug {
  473.         position:absolute;
  474.         top:-20px;
  475.         left:-5px;
  476.     }
  477.        
  478.     .tumblr_audio_player {
  479.         height:100px;
  480.         width:270px;
  481.         -moz-transform: scale(0.60, 0.60);
  482.         -webkit-transform: scale(0.60, 0.60);
  483.         -o-transform: scale(0.60, 0.60);
  484.         -ms-transform: scale(0.60, 0.60);
  485.         transform: scale(0.60, 0.60);
  486.         -moz-transform-origin: top left;
  487.         -webkit-transform-origin: top left;
  488.         -o-transform-origin: top left;
  489.         -ms-transform-origin: top left;
  490.         transform-origin: top left;
  491.     }
  492.            
  493.     .audioimgwrapper {
  494.         position:absolute;
  495.         left:0px;
  496.         top:0px;
  497.         overflow:hidden;
  498.         width:100px;
  499.         height:100px;
  500.     }
  501.            
  502.     .audioimgwrapper img {
  503.         width:100%;
  504.         height:100px;
  505.         max-height:100px;
  506.     }
  507.            
  508.     .trackdetails {
  509.         width: auto;
  510.         font-size:10px;
  511.         font-weight:bold;
  512.         font-family:calibri;
  513.         display: inline-block;
  514.         margin-left: 140px;
  515.         padding: 10px 10px 10px 10px;
  516.         line-height: 20px;
  517.         color:{color:Track Details Text};
  518.         border:1px solid {color:Posts Border};
  519.     }
  520.            
  521.     .audiowrapper {
  522.         position: relative;
  523.         display: inline-block;
  524.         width:500px;
  525.     }
  526.  
  527.  
  528.     /*THE "HOVER" BOTTOM BAR CSS
  529.     ----I DON'T RECOMMEND TOUCHING ANYTHING HERE---
  530.     */
  531.  
  532.  
  533.     .bbcontainer {
  534.         width:500px;
  535.         height:170px;
  536.         padding:10px 0px;
  537.         text-align:center;
  538.         background-color: rgba(0,0,0,0.4); /*the default background color of the bottom bar is black, you can change it by going at http://www.rapidtables.com/web/color/RGB_Color.htm, picking the color you want and replacing the r,g,b values in the code; note that "0.4" means the amount of opacity*/
  539.         z-index:999;
  540.         position:fixed;
  541.         bottom:-155px;
  542.         left:50%;
  543.         margin-left:-249px;
  544.         transition-duration: 0.8s;  
  545.         -moz-transition-duration: 0.8s;
  546.         -webkit-transition-duration: 0.8s;  
  547.         -o-transition-duration: 0.8s;
  548.     }
  549.  
  550.     .bbcontainer:hover {
  551.         width:500px;
  552.         height:170px;
  553.         position:fixed;
  554.         bottom:0px;
  555.         opacity:1;
  556.         left:50%;
  557.         margin-left:-249px;
  558.         padding:10px 0px;
  559.         text-align:center;
  560.         background-color: rgba(0,0,0,0.5); /*same thing here*/
  561.         z-index:99999999999999999999;
  562.         display:block;
  563.         transition-duration: 1.2s;  
  564.         -moz-transition-duration: 1.2s;
  565.         -webkit-transition-duration: 1.2s;  
  566.         -o-transition-duration: 1.2s;
  567.     }
  568.  
  569.     .hovertext {
  570.         width:100;
  571.         height:10px;
  572.         text-align:center;
  573.         background-color:transparent;
  574.         bottom:0;
  575.         margin-bottom: 12px;
  576.         position: fixed;
  577.         text-transform: uppercase;
  578.         color:white;
  579.         font-size:11px;
  580.         text-shadow:1px 1px 1px black;
  581.         display:inline-block;
  582.         padding:0px 0px;
  583.         z-index:10;
  584.         opacity:0.8;
  585.         transition-duration: 0.6s;  
  586.         -moz-transition-duration: 0.6s;
  587.         -webkit-transition-duration: 0.6s;  
  588.         -o-transition-duration: 0.6s;
  589.     }
  590.  
  591.     .bbcontainer:hover .hovertext {
  592.         display:none;
  593.         transition-duration: 0.8s;  
  594.         -moz-transition-duration: 0.8s;
  595.         -webkit-transition-duration: 0.8s;  
  596.         -o-transition-duration: 0.8s;
  597.     }
  598.  
  599.     .bbcontent {
  600.         display:none;
  601.         width:370px;
  602.         height:150px;
  603.         background-color:transparent;
  604.         text-align:center;
  605.         margin-left:0px;
  606.         margin-top:25px;
  607.         transition-duration: 0.8s;  
  608.         -moz-transition-duration: 0.8s;
  609.         -webkit-transition-duration: 0.8s;  
  610.         -o-transition-duration: 0.8s;
  611.     }
  612.    
  613.     .bbcontainer:hover .bbcontent {
  614.         position:relative;
  615.         display:inline-block;
  616.         opacity:1;
  617.     }
  618.  
  619.     .bbimg {
  620.         float:left;
  621.         border:1px solid transparent;
  622.         width:150px;
  623.         height:auto;
  624.         margin-left:0px;
  625.         position:relative;
  626.         display:inline-block;
  627.         margin-top:0px;
  628.     }
  629.    
  630.     .bbimg img {
  631.         max-width:150px;
  632.         max-height:130px;
  633.     }
  634.        
  635.     .bbtextcontainer {
  636.         float:right;
  637.         width:210px;
  638.         height:100px;
  639.         position:relative;
  640.         border:1px solid transparent;
  641.         margin-top:0px;
  642.         display:inline-block;
  643.         opacity:1;
  644.     }
  645.    
  646.     .bbtext {
  647.         font-size:10px;
  648.         color:{color:BottomBar Description};
  649.         padding:0px 0px;
  650.         text-align:justify;
  651.         opacity:1;
  652.         font-family:calibri;
  653.         font-style:italic;
  654.         text-shadow:2px 2px 2px black;
  655.     }
  656.    
  657.     .bbtext a {
  658.         color:{color:BottomBar Description Links};
  659.         text-shadow:none;
  660.     }
  661.  
  662.     .bbtext a:hover {
  663.         color:{color:BottomBar Description Links Hover};
  664.         text-shadow:none;
  665.     }
  666.    
  667.     #sidebar {
  668.         position:fixed;
  669.         width:180px;
  670.         top:300px;
  671.         left:50%;
  672.         margin-left:-520px;
  673.         height:auto;
  674.     }
  675.    
  676.     #sbtitlebox {
  677.         width:180px;
  678.         max-width:180px;
  679.         display:inline-block;
  680.     }
  681.    
  682.     #sbtitle1 {
  683.         font-size:13px;
  684.         font-family:'segoe ui', calibri, arial;
  685.         text-transform:uppercase;
  686.         color:{color:Sidebar Text};
  687.         text-align:center;
  688.         border:1px solid {color:Sidebar Borders};
  689.         padding:5px;
  690.         margin-bottom:20px;
  691.     }
  692.      
  693.     #imgbox {width:180px;}
  694.      
  695.     #pagination {
  696.         font-size:17px;
  697.         font-family:'segoe ui',calibri,arial;
  698.         color:{color:Sidebar Text};
  699.         border:1px solid {color:Sidebar Borders};
  700.         margin-top:20px;
  701.         text-align:center;
  702.         padding:5px 0px 5px 0px;
  703.     }
  704.    
  705.     #pagination a {color:{color:Pagination};}
  706.     #pagination a:hover {color:{color:Pagination Hover};}
  707.      
  708.     #previous {display:inline;padding:5px 0px;}
  709.     #next {display:inline;padding:5px 0px;}
  710.    
  711.     #notecontainer {
  712.         margin: 20px auto;
  713.         width: 500px;
  714.         font-size: 10px;
  715.         font-family:calibri;
  716.         text-align:left;
  717.     }
  718.  
  719.     #notecontainer ol.notes {
  720.         list-style-type: none;
  721.         margin: 0;
  722.         padding: 0;
  723.     }
  724.  
  725.     #notecontainer img.avatar {
  726.         margin-right: 10px;
  727.         width: 16px;
  728.         height: 16px;
  729.     }
  730.    
  731.     </style>
  732.    
  733. </head>
  734. <body>
  735.  
  736. <div id="sidebar">
  737.     <div id="sbtitlebox">
  738.         <div id="sbtitle1">
  739.             {text:Sidebar Text}
  740.         </div>
  741.     </div>    
  742.     <div id="imgbox"><a href="http://alukaforyou.tumblr.com/post/97449418468/okay-but-what-if"><img src="{image:Sidebar Image}" style="max-width:180px;"></a></div>
  743.     <div id="pagination">
  744.         {block:Pagination}
  745.         <div id="previous">{block:PreviousPage}<a href="{PreviousPage}">-</a>{/block:PreviousPage}</div>
  746.         <div id="next">{block:NextPage}<a href="{NextPage}">+</a>{/block:NextPage}</div>
  747.         {/block:Pagination}
  748.     </div>
  749. </div>
  750.  
  751.  
  752. <div class="bbcontainer">
  753.     <div class="hovertext">
  754.         HOVER
  755.     </div>
  756.     <div class="bbcontent">
  757.         <div class="bbimg"><a href="http://alukaforyou.tumblr.com/post/97449418468/okay-but-what-if"><img src="{image:Bottom Bar Image}"></a>           </div>
  758.         <div class="bbtextcontainer">
  759.             <div class="bbtext">
  760.                 {description}
  761.             </div>
  762.         </div>
  763.     </div>
  764. </div>
  765.  
  766. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:30,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  767.    
  768. <div id="titlebar">
  769.     <div id="title">
  770.          <a href="/">{Title}</a>
  771.     </div>
  772. </div>
  773.  
  774. <div id="navbar">  
  775.     <div id="navlinks1">
  776.         <a href="{text:Link 1 URL}">{text:Link 1 title}</a>
  777.         <a href="{text:Link 2 URL}">{text:Link 2 title}</a>
  778.         <a href="{text:Link 3 URL}">{text:Link 3 title}</a>
  779.     </div>
  780.     <div id="navlinks2">
  781.         <a href="{text:Link 4 URL}">{text:Link 4 title}</a>
  782.         <a href="{text:Link 5 URL}">{text:Link 5 title}</a>
  783.         <a href="{text:Link 6 URL}">{text:Link 6 title}</a>
  784.         <a href="{text:Link 7 URL}">{text:Link 7 title}</a>
  785.     </div>
  786. </div>
  787.  
  788. <div id="bigc">
  789.     <div id="postcontainer">
  790.     {block:Posts}
  791.         <div class="posts">
  792.        
  793.         {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1><div class="text">{Body}</div>{/block:Text}
  794.        
  795.         {block:Answer}<div class="quest"><div class="ima"><img src="{AskerPortraitURL-40}"></div><div class="qtext">{Asker}: {Question}</div></div><div class="answer">{Answer}</div>{/block:Answer}
  796.  
  797.         {block:Quote}<div class="quote">"{Quote}"{block:Source}<div class="source">{Source}</div>{/block:Source}</div>{/block:Quote}
  798.  
  799.         {block:Link}<h3><a href="{URL}">{Name}</a></h3><div class="text">{block:Description}{Description}{/block:Description}</div>{/block:Link}
  800.  
  801.         {block:Chat}{block:Title}<h2>{Title}</h2>{/block:Title}<ul class="convo">{block:Lines}<li class="line_{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>{/block:Lines}</ul>{/block:Chat}
  802.        
  803.         {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkCloseTag}<div class="caption">{block:Caption}{Caption} {/block:Caption}</div>{/block:Photo}
  804.  
  805.         {block:Photoset}{Photoset-500}{block:Caption}<div class="caption">{Caption}</div> {/block:Caption}{/block:Photoset}
  806.  
  807.         {block:AudioPlayer}<div class="audiowrapper">{block:AlbumArt}<div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}<div class="playerbuttonbg"><div class="newplayerbutton"><div class="playerbuttonhug">{AudioPlayerBlack}</div></div></div><div class="trackdetails">{block:TrackName}{TrackName}{/block:TrackName}<br/>{block:Artist}Artist: {Artist}{/block:Artist}<br/>{block:Album}Album: {Album}{/block:Album}<br/>{PlayCountWithLabel}</div></div>{block:Caption}<div class="caption" style="padding:10px 10px;">{Caption}</div> {/block:Caption}{/block:AudioPlayer}
  808.        
  809.         {block:Video}{Video-500}{block:Caption}<div class="caption">{Caption}</div> {/block:Caption}{/block:Video}
  810.         {block:Date}
  811.         <div class="postinfo">
  812.             <div class="postinfob">
  813.                 <a href="{Permalink}">
  814.                  
  815.                 {DayOfMonthWithZero}/{MonthNumberWithZero}/{ShortYear}:{12Hour} {AmPm}
  816.                 <br>
  817.                 {block:NoteCount}+{NoteCountWithLabel}{/block:NoteCount}
  818.                 </a><br>
  819.                 {block:RebloggedFrom}
  820.                 <a href="{ReblogParentURL}">via </a> /
  821.                 <a href="{ReblogRootURL}">source</a>
  822.                 {/block:RebloggedFrom}
  823.                 {block:HasTags} {block:Tags} <br>
  824.                 <a href="{TagURL}">#{Tag}</a>
  825.                 {/block:Tags} {/block:HasTags}
  826.             </div>
  827.         </div>{/block:Date}
  828.  
  829.     </div>
  830.    
  831.         {block:ContentSource}
  832.         <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  833.         {/block:ContentSource}
  834.        
  835.         <div id="notecontainer">{PostNotes}</div>
  836.     {/block:Posts}
  837.    
  838.     </div> <!-- end posts container-->
  839. </div>
  840.  
  841. <div style="padding:10px; bottom:5px; right:5px; position:fixed; color:white;border:1px solid white; " ><a href="http://felinum.tumblr.com" title="theme by felinum">FLN</a></div>
  842.  
  843. </body>
  844. </html>
Add Comment
Please, Sign In to add comment