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

[Old Theme] K.I.L.L.

By: lostmemento on May 7th, 2012  |  syntax: None  |  size: 34.15 KB  |  hits: 5,223  |  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. <html>
  2. <head>
  3. <!--- 16 K.I.L.L. THEME MADE BY: http://lostmemento.tumblr.com (lmthemes)
  4.  
  5.     TERMS OF USAGE:
  6.     - DO NOT REMOVE THE CREDIT
  7.     - DO NOT REDISTRIBUTE
  8.     - DO NOT CLAIM AS YOUR OWN
  9.     - DO NOT USE AS A BASE
  10.  
  11. --->
  12.  
  13.         <title>{Title}</title>
  14.         <link rel="shortcut icon" href="{Favicon}">
  15.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.         {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.         <link rel="apple-touch-icon" href="{PortraitURL-128}"/>
  18.  
  19. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700,300' rel='stylesheet' type='text/css'>
  20. {block:IfEnableOnlineLeaf}<script language="javascript" type="text/javascript" src="http://static.tumblr.com/bkd4m5b/ms6m48yx3/onlineleaf.js"></script>{/block:IfEnableOnlineLeaf}
  21. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  22.  
  23.  
  24.     <!--- APPEARANCE DEFAULTS --->
  25.     <meta name="image:background" content=""/>
  26.     <meta name="image:sidebar background" content=""/>
  27.     <meta name="image:SidebarPic1" content=""/>
  28.     <meta name="image:SidebarPic1a" content=""/>
  29.         <meta name="image:SidebarPic2" content=""/>
  30.  
  31.         <meta name="if:Enable Online Leaf" content="0"/>
  32.         <meta name="if:Background No Repeat" content="0"/>
  33.         <meta name="if:Background Fixed" content="1"/>
  34.         <meta name="if:400px Post" content="0"/>
  35.         <meta name="if:Show Tags" content="0"/>
  36.         <meta name="if:Show Tags In Post" content="0"/>
  37.         <meta name="if:Stretch Photos" content="0"/>
  38.         <meta name="if:Show Photo Captions" content="0"/>
  39.         <meta name="if:AudioPlayerWhite" content="1"/>
  40.         <meta name="if:AudioPlayerGrey" content="0"/>
  41.         <meta name="if:AudioPlayerBlack" content="0"/>
  42.         <meta name="if:Show Submit" content="0"/>
  43.         <meta name="if:Show Sidebar" content="0"/>
  44.         <meta name="if:Text Credit" content="0"/>
  45.  
  46.         <meta name="if:Sidebar Flush" content="0"/>
  47.         <meta name="if:Square Home Links" content="1"/>
  48.         <meta name="if:More Description" content="0"/>
  49.         <meta name="if:Sidebar Pic 1a" content="1"/>
  50.         <meta name="if:Show Post Title Bars" content="1"/>
  51.         <meta name="if:Show Notes Symbol" content="0"/>
  52.         <meta name="if:Uppercase" content="1"/>
  53.                
  54.         <meta name="color:Scrollbar Background" content="#151515"/>
  55.         <meta name="color:Scroller" content="#ffff00"/>
  56.         <meta name="color:Background" content="#f8f8f8"/>
  57.         <meta name="color:Posts" content="#f1f1f1"/>
  58.         <meta name="color:Post Text" content="#242424"/>
  59.         <meta name="color:Post Links" content="#151515"/>
  60.         <meta name="color:Date Background" content="#fbfbfb"/>
  61.         <meta name="color:Tags" content="#ffffff"/>
  62.         <meta name="color:Reblog Border" content="#ffffff"/>
  63.         <meta name="color:Accent" content="#ffff00"/>
  64.         <meta name="color:Sidebar" content="#151515"/>
  65.         <meta name="color:Sidebar Text" content="#ffffff"/>
  66.         <meta name="color:Sidebar Dark Links" content="#080808"/>
  67.        
  68.         <meta name="text:Link1 Url" content=""/>
  69.         <meta name="text:Link1 Name" content=""/>
  70.         <meta name="text:Link2 Url" content=""/>
  71.         <meta name="text:Link2 Name" content=""/>
  72.         <meta name="text:Link3 Url" content=""/>
  73.         <meta name="text:Link3 Name" content=""/>
  74.         <meta name="text:Link4 Url" content=""/>
  75.         <meta name="text:Link4 Name" content=""/>
  76.                        
  77.         <meta name="text:Background Position" content=""/>
  78.         <meta name="text:Sidebar Text Align" content="center"/>
  79.         <meta name="text:Ask Action" content="ASKED"/>
  80.         <meta name="text:Alternate Title1" content="ALT TITLE"/>
  81.         <meta name="text:Title2" content="TITLE 2"/>
  82.         <meta name="text:Notes Symbol" content="&#9829;"/>
  83.        
  84.         <meta name="text:Sidebar Title Font Size" content="12px"/>
  85.         <meta name="text:Sidebar Description Font Size" content="8px"/>
  86.         <meta name="text:Sidebar Main Links Font Size" content="8px"/>
  87.         <meta name="text:Sidebar Page Links Font Size" content="12px"/>
  88.         <meta name="text:Navigation Font Size" content="10px"/>
  89.         <meta name="text:Posts Font Size" content="11px"/>
  90.         <meta name="text:Date Font Size" content="10px"/>
  91.         <meta name="text:Note Count Font Size" content="8px"/>
  92.         <meta name="text:Questions Font Size" content="24px"/>
  93.         <meta name="text:Tags Font Size" content="7px"/>
  94.        
  95.         <meta name="text:Main Font" content="calibri, helvetica, arial"/>
  96.         <meta name="text:Tags Font" content="arial, helvetica"/>
  97.         <meta name="text:Fancy Font" content="'Open Sans Condensed'"/>
  98.        
  99.         <meta name="text:Letter Spacing1" content="1px"/>
  100.         <meta name="text:Letter Spacing2" content="4px"/>
  101.         <meta name="text:Letter Spacing3" content="4px"/>      
  102.  
  103. <style type="text/css">
  104.         body {background-color: {color:Background};
  105.                 margin: 0px;
  106.                 {block:IfBackgroundNoRepeat}background-repeat:no-repeat;{/block:IfBackgroundNoRepeat}
  107.                 background-image: url('{image:Background}');
  108.                 background-attachment:fixed;
  109.                 font-family: {text:Main Font};
  110.                 {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}}
  111.                
  112.         img {border: 0px;}
  113.        
  114.         a {text-decoration: none;
  115.                 font-weight: normal;}
  116.        
  117. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroller}; height: 10px;}
  118. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scroller}; height:10px!important;}
  119. ::-webkit-scrollbar {background-color: {color:Scrollbar Background}; height:10px; width:5px;}
  120.  
  121. #container {width: 1270px; margin: auto; background-color: transparent;}
  122.  
  123. /* SIDEBAR */
  124. .bar {background-color: {color:Sidebar};
  125.         height: 100%;
  126.         width: 150px;
  127.         position: fixed;
  128.         {block:IfSidebarFlush}left: 0px;{/block:IfSidebarFlush}
  129.         margin-left: 200px;
  130.         z-index: 2;
  131.         overflow: hidden;
  132.         background-image: url('{image:sidebar background}');  
  133.         transition-duration: 0.8s;
  134.         -o-transition-duration: 0.8s;
  135.         -webkit-transition-duration: 0.8s;  
  136.         -moz-transition-duration: 0.8s;
  137.     top: 0px}
  138.  
  139. .sidebar {width: 0px;
  140.         position: fixed;
  141.         height: 100%;
  142.         background-color: transparent;  
  143.         color: transparent;  
  144.         margin-left: -19px;
  145.         padding: 10px;
  146.         top: 0px;
  147.         opacity: 0.0;
  148.         transition-duration: 0.8s;
  149.         -o-transition-duration: 0.8s;
  150.         -webkit-transition-duration: 0.8s;  
  151.         -moz-transition-duration: 0.8s; }
  152.        
  153. .sidebar .tble {opacity: 0.0;
  154.         margin-top: 20px;}
  155.        
  156. {block:IfNotShowSidebar}
  157. .bar:hover .sidebar .tble {opacity: 1.0}
  158. {/block:IfNotShowSidebar}
  159.  
  160. {block:IfShowSidebar}
  161. .sidebar .tble {opacity: 1.0}
  162. {/block:IfShowSidebar}
  163.  
  164. {block:IfNotShowSidebar}
  165. .bar:hover .sidebar {width: 185px;
  166.         margin-left: -200px;
  167.         background-color: {color:Sidebar};
  168.         color: {color:Sidebar Text};
  169.         opacity: 1.0;}
  170. {/block:IfNotShowSidebar}
  171.  
  172. {block:IfShowSidebar}.sidebar {width: 185px;
  173.         margin-left: -200px;
  174.         background-color: {color:Sidebar};
  175.         color: {color:Sidebar Text};
  176.         opacity: 1.0;}
  177. {/block:IfShowSidebar}
  178.  
  179. .descript {font-family: {text:Main Font};
  180.         text-align: {text:Sidebar Text Align};
  181.         font-size: {text:Sidebar Description Font Size};
  182.         color: {color:Sidebar Text};
  183.     {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  184.     letter-spacing: {text:Letter Spacing1};
  185.     {block:IfNotMoreDescription}
  186.     width: 180px;
  187.     max-height: 220px;
  188.     overflow: hidden;
  189.     {/block:IfNotMoreDescription}
  190.     {block:IfMoreDescription}
  191.     max-height: 220px;
  192.     overflow: auto;
  193.     width: 150px;
  194.     margin: 0px 5px;
  195.     padding: 0px 5px;
  196.     {/block:IfMoreDescription}}
  197.    
  198. .descript a:link, .descript a:visited, .descript a:active {border-bottom: 1px solid {color:Accent};
  199.         line-height: 150%;
  200.         color: {color:Sidebar Text};}
  201.  
  202. {block:IfNotShowSidebar}
  203. .bar:hover .descript {width: 185px;}
  204. {/block:IfNotShowSidebar}
  205.  
  206. {block:IfShowSidebar}
  207. .descript {width: 185px;}
  208. {/block:IfShowSidebar}
  209.  
  210. .hmlinks {text-align: center;
  211.         margin: auto;}
  212.        
  213. .hlink {color: {color:Sidebar Text};
  214.         letter-spacing: {text:Letter Spacing2};
  215.         font-size: {text:Sidebar Title Font Size};
  216.         padding-left: 2px;
  217.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  218.         font-family: {text:Fancy Font}}
  219.        
  220. .tl {background-color: {color:Accent};
  221.         margin: 10px 60px;
  222.         color: {color:Sidebar Text};
  223.         height: 4px;
  224.         text-align: center;}
  225.  
  226. .t1l {background-color: {color:Accent};
  227.         margin: 10px 40px;
  228.         color: {color:Sidebar Text};
  229.         height: 4px;
  230.         text-align: center;}
  231.  
  232. /* SKINNY SIDEBAR */
  233.  
  234. .sb {background-image: url('{image:sidebar background}');
  235.         position: relative;
  236.         z-index: 5;
  237.         height: 100%;}
  238.  
  239. /* SIDEBAR PICS */
  240.        
  241. #sidebarpic1 {height: 150px;
  242.         width: 100px;
  243.         margin: 15px auto;
  244.         background-color: {color:Sidebar Dark Links};}
  245.        
  246. #sidebarpic2 {height: 50px;
  247.         width: 100px;
  248.         margin: 15px auto;
  249.         background-color: {color:Sidebar Dark Links};
  250.         max-height: 50px;
  251.         overflow: hidden;}
  252.  
  253. #sidebarpic1 img, #sidebarpic2 img {width: 100px;}
  254.  
  255. /* HOME LINKS SQUARE */
  256.  
  257. {block:IfSquareHomeLinks}
  258. .hlks {height: 100px;
  259.         width: 100px;
  260.         background-color: {color:Sidebar Dark Links};
  261.         margin: 15px auto;}
  262.        
  263. .hlks .blk {position: absolute;
  264.         margin-top: 40px;
  265.         margin-left: 40px;
  266.         height: 20px;
  267.         width: 20px;
  268.         background-color: {color:Accent};}
  269.  
  270.  
  271. a.blks:link, a.blks:visited, a.blks:active,
  272. a.blks2:link, a.blks2:visited, a.blks2:active,
  273. a.blks3:link, a.blks3:visited, a.blks3:active,
  274. a.blks4:link, a.blks4:visited, a.blks4:active {opacity: 0.0;
  275.         position: absolute;
  276.         background-color: {color:Sidebar};  
  277.         color: {color:Sidebar Text};
  278.         font-size: {text:Sidebar Main Links Font Size};
  279.         text-align: center;
  280.         line-height: 45px;
  281.         height: 50px;
  282.         width: 50px;
  283.         margin-top: -15px;
  284.         margin-left: -15px;
  285.         transition-duration: 1s;
  286.         -o-transition-duration: 1s;
  287.         -webkit-transition-duration: 1s;
  288.         -moz-transition-duration: 1s;  }
  289.  
  290. .bar:hover a.blks:link, .bar:hover a.blks:visited, .bar:hover a.blks:active {margin-top: -40px;
  291.         margin-left: -40px;}
  292.        
  293. .bar:hover a.blks2:link, .bar:hover a.blks2:visited, .bar:hover a.blks2:active {margin-top: -40px; margin-left: 10px;}
  294. .bar:hover a.blks3:link, .bar:hover a.blks3:visited, .bar:hover a.blks3:active {margin-top: 10px; margin-left: -40px;}
  295. .bar:hover a.blks4:link, .bar:hover a.blks4:visited, .bar:hover a.blks4:active {margin-top: 10px; margin-left: 10px;}
  296.  
  297. .bar:hover a.blks:link, .bar:hover a.blks:visited, .bar:hover a.blks:active,
  298. .bar:hover a.blks2:link, .bar:hover a.blks2:visited, .bar:hover a.blks2:active,
  299. .bar:hover a.blks3:link, .bar:hover a.blks3:visited, .bar:hover a.blks3:active,
  300. .bar:hover a.blks4:link, .bar:hover a.blks4:visited, .bar:hover a.blks4:active {opacity: 1.0;  
  301. transition-duration: 1s;
  302.     -o-transition:  all 1s ease-out;
  303.     -webkit-transition-duration: 1s;
  304.     -moz-transition-duration: 1s; }
  305. {/block:IfSquareHomeLinks}
  306.  
  307. {block:IfNotSquareHomeLinks}
  308. .hlks {height: 100%;
  309.         width: 100px;
  310.         background-color: {color:Sidebar Dark Links};
  311.         margin: 15px auto;
  312.         text-align: center;
  313.         font-size: {text:Sidebar Main Links Font Size};
  314.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase};
  315.         border-top: 10px solid {color:Accent};}
  316.        
  317. .hlks a:link, .hlks a:visited, .hlks a:active {color: {color:Sidebar Text};
  318.         display: block;
  319.         padding: 5px 0px;
  320.         transition-duration: 0.8s;
  321.         -o-transition-duration: 0.8s;
  322.         -webkit-transition-duration: 0.8s;  
  323.         -moz-transition-duration: 0.8s; }
  324.  
  325. .hlks a:hover {color: {color:Sidebar}; background-color: {color:Accent};
  326.         transition-duration: 0.8s;
  327.         -o-transition-duration: 0.8s;
  328.         -webkit-transition-duration: 0.8s;  
  329.         -moz-transition-duration: 0.8s; }
  330. {/block:IfNotSquareHomeLinks}
  331.  
  332. /* PAGE LINKS */
  333.  
  334. .line {margin: 25px auto;
  335.         width: 70%;
  336.         background-color: {color:Accent};
  337.         height: 5px;
  338.         margin-bottom: -14px;
  339.         position: relative;
  340.         z-index: 6}
  341.        
  342. .plnks {height: 500px;
  343.         margin: auto;
  344.         width: 90%;
  345.         padding: 15px 0px;
  346.         font-size: {text:Sidebar Page Links Font Size};}
  347.        
  348. .plnks a:link, .plnks a:visited, .plnks a:hover  {{block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  349.         font-family: {text:Fancy Font};
  350.         color: {color:Sidebar Text};
  351.         display: block;
  352.         padding: 3px;
  353.         text-align: center;
  354.         letter-spacing: {text:Letter Spacing2};}
  355.        
  356. .plnks a:hover {color: {color:Accent};
  357.         background-color: {color:Accent};
  358.         transition-duration: 1s;
  359.     -o-transition-duration: 1s;
  360.     -webkit-transition-duration: 1s;
  361.     -moz-transition-duration: 1s; }
  362.  
  363. /* PAGE NAVIGATION */
  364. .nav {height: 80px;
  365.         width: 50%;
  366.         margin-left: 38px;
  367.         position: absolute;
  368.         bottom: 0px;
  369.         color: {color:Sidebar Text};
  370.         font-family: {text:Fancy Font};
  371.         font-size: {text:Navigation Font Size};}
  372.  
  373. .navl a:link, .navl a:visited, .navl a:active {float: left;  
  374.         font-size: {text:Navigation Font Size};
  375.         color: {color:Sidebar Text};}
  376.        
  377. .navr a:link, .navr a:visited, .navr a:active {float: right;  
  378.         font-size: {text:Navigation Font Size};
  379.         color: {color:Sidebar Text};}
  380.  
  381. .navln {background-color: {color:Accent};
  382.         height: 15px;
  383.         width: 100%;
  384.         display: block}
  385.    
  386. #creditimage {position: fixed; bottom: 5px; right: 5px;}
  387. #creditimage a:link, #creditimage a:visited, #creditimage a:active {color: {color:Post Links}; font-size: 8px; text-transform: uppercase; font-family: {text:Main Font};}
  388.  
  389. /* POSTS */
  390.  
  391. #postbox {width: 850px;
  392.         margin-top: 40px;
  393.         margin-left: 350px;
  394.     background-color: transparent;
  395.     font-family: {text:Main Font};}
  396.  
  397. #pstbox {{block:IfNot400pxPost}width: 535px; {/block:IfNot400pxPost}
  398. {block:If400pxPost}width: 435px;{/block:If400pxPost}
  399. border-right: 10px solid {color:Sidebar};}
  400.    
  401. #tgb {{block:IfNot400pxPost}width: 535px; {/block:IfNot400pxPost}
  402. {block:If400pxPost}width: 435px;{/block:If400pxPost}
  403. border-right: 10px solid {color:Sidebar};
  404. {block:IndexPage}{block:IfNotShowTagsInPost}{block:IfShowTags}
  405. border-right: 180px solid {color:Sidebar};
  406. {/block:IfShowTags} {/block:IfNotShowTagsInPost}{/block:IndexPage}
  407. transition-duration: 0.6s;
  408.     -o-transition-duration: 0.6s;
  409.     -webkit-transition-duration: 0.6s;
  410.     -moz-transition-duration: 0.6s;}
  411.    
  412. {block:IndexPage}
  413. {block:IfNotShowTagsInPost}{block:IfNotShowTags}    
  414. #tgb:hover {border-right: 180px solid {color:Sidebar};}
  415. {/block:IfNotShowTags}{/block:IfNotShowTagsInPost}
  416. {/block:IndexPage}
  417.    
  418. #pst {background: {color:Posts};
  419.         {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  420.         {block:If400pxPost}width: 400px;{/block:If400pxPost}
  421.         padding: 15px;
  422.         min-height: 100px;
  423.     font-size: {text:Posts Font Size};
  424.     text-align: justify;
  425.     color: {color:Post Text};}
  426.    
  427. .cap a:link, .cap a:visited, .cap a:active {color: {color:Post Links};
  428.         font-style: italic;
  429.         border-bottom: 2px solid {color:Post Links};
  430.         padding: 0px 3px;}
  431.        
  432. .cap a:hover {background-color: {color:Post Links};
  433.         color: {color:Accent};
  434.         border-bottom: 0px;
  435.         transition-duration: 0.4s;
  436.     -o-transition:  all 0.4s ease-out;
  437.     -webkit-transition-duration: 0.4s;
  438.     -moz-transition-duration: 0.4s; }
  439.  
  440. .cap img, .cap  ul, .cap  li, .cap blockquote {max-width: 100%}
  441.  
  442. .cap blockquote {border-left: 5px solid  {color:Sidebar};
  443.         padding-left: 10px}
  444.        
  445. .cap li {list-style: square;}
  446.  
  447. .info {{block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  448.         {block:If400pxPost}width: 400px;{/block:If400pxPost}
  449.         background-color: {color:Date Background};}
  450.        
  451. .date {text-align: center;
  452.         font-family: {text:Fancy Font};
  453.         color: {color:Post Links};
  454.         margin-right: -15px;
  455.         letter-spacing: {text:Letter Spacing2};
  456.         font-size: {text:Date Font Size};
  457.         text-transform: uppercase;
  458.         padding: 20px 0px;
  459.         {block:IfNot400pxPost}width: 500px;{/block:IfNot400pxPost}
  460.         {block:If400pxPost}width: 400px;{/block:If400pxPost}}
  461.  
  462. #pstbox:hover .ntc, #pstboxn:hover .ntc {opacity: 1.0}
  463.  
  464. .ntc {{block:IfNot400pxPost}width: 300px;{/block:IfNot400pxPost}
  465.         {block:If400pxPost}width: 200px;{/block:If400pxPost}
  466.         height: 50px;
  467.     background-color: {color:Date Background};
  468.         opacity: 0.0;
  469.         color: {color:Post Links};
  470.         font-family: {text:Fancy Font};
  471.         position: relative;
  472.         z-index: 1;
  473.         margin: auto;
  474.         margin-top: -50px;
  475.         text-align: center;
  476.         font-size: {text:Note Count Font Size};
  477.         line-height: 50px;
  478.         letter-spacing: {text:Letter Spacing3};
  479.         transition-duration: 0.4s;
  480.     -o-transition-duration: 0.4s;
  481.     -webkit-transition-duration: 0.4s;
  482.     -moz-transition-duration: 0.4s; }
  483.    
  484. #pst .ntc a:link, #pst .ntc a:visited, #pst .ntc a:active {color: {color:Post Links};}
  485.    
  486.  
  487. #pst h1 {text-align: center;
  488.         font-family: {text:Fancy Font};
  489.         font-weight: normal;
  490.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  491.         letter-spacing: {text:Letter Spacing2};
  492.         margin-bottom: 5px;
  493.         margin-top: 5px;
  494.         color: {color:color:Post Links};}
  495.        
  496. #pst h1 a:link, #pst h1 a:visited, #pst h1 a:active {color: {color:Post Links};}
  497.  
  498. .hlne {height: 5px;
  499.         width: 30%;
  500.         margin: auto;
  501.         background-color: {color:Post Links};}
  502.        
  503. .hlney {height: 5px;
  504.         width: 30%;
  505.         margin: auto;
  506.         background-color: {color:Post Links};}
  507.  
  508. /* AUDIO */
  509.  
  510. .coverart {position: absolute;}
  511.  
  512. #pst .musiclabel {width: 240px;
  513.         margin: 0px;
  514.         padding: 0px;}
  515.  
  516. #pst .musiclabel ul {list-style: none;}
  517.  
  518. #pst .musiclabel li {list-style: none;
  519.     font-size: {text:Posts Font Size};
  520.     font-family: {text:Fancy Font};
  521.     letter-spacing: {text:Letter Spacing1};
  522.     margin-bottom: 2px;
  523.     border-bottom: 2px solid {color:Reblog Border};
  524.     text-transform: uppercase;}
  525.        
  526.  
  527. .mlabel {background-color: {color:Reblog Border}; padding: 0px 4px;}
  528.  
  529. .audioverlay {opacity: 0.8;
  530.         {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  531.         {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  532.         {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  533.         position: absolute;
  534.         z-index: 10;
  535.         {block:IfNot400pxPost}margin-top: 45px;
  536.         margin-left: 45px;{/block:IfNot400pxPost}
  537.         {block:If400pxPost}margin-top: 20px;
  538.         margin-left: 20px;{/block:If400pxPost}}
  539.        
  540. .audioarrow {width: 20px;
  541.         height: 30px;
  542.         overflow: hidden;
  543.         margin: 15px 24px 13px 16px;}
  544.    
  545. /* QUESTIONS */
  546.  
  547. .apic {margin-top: 20px;
  548.         border: 20px solid {color:Reblog Border};}
  549.  
  550. .asker {font-family: {text:Fancy Font};
  551.         font-size: {text:Posts Font Size};
  552.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  553.         letter-spacing: {text:Letter Spacing2};
  554.         margin: 3px 0px;
  555.         margin-bottom: 5px;}
  556.        
  557. .asker a:link, .asker a:visited, .asker a:active {color: {color:Post Links};}
  558.  
  559. .ques {width: 75%;
  560.         margin: 20px auto;}
  561.        
  562. .qa {font-family: {text:Fancy Font};
  563.     font-size: {text:Questions Font Size};
  564.         line-height: 90%;
  565.         {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  566.         {block:If400pxPost}text-indent: 20px;
  567.     margin-bottom: 10px;{/block:If400pxPost}
  568.         margin: 0px 20px;}
  569.    
  570. .qaleft {font-size: 70px;
  571.         font-family: arial, helvetica;
  572.         position: absolute;
  573.     margin-top: -30px;
  574.     color: {color:Post Text};}
  575.        
  576. .qaright {font-size: 70px;
  577.         float:right;
  578.     margin-top: -15px;
  579.     font-family: arial, helvetica;
  580.         color: {color:Post Text};}
  581.    
  582. /* QUOTE */
  583.  
  584. .quote {text-align: justify;
  585.     width: 75%;
  586.         font-family: {text:Fancy Font};
  587.         padding-top: 10px;}
  588.        
  589. .quote_short {font-size: 24px;
  590.         line-height: 90%;
  591.         {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  592.         {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  593.         margin: 0px 20px;
  594.         {block:If400pxPost}margin-bottom: 10px{/block:If400pxPost}}
  595.        
  596. .quote_medium {font-size: 18px;
  597.         line-height: 90%;
  598.         {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  599.         {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  600.         margin: 0px 20px;
  601.         {block:If400pxPost}margin-bottom: 10px{/block:If400pxPost}}
  602.        
  603. .quote_long {font-size: 12px;
  604.         line-height: 90%;
  605.         {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  606.         {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  607.         margin: 0px 20px;
  608.         {block:If400pxPost}margin-bottom: 10px{/block:If400pxPost}}
  609.  
  610. .source {text-align: right;
  611.         margin-top: 20px;}
  612.        
  613. .source a:link, .source a:visited, .source a:active {color: {color:Post Links};
  614.         text-transform: uppercase;
  615.         text-decoration: underline;}
  616.  
  617. .qleft {font-size: 70px;
  618.         font-family: arial, helvetica;
  619.         line-height: 100px;
  620.         position: relative;
  621.         bottom: 10px;
  622.         left: 60px;
  623.         margin-bottom: -90px;
  624.         color: {color:Post Text};}
  625.        
  626. .qright {font-size: 70px;
  627.         padding-right: 5px;
  628.         line-height: 30px;
  629.         text-align: right;
  630.         position: relative;
  631.         bottom: 0px;
  632.     font-family: arial, helvetica;
  633.         margin-bottom: -10px;
  634.         color: {color:Post Text};}
  635.  
  636. /* CHAT */
  637. #pst .chat li, #pst .chat ul {list-style: none;
  638.         font-family: {text:Fancy Font};
  639.         font-size: {text:Posts Font Size};
  640.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  641.         letter-spacing: {text:Letter Spacing1};}
  642.        
  643. #pst .chat ul {padding-bottom: 15px;
  644.         padding-left: 0px;}
  645.        
  646. #pst .chat .cline {border-bottom: 4px solid {color:Reblog Border};}
  647.  
  648. .cline .label {background-color: {color:Reblog Border};
  649.         padding: 0px 10px;}
  650.  
  651. /* NOTE LIST */
  652.  
  653. .perma_ntc {text-align: center;
  654.         font-family: {text:Fancy Font};
  655.         font-size: 12px;
  656.         color: {color:Post Links};
  657.         text-transform: uppercase;
  658.         background-color: {color:Date Background};
  659.         padding: 20px 0px;
  660.         margin-bottom: -25px;
  661.         letter-spacing: {text:Letter Spacing2};}
  662.  
  663. ol.notes {padding: 0px;
  664.         margin: 25px 0px;
  665.         list-style-type: none;
  666.     border-bottom: solid 1px {color:Reblog Border};
  667.     color: {color:Post Links};}
  668.            
  669. ol.notes a:link, ol.notes a:visited, ol.notes a:active {color: {color:Post Links};
  670.         text-transform: uppercase;
  671.         font-size: {text:Tags Font Size};
  672.         font-family: {text:Tags Font};
  673.         letter-spacing: {text:Letter Spacing1};
  674.         font-style: normal;}
  675.  
  676. ol.notes li.note {border-top: solid 1px {color:Reblog Border};
  677.         padding: 10px;}
  678.  
  679. ol.notes li.note img.avatar {vertical-align: -4px;
  680.         margin-right: 10px;
  681.         width: 16px;
  682.         height: 16px;}
  683.  
  684. ol.notes li.note span.action {font-weight: normal;
  685.         font-style: italic;}
  686.  
  687. ol.notes li.note .answer_content {font-weight: normal;}
  688.  
  689. ol.notes li.note blockquote {background-color: {color:Reblog Border};
  690.         padding: 4px 10px;
  691.         margin: 10px 0px 0px 25px;}
  692.  
  693. ol.notes li.note blockquote a:link, ol.notes li.note blockquote a:visited, ol.notes li.note blockquote a:active {text-decoration: none;
  694.         font-size: {text:Tags Font Size};
  695.         letter-spacing: {text:Letter Spacing1};}
  696.    
  697. /* REBLOG */  
  698.  
  699. .rimgs img {border: 3px solid {color:Reblog Border};
  700.         display: block;}
  701.    
  702. .tags {position: absolute;
  703. {block:IfNot400pxPost}margin-left: 530px;{/block:IfNot400pxPost}
  704. {block:If400pxPost}margin-left: 430px;{/block:If400pxPost}
  705. font-size: {text:Tags Font Size};
  706. width: 160px;
  707. line-height: 180%;
  708.     {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  709.         font-family: {text:Tags Font};
  710.     {block:IfNotShowTagsInPost}{block:IfNotShowTags}
  711.     opacity: 0.0;
  712.     {/block:IfNotShowTags}{/block:IfNotShowTagsInPost}
  713.     transition-duration: 0.6s;
  714.     -o-transition-duration: 0.6s;
  715.         -webkit-transition-duration: 0.6s;
  716.         -moz-transition-duration: 0.6s;}
  717.    
  718. {block:IfNotShowTagsInPost}{block:IfNotShowTags}
  719. #pstbox:hover .tags, #pstboxn:hover .tags {opacity: 1.0;
  720.  transition-duration: 0.6s;
  721.     -o-transition-duration: 0.6s;
  722.     -webkit-transition-duration: 0.6s;
  723.         -moz-transition-duration: 0.6s;}
  724. {/block:IfNotShowTags}{/block:IfNotShowTagsInPost}
  725.    
  726. .tags a:link, .tags a:visited, .tags a:active {display: block;
  727.     color: {color:Tags};
  728.         letter-spacing: {text:Letter Spacing1};
  729.         font-style: italic;
  730. {block:IfShowTags}padding: 0px 4px;{/block:IfShowTags}
  731.         transition-duration: 0.6s;
  732.         -o-transition-duration: 0.6s;
  733.         -webkit-transition-duration: 0.6s;
  734.         -moz-transition-duration: 0.6s;}
  735.  
  736. .tags a:hover {border-bottom: 3px solid {color:Accent};
  737.         color: {color:Accent};
  738. {block:IfShowTags}background-color: {color:Sidebar};{/block:IfShowTags}
  739.         transition-duration: 0.6s;
  740.     -o-transition-duration: 0.6s;
  741.     -webkit-transition-duration: 0.6s;
  742.     -moz-transition-duration: 0.6s;}
  743.  
  744.  
  745. .tagcen {text-align: center;
  746.         margin-top: 15px;}
  747.  
  748. .tagcen a:link, .tagcen a:visited, .tagcen a:active {background-color: {color:Date Background};
  749.         font-family: {text:Tags Font};
  750.         font-size: {text:Tags Font Size};
  751.         letter-spacing: {text:Letter Spacing1};
  752.         padding: 2px 4px;
  753.         margin: -2px 2px;
  754.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  755.         display: inline-block;
  756.         color: {color:Post Links};}
  757.  
  758.    
  759. #clear {clear: both;}
  760.    
  761.  
  762. {CustomCSS}
  763. </style></head>
  764.  
  765.  
  766. <body>
  767.  
  768. <div id="container">
  769.  
  770. <div id="postbox">
  771.  
  772. {block:Posts}
  773. <table style="margin-left: 80px; margin-bottom: 20px;"><tr><td id="rblk" style="vertical-align: top"></td><td>
  774.  
  775.  
  776. <div id="pstbox">
  777. {block:HasTags}<div id="tgb">{/block:HasTags}
  778.  
  779. <div id="pst">
  780.  
  781. {block:IndexPage}{block:IfNotShowTagsInPost}
  782. {block:HasTags}<div class="tags">
  783. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  784. </div>{/block:HasTags}
  785. {/block:IfNotShowTagsInPost}{/block:IndexPage}
  786.  
  787.  
  788. {block:Date}<div class="info">
  789. {block:IndexPage}{block:RebloggedFrom}<div style="float: right; margin-top: 5px; margin-right: 5px;"><div class="rimgs"><a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-16}" title="{ReblogParentTitle}"></a></div>
  790.  
  791. <div class="rimgs"><a href="{ReblogRootURL}"><img src="{ReblogRootPortraitURL-16}" title="{ReblogRootName}"></a></div></div>{/block:RebloggedFrom}{/block:IndexPage}
  792.  
  793. <div class="date" {block:RebloggedFrom}style="padding-left: 30px;"{/block:RebloggedFrom}>
  794. {block:NewDayDate} {DayOfMonthWithZero} . {MonthNumberWithZero} . {Year}{/block:NewDayDate}
  795.  
  796. {block:SameDayDate}<span style="font-size: {text:Tags Font Size};">{TimeAgo}</span>{/block:SameDayDate}</div></div>
  797.  
  798. {block:IndexPage}<div class="ntc">
  799. <a href="{ReblogURL}" target="_blank">REBLOG</a> &#9642;
  800.  
  801. {block:NoteCount}<div style="display: none">{/block:NoteCount}<a href="{Permalink}">PERMALINK</a>{block:NoteCount}</div>{/block:NoteCount}
  802.  
  803. {block:NoteCount}<a href="{Permalink}">{NoteCount} {block:IfNotShowNotesSymbol}NOTES{/block:IfNotShowNotesSymbol} {block:IfShowNotesSymbol}{text:Notes Symbol}{/block:IfShowNotesSymbol}</a>{/block:NoteCount}</div>{/block:IndexPage}{/block:Date}
  804.  
  805. <!--- PHOTO POSTS --->
  806. {block:Photo}{LinkOpenTag}{block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="500px"{/block:IfStretchPhotos}>{/block:IfNot400pxPost}
  807. {block:If400pxPost}<img src="{PhotoURL-400}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="400px"{/block:IfStretchPhotos}>{/block:If400pxPost}{LinkCloseTag}
  808. {block:IfNotShowPhotoCaptions}{block:PermalinkPage}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowPhotoCaptions}
  809.  
  810. {block:IfShowPhotoCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaptions}{/block:Photo}
  811.  
  812. <!--- PHOTOSET POSTS --->
  813. {block:Photoset}<div style="margin-top: 10px;">{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  814. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}
  815. {block:IfNotShowPhotoCaptions}{block:PermalinkPage}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:PermalinkPage}{/block:IfNotShowPhotoCaptions}
  816.  
  817. {block:IfShowPhotoCaptions}{block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:IfShowPhotoCaptions}</div>{/block:Photoset}
  818.  
  819. <!--- AUDIO POSTS --->
  820. {block:Audio}
  821. <table cellspacing="0" cellpadding="0" style="margin-top: 2px;" width="500px"><tr><td {block:IfNot400pxPost}width="150px" {/block:IfNot400pxPost} {block:If400pxPost}width="100px"{/block:If400pxPost}>
  822.  
  823. <div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  824. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  825. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>
  826.  
  827. <div class="coverart">{block:AlbumArt}
  828. <img {block:IfNot400pxPost}width="150" height="150"{/block:IfNot400pxPost} {block:If400pxPost}width="100" height="100"{/block:If400pxPost} src="{AlbumArtURL}" />
  829. {/block:AlbumArt}</div>
  830.  
  831. <div class="defaultcover"><img src="http://static.tumblr.com/jn9hrij/20Ul2zzsr/albumart.jpg" alt="default album art" {block:IfNot400pxPost}width="150" height="150"{/block:IfNot400pxPost} {block:If400pxPost}width="100" height="100"{/block:If400pxPost}>
  832. </td>
  833.  
  834.  
  835. <td {block:IfNot400pxPost}width="91px"{/block:IfNot400pxPost} {block:If400pxPost}width="71px"{/block:If400pxPost}><img src="http://i40.tinypic.com/2vwcjgg.png" {block:IfNot400pxPost}height="150px"{/block:IfNot400pxPost}  {block:If400pxPost}height="100px"{/block:If400pxPost}></td>
  836.  
  837. <td><ul class="musiclabel"><li class="musiclabel">{block:Artist}<span class="mlabel">ARTIST:</span> {Artist}{/block:Artist}</li>
  838. <li class="musiclabel">{block:TrackName}<span class="mlabel">SONG:</span> {TrackName}{/block:TrackName}</li>
  839. <li class="musiclabel">{block:Album}<span class="mlabel">ALBUM:</span> {Album}{/block:Album}</li>
  840. <li class="musiclabel"><div class="mlabel" style="text-align: center">{PlayCountWithLabel}</div></li></ul></td></tr></table>
  841. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  842. {/block:Audio}
  843.  
  844. <!--- VIDEO POSTS --->
  845. {block:Video}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
  846. {block:If400pxPost}{Video-400}{/block:If400pxPost}
  847. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}{/block:Video}
  848.  
  849. <!--- TEXT POSTS --->
  850. {block:Text}<div class="cap">{block:Title}{block:IfShowPostTitleBars}<div class="hlne" style="margin-top: 20px;"></div>{/block:IfShowPostTitleBars}<h1>{Title}</h1>{block:IfShowPostTitleBars}<div class="hlne"></div>{/block:IfShowPostTitleBars}{/block:Title}
  851. {Body}</div>{/block:Text}
  852.  
  853. <!--- ANSWER POSTS --->
  854. {block:Answer}<center><img src="{AskerPortraitURL-30}" class="apic">
  855. <div class="asker">{Asker} {text:Ask Action}</div></center>
  856.  
  857. {block:IfShowPostTitleBars}<div class="hlne"></div>{/block:IfShowPostTitleBars}
  858. <div class="ques"><div class="qaleft">“</div><div class="qa">{Question}</div><div class="qaright">”</div></div>
  859. {block:IfShowPostTitleBars}<div class="hlne"></div>{/block:IfShowPostTitleBars}
  860. <div class="cap">{Answer}</div>{/block:Answer}
  861.  
  862.  
  863. <!--- QUOTE POSTS --->
  864. {block:Quote}<div class="qleft">“</div><center><div class="quote"><div class="quote_{Length}">{Quote}</div><div class="qright">”</div>
  865. {block:Source}<div class="source">- {Source}</div>{/block:Source}</div>{/block:Quote}
  866.  
  867. <!--- LINK POSTS --->
  868. {block:Link}{block:IfShowPostTitleBars}<div class="hlney" style="margin-top: 20px;"></div>{/block:IfShowPostTitleBars}<h1><a href="{URL}">{Name}</a></h1>{block:IfShowPostTitleBars}<div class="hlney"></div>{/block:IfShowPostTitleBars}
  869. {block:Description}<div class="cap">{Description}</div>{/block:Description}{/block:Link}
  870.  
  871. <!--- CHAT POSTS --->
  872. {block:Chat}<div class="cap">{block:Title}{block:IfShowPostTitleBars}<div class="hlne" style="margin-top: 20px;"></div>{/block:IfShowPostTitleBars}<h1>{Title}</h1>{block:IfShowPostTitleBars}<div class="hlne"></div>{/block:IfShowPostTitleBars}{/block:Title}
  873. <div class="chat"><ul>{block:Lines}
  874. <li class="cline">{block:Label}
  875. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>{/block:Chat}
  876.  
  877. {block:IndexPage}
  878. {block:IfShowTagsInPost}<div class="tagcen">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  879. {/block:IfShowTagsInPost}
  880. {/block:IndexPage}
  881.  
  882. {block:PermalinkPage}
  883. <div class="tagcen" {block:NoteCount}style="margin-bottom: 15px;"{/block:NoteCount}>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  884.  
  885. {block:NoteCount}<div class="perma_ntc">{NoteCountWithLabel}</div>{/block:NoteCount} {/block:PermalinkPage}
  886. {block:PostNotes}{PostNotes}{/block:PostNotes}
  887. </div>
  888. {block:HasTags}</div>{/block:HasTags}
  889.  
  890. </div></td></tr></table>
  891.  
  892.  
  893. {/block:Posts}
  894.  
  895.  
  896. </div>
  897.  
  898. <!--- START OF SIDEBAR --->
  899. <div class="bar">
  900.  
  901. <!--- BEGIN SIDEBAR INLAY --->
  902. <div class="sidebar"><table class="tble" cellspacing="0" cellpadding="0">
  903. <tr><td height="280px"><div class="descript">{Description}</div></td></tr>
  904.    
  905. {block:IfTitle2}<tr><td height="110px">
  906. <div class="hmlinks">
  907. <div class="tl"></div>
  908. <a href="/" class="hlink">{text:Title2}</a>
  909. <div class="tl"></div></div></td></tr>{/block:IfTitle2}
  910.    
  911. <tr><td>{block:IfSidebarPic2Image}<img src="{image:SidebarPic2}" width="180px">{/block:IfSidebarPic2Image}
  912.  
  913. <div class="line"></div>
  914. <div class="plnks">
  915. {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name}
  916. {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name}
  917. {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name}
  918. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name}
  919. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a> {/block:Pages}{/block:HasPages}</div></td></tr>
  920. </table></div>
  921.  
  922. <!--- BEGIN SKINNY SIDEBAR --->
  923.  
  924.  
  925. <div class="sb">
  926. <div class="hmlinks" style="margin-top: 30px;">
  927. <div class="t1l"></div>
  928. <a href="/" class="hlink">{block:IfNotAlternateTitle1}{Title}{/block:IfNotAlternateTitle1} {block:IfAlternateTitle1}{text:Alternate Title1}{/block:IfAlternateTitle1}</a>
  929. <div class="t1l"></div></div>
  930.  
  931. <div id="sidebarpic1"><img src="{image:SidebarPic1}"></div>
  932. {block:IfSidebarPic1a}<div id="sidebarpic2"><img src="{image:SidebarPic1a}"></div>{/block:IfSidebarPic1a}
  933.  
  934. {block:IfSquareHomeLinks}
  935. <div class="hlks"><Div class="blk">
  936. <a href="/" class="blks">REFRESH</a>
  937. <a href="/ask" class="blks2">ASK</a>
  938. <a href="/archive" class="blks3">ARCHIVE</a>
  939. {block:IfNotShowSubmit}<a href="/random" class="blks4">RANDOM</a>{/block:IfNotShowSubmit}
  940. {block:IfShowSubmit}<a href="/submit" class="blks4">SUBMIT</a>{/block:IfShowSubmit}</div></div>
  941. {/block:IfSquareHomeLinks}
  942.  
  943. {block:IfNotSquareHomeLinks}
  944. <div class="hlks">
  945. <a href="/">REFRESH</a>
  946. <a href="/ask">ASK</a>
  947. {block:SubmissionsEnabled}<a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}
  948. <a href="/archive">ARCHIVE</a>
  949. <a href="/random">RANDOM</a></div>
  950. {/block:IfNotSquareHomeLinks}
  951.  
  952. {block:Pagination}<div class="nav"><div class="navln"></div>
  953. {block:PreviousPage}<div class="navl"><a href="{PreviousPage}">PREV</a></div>{/block:PreviousPage}
  954. {block:NextPage}<div class="navr"><a href="{NextPage}">NEXT</a></div>{/block:NextPage}</div>{/block:Pagination}</div>
  955. </div>
  956.  
  957. <div id="creditimage"><a href="http://lostmemento.tumblr.com">{block:IfNotTextCredit}<img src="http://static.tumblr.com/bkd4m5b/Mlbm48yum/lmthemeslogoxsml_copy.png">{/block:IfNotTextCredit} {block:IfTextCredit} &copy; LMTHEMES{/block:IfTextCredit}</a></div>
  958. </body></html>
create a new version of this paste RAW Paste Data