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

[Old Theme] Lucky Number Slevin

By: lostmemento on Apr 9th, 2012  |  syntax: None  |  size: 31.88 KB  |  hits: 6,270  |  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. <!--- 13 LUCKY NUMBER SLEVIN 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.        
  14.         <title>{Title}</title>
  15.     <link rel="shortcut icon" href="{Favicon}">
  16.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.     {block:Description}<meta name="description" content="{MetaDescription}"/> {/block:Description}
  18.         <liink rel="apple-touch-icon" href="{PortraitURL-128}"/>
  19.        
  20.    
  21.   <!--- APPEARANCE DEFAULTS --->
  22.     <meta name="image:sidebarpic" content=""/>
  23.         <meta name="image:background" content=""/>
  24.  
  25.         <meta name="color:Scrollbar Background" content="#fcfcfc"/>
  26.         <meta name="color:Scroller" content="#75D0C9"/>
  27.         <meta name="color:Background" content="#f8f8f8"/>
  28.         <meta name="color:Posts Background" content="#fcfcfc"/>
  29.         <meta name="color:Posts Background Lighter" content="#fefefe"/>
  30.         <meta name="color:Posts Font" content="#fcfcfc"/>
  31.         <meta name="color:Main Accent" content="#75D0C9"/>
  32.         <meta name="color:Post Text" content="#777777"/>
  33.         <meta name="color:Post Link" content="#a4a4a4"/>
  34.         <meta name="color:Bottom Border" content="#f1f1f1"/>
  35.         <meta name="color:Date Bottom Border" content="#f8f8f8"/>
  36.         <meta name="color:Reblogged Text" content="#c9c9c9"/>
  37.         <meta name="color:Sidebar Text" content="#a4a4a4"/>
  38.         <meta name="color:Tags Permalink Background" content="#ffffff"/>
  39.        
  40.         <meta name="if:Enable Online Leaf" content="1"/>
  41.         <meta name="if:Background No Repeat" content="0"/>
  42.         <meta name="if:Background Fixed" content="0"/>
  43.         <meta name="if:400px Post" content="0"/>
  44.         <meta name="if:Show Tags" content="0"/>
  45.         <meta name="if:Show Tags In Post" content="0"/>
  46.         <meta name="if:Show Photo Captions" content="0"/>
  47.         <meta name="if:Stretch Photos" content="0"/>
  48.         <meta name="if:AudioPlayerWhite" content="1"/>
  49.         <meta name="if:AudioPlayerGrey" content="0"/>
  50.         <meta name="if:AudioPlayerBlack" content="0"/>
  51.         <meta name="if:Text Credit" content="1"/>
  52.        
  53.     <meta name="if:Show Sidebar" content="0"/>
  54.     <meta name="if:Show Description Always" content="0"/>
  55.         <meta name="if:Uppercase" content="1"/>
  56.         <meta name="if:Show Random" content="1"/>
  57.         <meta name="if:Photo and Photoset Dates In Posts" content="0"/>
  58.                
  59.         <meta name="text:Link1 Url" content=""/>
  60.         <meta name="text:Link1 Name" content=""/>
  61.         <meta name="text:Link2 Url" content=""/>
  62.         <meta name="text:Link2 Name" content=""/>
  63.         <meta name="text:Link3 Url" content=""/>
  64.         <meta name="text:Link3 Name" content=""/>
  65.         <meta name="text:Link4 Url" content=""/>
  66.         <meta name="text:Link4 Name" content=""/>
  67.        
  68.         <meta name="font:Posts" content="Calibri, Helvetica"/>
  69.         <meta name="font:Date" content="Arial, Helvetica"/>
  70.        
  71.         <meta name="text:Background Position" content=""/>
  72.         <meta name="text:Sidebar Text Align" content="center"/>
  73.         <meta name="text:Ask Action" content="ASKED"/>
  74.         <meta name="text:Nav Arrow Left" content="&#10094;"/>
  75.         <meta name="text:Nav Arrow Right" content="&#10095;"/>
  76.         <meta name="text:Reblogged Permalink Separator" content="&#9726;"/>
  77.         <meta name="text:Date Font Size" content="7px"/>
  78.         <meta name="text:Post Font Size" content="11px"/>
  79.         <meta name="text:Post Title Font Size" content="20px"/>
  80.         <meta name="text:Tags and Reblogged Font Size" content="8px"/>
  81.         <meta name="text:Questions Font Size" content="24px"/>
  82.         <meta name="text:Note Count Font Size" content="10px"/>
  83.         <meta name="text:Middle Column Links Font Size" content="8px"/>
  84.         <meta name="text:Nav Arrow Font Size" content="18px"/>
  85.         <meta name="text:Sidebar Font Size" content="8px"/>
  86.         <meta name="text:Sidebar Links Font Size" content="14px"/>
  87.  
  88. <link href='http://fonts.googleapis.com/css?family=Terminal+Dosis+Light|Open+Sans+Condensed:300|Ubuntu+Condensed' rel='stylesheet' type='text/css'>                    
  89.        
  90.                        
  91.        
  92. <style type="text/css">
  93.         body {background-color: {color:Background};
  94.                 font-family: {font:Posts};
  95.                 margin: 0px;
  96.                 background-image: url('{image:background}');
  97.                 {block:IfBackgroundFixed}background-attachment: fixed;{/block:IfBackgroundFixed}
  98.                 {block:IfBackgroundNoRepeat}background-repeat: no-repeat; {/block:IfBackgroundNoRepeat}
  99.                 {block:IfBackgroundPosition}background-position: {text:Background Position};{/block:IfBackgroundPosition}
  100.                 height: 100%;}
  101.                
  102.         a {text-decoration: none;}
  103.        
  104. ::-webkit-scrollbar-thumb:vertical {background-color: {color:Scroller}; height: 10px;}
  105. ::-webkit-scrollbar-thumb:horizontal {background-color: {color:Scroller}; height:10px!important;}
  106. ::-webkit-scrollbar {background-color: {color:Scrollbar Background}; height:10px; width:10px;} 
  107.  
  108. #container {margin:auto;
  109.         width: 1024px;
  110.         margin-top: 20px;}
  111.        
  112. .date {background-color: {color:Posts Background Lighter};
  113.         font-size: {text:Date Font Size};
  114.         {block:IfNot400pxPost}width: 480px;{/block:IfNot400pxPost}
  115.         {block:If400pxPost}width: 380px;{/block:If400pxPost}
  116.         text-align: right;
  117.         padding: 2px 10px;
  118.         font-family: {font:Date};
  119.         float: right;
  120.         letter-spacing: 1px;
  121.         color: {color:Post Link};
  122.         border-bottom: 1px solid {color:Date Bottom Border};}
  123.        
  124. .date a:active, .date a:visited, .date a:link {color: {color:Post Link};}
  125.  
  126. #posts {font-size: {text:Post Font Size};
  127.         {block:IfNot400pxPost}width: 500px; {/block:IfNot400pxPost}
  128.         {block:If400pxPost}width: 400px; {/block:If400pxPost}
  129.         background-color: {color:Posts Background};
  130.         padding: 5px;
  131.         margin-left: 0px;
  132.         {block:If400pxPost}margin-left: 100px; {/block:If400pxPost}
  133.         margin-bottom: 4px;
  134.         color: {color:Post Text};
  135.         border-bottom: 1px solid {color:Bottom Border}}
  136.        
  137. .pad {padding: 10px;
  138.         text-align: justify;}
  139.        
  140. .pad a:link, .pad a:visited, .pad a:active {background-color: {color:Posts Background Lighter};
  141.         padding: 0px 4px;
  142.         color: {color:Post Link};
  143.         border-bottom: 1px solid {color:Bottom Border};
  144.         font-style: italic;}
  145.        
  146. .pad a:hover {background-color: {color:Main Accent};
  147.         color: {color:Posts Background};}
  148.  
  149. .pad img, .pad blockquote, .pad ul {max-width: 100%;}
  150.  
  151. .pad li {list-style: square;}
  152.  
  153. .pad blockquote {border-left: 1px solid {color:Main Accent};
  154.         padding: 10px;
  155.         background-color: {color:Posts Background Lighter};
  156.         border-bottom: 1px solid {color:Bottom Border};}
  157.  
  158. #posts h1 {font-family: 'Terminal Dosis Light';
  159.         font-weight: normal;
  160.         font-size: {text:Post Title Font Size};
  161.         text-align: center;}
  162.        
  163. .pad h1 a:active, .pad h1 a:link, .pad h1 a:visited {color: {color:Posts Background};
  164.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  165.         font-family: 'Terminal Dosis Light';
  166.         font-style: normal;
  167.         font-weight: normal;
  168.         text-align: center;
  169.         background-color: {color:Main Accent};}
  170.  
  171. /* TAGS */
  172. #posts:hover #tags {opacity: 1.0;}
  173.  
  174. #tags {float: left;
  175.         margin-left: -160px;
  176.         width: 150px;
  177.         margin-top: -5px;
  178.         transition: all 0.4s ease-out;
  179.         -o-transition-transition: all 0.4s ease-out;
  180.         -webkit-transition: all 0.4s ease-out;
  181.         -moz-transition: all 0.4s ease-out;
  182.         {block:IndexPage}{block:IfNotShowTags}opacity: 0.0;{/block:IfNotShowTags}{/block:IndexPage}
  183.         {block:PermalinkPage}display: none;{/block:PermalinkPage}}
  184.        
  185. #tags a:link, #tags a:visited, #tags a:active {display:block;
  186.         font-family: {font:Posts};
  187.         font-size: {text:Tags and Reblogged Font Size};
  188.         color: {color:Post Link};
  189.         transition: all 0.4s ease-out;
  190.         -o-transition-transition:  all 0.4s ease-out;
  191.         -webkit-transition: all 0.4s ease-out;
  192.         -moz-transition: all 0.4s ease-out;
  193.         background-color: {color:Posts Background};
  194.         margin-bottom: 2px;
  195.         padding: 4px;
  196.         border-bottom: 1px solid {color:Bottom Border};
  197.         letter-spacing: 1px;
  198.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  199.         text-align: right;}
  200.        
  201. #tags a:hover {background-color: {color:Main Accent};
  202.         color: {color:Posts Background};}
  203.  
  204. /* PHOTO */
  205. #photo:hover .pad {display:block;}
  206.         {block:IndexPage}{block:IfNotShowPhotoCaptions}#photo .pad {display: none;}{/block:IfNotShowPhotoCaptions}{/block:IndexPage}
  207.  
  208. /* QUOTE */
  209. .quote {text-align: justify;
  210.         width: 75%;
  211.         padding-top: 10px;
  212.         font-family: 'Terminal Dosis Light'}
  213.        
  214. .quote_short {font-size: 24px;
  215.         line-height: 90%;
  216.         {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  217.         {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  218.         margin: 0px 20px;}
  219.        
  220. .quote_medium {font-size: 18px;
  221.         line-height: 90%;
  222.         {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  223.         {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  224.         margin: 0px 20px;}
  225.        
  226. .quote_long {font-size: 12px;
  227.         line-height: 90%;
  228.         {block:IfNot400pxPost}text-indent: 10px;{/block:IfNot400pxPost}
  229.         {block:If400pxPost}text-indent: 20px;{/block:If400pxPost}
  230.         margin: 0px 20px;}
  231.        
  232. .source {text-align: right;
  233.         margin-top: 30px;
  234.         font-family: {font:Posts};}
  235.        
  236. .source a:link, .source a:visited, .source a:active {color: {color:Link};
  237.         padding: 0px 2px;}
  238.        
  239. .source a:hover {background-color: {color:LinkBackground}; }
  240.  
  241. .qleft {font-size: 70px;
  242.         font-family: georgia;
  243.         line-height: 100px;
  244.         position: relative;
  245.         bottom: 10px;
  246.         left: 60px;
  247.         margin-bottom: -90px;
  248.         width: 50px;}
  249.        
  250. .qright {font-size: 70px;
  251.         padding-right: 5px;
  252.         line-height: 30px;
  253.         text-align: right;
  254.         position: relative;
  255.         bottom: 0px;
  256.         font-family: georgia;}
  257.  
  258. /* CHAT */
  259. #posts .chat li {line-height: 12px;
  260.         list-style: none;
  261.         margin-right: 50px}
  262.        
  263. .line {padding: 1px 5px;}
  264.  
  265. .line .label {font-family: {font:Posts};
  266.         padding: 3px;
  267.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}
  268.  
  269. /* AUDIO */
  270. .contenttxt_audio {padding-left: 15px;
  271.         margin-top: -5px}
  272.        
  273. #audiocontain {text-align:center;
  274.         {block:IfNot400pxPost}width: 500px;
  275.         height: 250px;{/block:IfNot400pxPost}
  276.         {block:If400pxPost}width: 400px;
  277.         height: 200px;{/block:If400pxPost}}
  278.  
  279. .audio_player {text-align: center;
  280.         margin: auto;
  281.         {block:IfNot400pxPost}width: 205px; {/block:IfNot400pxPost}}
  282.        
  283. .album_art {position: absolute;
  284.         {block:IfNot400pxPost}width: 250px;
  285.         height: 250px;{/block:IfNot400pxPost}
  286.         {block:If400pxPost}width: 200px;
  287.         height: 200px;{/block:If400pxPost}  
  288.         margin-left: 0;
  289.         text-align: left}
  290.        
  291. .album_art img {{block:IfNot400pxPost}width: 250px;
  292.         height: 250px;{/block:IfNot400pxPost}
  293.         {block:If400pxPost}width: 200px;
  294.         height: 200px;{/block:If400pxPost}
  295.         float:left}
  296.  
  297. .containermusic {{block:IfNot400pxPost}width: 240px;{/block:IfNot400pxPost}
  298.         {block:If400pxPost}width: 220px;{/block:If400pxPost}
  299.         display: block;
  300.         vertical-align: middle;
  301.         float: right;
  302.         {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  303.         {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  304.         {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  305.         {block:IfNot400pxPost}height: 150px; {/block:IfNot400pxPost}
  306.         {block:If400pxPost}height: 100px; {/block:If400pxPost}}
  307.        
  308. #posts .containermusic li, #posts .containermusic ul {list-style: none;
  309.         margin-left: 0px;
  310.         padding-left: 0px;}
  311.        
  312. .musiclabel {margin: auto;
  313.         padding: 3px 10px;
  314.         font-size: 9px;
  315.         width: 185px;
  316.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  317.         letter-spacing: 1px;}
  318.        
  319. #posts .containermusic .musiclabel ul, #posts .containermusic .musiclabel li {list-style: none;
  320.         display: block;
  321.         width: 200px;}
  322.        
  323. .mlabel {color: {color:Post Text}}
  324.  
  325. .audioverlay {opacity: 0.8;
  326.         {block:IfAudioPlayerWhite}background-color: #fff;{/block:IfAudioPlayerWhite}
  327.         {block:IfAudioPlayerGrey}background-color: #e4e4e4;{/block:IfAudioPlayerGrey}
  328.         {block:IfAudioPlayerBlack}background-color: #000;{/block:IfAudioPlayerBlack}
  329.         position: absolute;
  330.         z-index: 10;
  331.         margin-top: -25px;
  332.         margin-left: 20px;}
  333.        
  334. .audioarrow {width: 20px;
  335.         height: 30px;
  336.         overflow: hidden;
  337.         margin: 15px 24px 13px 16px;}
  338.  
  339.  
  340. /* ANSWERS */
  341. .qbox {background-color: {color:Posts Background Lighter};
  342.         padding: 5px;
  343.         border-bottom: 1px solid {color:Main Accent};
  344.         margin-top: 10px;}
  345.        
  346. .asker {text-align: center;
  347.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  348.         font-family: 'Terminal Dosis Light';
  349.         padding-top: 10px;}
  350.        
  351. .asker a:link, .asker a:active, .asker a:visited {color: {color:Main Accent};}
  352.  
  353. .question {text-align: justify;
  354.         width: 75%;
  355.         padding-top: 10px;
  356.         font-family: 'Terminal Dosis Light';
  357.         font-size: {text:Questions Font Size};
  358.         line-height: 90%;
  359.         {block:IfNot400pxPost}text-indent: 25px;{/block:IfNot400pxPost}
  360.         {block:If400pxPost}text-indent: 35px;{/block:If400pxPost}
  361.         margin: 0px 20px;}
  362.        
  363. .ql {font-size: 70px;
  364.         font-family: georgia;
  365.         line-height: 100px;
  366.         position: relative;
  367.         bottom: 10px;
  368.         left: 50px;
  369.         margin-bottom: -90px;
  370.         width: 50px;}
  371.        
  372. .qr {font-size: 70px;
  373.         padding-right: 5px;
  374.         line-height: 30px;
  375.         text-align: right;
  376.         position: relative;
  377.         bottom: 0px;
  378.         font-family: georgia;
  379.         margin-bottom: 10px;}
  380.  
  381. /* REBLOG */
  382. .reblog_box {{block:IfNot400pxPost}width: 500px; {/block:IfNot400pxPost}
  383.         {block:If400pxPost}width: 400px; {/block:If400pxPost}
  384.         margin-bottom: 20px;
  385.         {block:If400pxPost}margin-left: 100px; {/block:If400pxPost}
  386.         background-color: {color:Posts Background};
  387.         border-bottom: 1px solid {color:Bottom Border};
  388.         padding: 5px;
  389.         text-align: center;}
  390.        
  391. .reblogged {font-size: {text:Tags and Reblogged Font Size};
  392.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}
  393.        
  394. .reblogged a:link, .reblogged a:visited, .reblogged a:active {color: {color:Reblogged Text};
  395.         padding: 0px 4px;}
  396.        
  397. .reblogged a:hover {background-color: {color:Main Accent};
  398.         color: {color:Posts Background};}
  399.  
  400. .notec {font-family: 'Terminal Dosis Light';
  401.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  402.         font-size: {text:Note Count Font Size};
  403.         color: {color:Post Link};
  404.         letter-spacing: 1px;
  405.         padding: 0px 5px;}
  406.        
  407. .notec a:active, .notec a:visited, .notec a:link {color: {color:Main Accent};}
  408.  
  409.  
  410. /* POST NOTES */
  411. .permatag_box {{block:IfNot400pxPost}width: 500px; {/block:IfNot400pxPost}
  412.         {block:If400pxPost}width: 400px; {/block:If400pxPost}
  413.         margin-bottom: 2px;
  414.  {block:If400pxPost}margin-left: 100px; {/block:If400pxPost}
  415.         background-color: {color:Posts Background};
  416.         border-bottom: 1px solid {color:Bottom Border};
  417.         padding: 10px 5px;
  418.         text-align: center;}
  419.        
  420. .permatag_box a:link, .permatag_box a:visited, .permatag_box a:active {background-color: {color:Tags Permalink Background};
  421.         color: {color:Post Link};
  422.         border-bottom: 1px solid {color:Bottom Border};
  423.         border-right: 1px solid {color:Bottom Border};
  424.         font-size: {text:Tags and Reblogged Font Size};
  425.         margin: 0px 4px;
  426.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  427.         padding: 1px 4px;}
  428.        
  429. .permatag_box a:hover {background-color: {color:Main Accent};
  430.         color: {color:Posts Background};}
  431.  
  432. .permareblog_box  {{block:IfNot400pxPost}width: 500px; {/block:IfNot400pxPost}
  433.         {block:If400pxPost}width: 400px; {/block:If400pxPost}
  434.         margin-bottom: 2px;
  435.         {block:If400pxPost}margin-left: 100px; {/block:If400pxPost}
  436.         background-color: {color:Posts Background};
  437.         border-bottom: 1px solid {color:Bottom Border};
  438.         padding: 5px;
  439.         text-align: center;
  440.         font-size: {text:Tags and Reblogged Font Size};
  441.         color: {color:Main Accent};}
  442.        
  443. .permareblog_box a:link, .permareblog_box a:visited, .permareblog_box a:active {color: {color:Main Accent};
  444.         margin: 0px 4px;
  445.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  446.         padding: 1px 4px;}
  447.        
  448. .permareblog_box a:hover {background-color: {color:Main Accent};
  449.         color: {color:Posts Background};}
  450.  
  451. .permanote_box  {{block:IfNot400pxPost}width: 500px; {/block:IfNot400pxPost}
  452.         {block:If400pxPost}width: 400px; {/block:If400pxPost}
  453.         margin-bottom: 2px;
  454.         {block:If400pxPost}margin-left: 100px; {/block:If400pxPost}
  455.         background-color: {color:Posts Background};
  456.         border-bottom: 1px solid {color:Bottom Border};
  457.         padding: 20px 5px;
  458.         text-align: center;
  459.         color: {color:Post Text};
  460.         font-family: 'Terminal Dosis Light';
  461.         font-size: 24px;
  462.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}}
  463.  
  464. #container  ol.notes  {padding: 0px;
  465.         margin: 0px;
  466.         list-style-type: none;
  467.         border-bottom: solid 1px {color:Bottom Border};
  468.         {block:IfNot400pxPost}width: 490px; {/block:IfNot400pxPost}
  469.         {block:If400pxPost}width: 390px; {/block:If400pxPost}
  470.         font-size: {text:Note Count Font Size};
  471.         font-family: {font:Posts};
  472.         color: {color:Post Link};
  473.         letter-spacing: 1px;
  474.         margin-bottom: 20px;
  475.         {block:If400pxPost}margin-left: 100px; {/block:If400pxPost}}
  476.  
  477. #container  ol.notes li.note {border-bottom: solid 1px {color:Bottom Border};
  478.         padding: 10px;
  479.         {block:IfNot400pxPost}width: 490px; {/block:IfNot400pxPost}
  480.         {block:If400pxPost}width: 390px; {/block:If400pxPost}
  481.         background-color: {color:Posts Background};}
  482.        
  483. #container  ol.notes li.note a:link, #container  ol.notes li.note a:visited, #container  ol.notes li.note a:active {font-style: italic;
  484.         color: {color:Post Text};
  485.         padding: 1px 4px;}
  486.        
  487. #container  ol.notes li.note a:hover {background-color: {color:Main Accent};
  488.         color: {color:Posts Background}}
  489.  
  490. #container  ol.notes li.note img.avatar {display: none}
  491. #container  ol.notes li.note span.action {font-weight: normal;}
  492. #container  ol.notes li.note .answer_content {font-weight: normal;}
  493.  
  494. #container  ol.notes li.note blockquote {padding: 4px 10px;
  495.         margin: 10px 25px 0px 25px;
  496.         background-color: {color:Posts Background Lighter};
  497.         border-left: 1px solid {color:Main Accent};
  498.         border-bottom: 1px solid {color:Bottom Border};}
  499.        
  500. #container  ol.notes li.note blockquote a:link, #container  ol.notes li.note blockquote a:active, #container  ol.notes li.note blockquote a:visited {text-decoration: none;}
  501.  
  502. /* CENTER */
  503. .l_center {float: right;
  504.         width: 116px;
  505.         padding: 125px 50px;
  506.         border-left: 1px solid {color:Posts Background};
  507.         margin-top: 10px;
  508.         position: fixed;
  509.         margin-left: 545px;
  510.         padding-bottom: 204px}
  511.        
  512. .l_links a:link, .l_links a:active, .l_links a:visited {display:block;
  513.         font-family: {font:Posts};
  514.         font-size: {text:Middle Column Links Font Size};
  515.         color: {color:Post Link};
  516.         transition: all 0.4s ease-out;
  517.         -o-transition-transition:  all 0.4s ease-out;
  518.         -webkit-transition: all 0.4s ease-out;
  519.         -moz-transition: all 0.4s ease-out;
  520.         background-color: {color:Posts Background};
  521.         margin-bottom: 2px;
  522.         padding: 4px;
  523.         border-bottom: 1px solid {color:Bottom Border};
  524.         letter-spacing: 1px;}
  525.        
  526. .l_links a:hover {background-color: {color:Main Accent};
  527.         color: {color:Posts Background};}
  528.        
  529. .b_pic img {margin-bottom: -2px;
  530.         border: 26px solid {color:Posts Background};}
  531.  
  532. .nav {display:block;
  533.         font-family: {font:Posts};
  534.         font-size: {text:Middle Column Links Font Size};
  535.         color: {color:Post Link};
  536.         background-color: {color:Posts Background};
  537.         margin-bottom: 2px;
  538.         padding: 4px;
  539.         border-bottom: 1px solid {color:Bottom Border};
  540.         letter-spacing: 1px;}
  541.        
  542. .nav_l a:active, .nav_l a:visited, .nav_l a:link {display:block;
  543.         font-family: {font:Posts};
  544.         font-size: {text:Nav Arrow Font Size};
  545.         color: {color:Main Accent};
  546.         transition: all 0.4s ease-out;
  547.         -o-transition-transition:  all 0.4s ease-out;
  548.         -webkit-transition: all 0.4s ease-out;
  549.         -moz-transition: all 0.4s ease-out;
  550.         background-color: {color:Posts Background};
  551.         margin-bottom: 2px;
  552.         padding: 4px;
  553.         border-bottom: 1px solid {color:Bottom Border};}
  554.        
  555. .nav_l a:hover {background-color: {color:Main Accent};
  556.         color: {color:Posts Background};}
  557.  
  558.  
  559. /* RIGHT */
  560. .right {position: fixed;
  561.         float: right;
  562.         width: 235px;
  563.         height: 462px;
  564.         border-left: 1px solid {color:Posts Background};
  565.         padding: 130px 0px 0px 30px;
  566.         font-size: 10px;
  567.         margin: 10px 0px 0px 758px;}
  568.  
  569. .sbpic {background-color: {color:Posts Background};
  570.         padding: 5px;
  571. {block:IfNotSidebarpicImage}height: 225px;{/block:IfNotSidebarpicImage}}
  572.        
  573. .sbpic img {width: 225px}
  574.  
  575. {block:IfNotShowDescriptionAlways}
  576. .right:hover .description {opacity: 0.9;}
  577. {/block:IfNotShowDescriptionAlways}
  578. {block:IfNotShowSidebar}
  579. .right:hover .p_links {opacity: 0.9;}
  580. {/block:IfNotShowSidebar}
  581.  
  582. .right:hover .credit {background-color: {color:Posts Background};}
  583.  
  584. .credit {text-align:center;
  585. {block:IfShowSidebar}
  586. display: none;{/block:IfShowSidebar}}
  587.  
  588. .credit a:link, .credit a:active, .credit a:visited {background-color: {color:Main Accent};
  589.         color: {color:Posts Background};
  590.         padding: 1px 8px;
  591.         font-size: {text:Sidebar Font Size};}
  592.        
  593. #creditimage {position: fixed; bottom: 5px; right: 5px;}
  594.  
  595. .description {background-color: {color:Posts Background};
  596.         text-align: {text:Sidebar Text Align};
  597.         font-size: {text:Sidebar Font Size};
  598.         color: {color:Sidebar Text};
  599.         font-family: {font:Posts};
  600.     padding: 0px 10px;
  601.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  602.         letter-spacing: 1px;
  603.         line-height: 120%;
  604.         {block:IfNotShowDescriptionAlways}opacity: 0.0; position: absolute; padding-top: 40px; height: 185px;
  605.     max-height: 185px;
  606.         overflow-y: auto;      width: 205px;{/block:IfNotShowDescriptionAlways}
  607.     {block:IfShowDescriptionAlways}padding-bottom: 10px;
  608.     {/block:IfShowDescriptionAlways}
  609.         transition: all 0.4s ease-out;
  610.         -o-transition-transition:  all 0.4s ease-out;
  611.         -webkit-transition: all 0.4s ease-out;
  612.         -moz-transition: all 0.4s ease-out;}
  613.        
  614. .description a:link, .description a:visited, .description a:active {font-family: {font:Posts};
  615.         color: {color:Post Text};
  616.         transition: all 0.4s ease-out;
  617.         -o-transition-transition:  all 0.4s ease-out;
  618.         -webkit-transition: all 0.4s ease-out;
  619.         -moz-transition: all 0.4s ease-out;
  620.         background-color: {color:Posts Background Lighter};
  621.         padding: 0px 4px;
  622.         border-bottom: 1px solid {color:Bottom Border};}
  623.        
  624. .description a:hover {background-color: {color:Main Accent};
  625.         color: {color:Posts Background};}
  626.  
  627. .p_links {{block:IfNotShowSidebar}opacity: 0.0;{/block:IfNotShowSidebar}
  628.     {block:IfShowSidebar}opacity: 1.0;{/block:IfShowSidebar}
  629.         transition: all 0.4s ease-out;
  630.         -o-transition-transition:  all 0.4s ease-out;
  631.         -webkit-transition: all 0.4s ease-out;
  632.         -moz-transition: all 0.4s ease-out;
  633.         background-color: {color:Posts Background};
  634.         font-size: {text:Sidebar Links Font Size};
  635.         {block:IfUppercase}text-transform: uppercase;{/block:IfUppercase}
  636.         padding: 10px;
  637.     {block:IfShowSidebar}padding-top: 10px;{/block:IfShowSidebar}}
  638.        
  639. .p_links a:active, .p_links a:visited, .p_links a:link {font-family: 'Terminal Dosis Light';
  640.         display: block;
  641.         border-bottom: 1px dotted #dbdbdb;
  642.         color: {color:Post Link};
  643.         margin: 0px 10px;
  644.         padding: 2px 4px;}
  645.        
  646. .p_links a:hover {background-color: {color:Main Accent};
  647.         color: {color:Posts Background};}
  648.        
  649. {CustomCSS}
  650. </style>
  651. </head>
  652.  
  653. <body>
  654. <div id="container">
  655.  
  656. <!--- CENTER --->
  657. <div class="l_center"><center>
  658. <div style="margin-bottom: 4px;"><div class="b_pic"><img src="{PortraitURL-64}"></div></div>
  659. <div class="l_links">
  660. <a href="/" style="background-color: {color:Main Accent}; color: {color:Posts Background};">REFRESH</a>
  661. <a href="/ask">ASK BOX</a>
  662. {block:SubmissionsEnabled} <a href="/submit">SUBMIT</a>{/block:SubmissionsEnabled}
  663. <a href="/archive">ARCHIVE</a>
  664. {block:IfShowRandom} <a href="/random">RANDOM</a>{/block:IfShowRandom}
  665.  
  666. {block:Pagination}
  667. {block:PreviousPage}<div class="nav_l"><a href="{PreviousPage}">{text:Nav Arrow Left}</a></div>{/block:PreviousPage}
  668. <div class="nav">{CurrentPage} / {TotalPages}</div>
  669. {block:NextPage}<div class="nav_l"><a href="{NextPage}">{text:Nav Arrow Right}</a></div>{/block:NextPage}
  670. {/block:Pagination}</div>
  671.  
  672.  
  673. </center></div>
  674.  
  675. <!--- RIGHT--->
  676. <div class="right">
  677. <div class="sbpic">{block:IfNotShowDescriptionAlways}<div class="description">{Description}</div>{/block:IfNotShowDescriptionAlways}
  678. {block:IfSidebarpicImage}<img src="{image:Sidebarpic}" border=0 height="225px" width="225px">{/block:IfSidebarpicImage}</div>
  679.  
  680. {block:IfTextCredit}<div class="credit"><a href="http://lostmemento.tumblr.com">© THEME</a></div>{/block:IfTextCredit}
  681.  
  682. <div class="p_links">
  683. {block:IfShowDescriptionAlways}<div class="description">{Description}</div>{/block:IfShowDescriptionAlways}
  684. {block:IfTextCredit}{block:IfShowSidebar}<a href="http://lostmemento.tumblr.com">&copy; theme</a>{/block:IfShowSidebar}{/block:IfTextCredit}
  685. {block:IfLink1Name}<a href="{text:Link1 Url}">{text:Link1 Name}</a>{/block:IfLink1Name}
  686. {block:IfLink2Name}<a href="{text:Link2 Url}">{text:Link2 Name}</a>{/block:IfLink2Name}
  687. {block:IfLink3Name}<a href="{text:Link3 Url}">{text:Link3 Name}</a>{/block:IfLink3Name}
  688. {block:IfLink4Name}<a href="{text:Link4 Url}">{text:Link4 Name}</a>{/block:IfLink4Name}
  689.  
  690. {block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  691.  
  692. </div>
  693.  
  694.  
  695. <!--- THEMES --->
  696. {block:Posts}
  697. <div id="posts">
  698.  
  699. {block:IfNotShowTagsInPost}<div id="tags">
  700. {block:Photo}{block:IfNotPhotoandPhotosetDatesInPosts}<A href="{Permalink}">{block:Date} {block:NewDayDate} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:NewDayDate} {block:SameDayDate} {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:SameDayDate}{/block:Date}</a>{/block:IfNotPhotoandPhotosetDatesInPosts}
  701.  
  702. <a href="{PhotoURL-HighRes}"
  703. {block:HasTags}style="margin-bottom: 4px;"{/block:HasTags}>HI-RES</a>{/block:Photo}
  704.  
  705. {block:IfNotPhotoandPhotosetDatesInPosts}{block:Photoset}<A href="{Permalink}">{block:Date} {block:NewDayDate} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:NewDayDate} {block:SameDayDate} {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:SameDayDate}{/block:Date}</a>{/block:Photoset}{/block:IfNotPhotoandPhotosetDatesInPosts}
  706.  
  707. {block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}</div>{/block:IfNotShowTagsInPost}
  708.  
  709. <div class="date" {block:IfNotPhotoandPhotosetDatesInPosts}{block:IndexPage}{block:Photo}style="display: none;"{/block:Photo}
  710. {block:Photoset}style="display: none;"{/block:Photoset}{/block:IndexPage}{/block:IfNotPhotoandPhotosetDatesInPosts}>
  711.  
  712. {block:Date}<a href="{Permalink}"> {block:NewDayDate} {DayOfMonthWithZero}/{MonthNumberWithZero}/{Year}{/block:NewDayDate} {block:SameDayDate} {12HourWithZero}:{Minutes}{CapitalAmPm}{/block:SameDayDate}{/block:Date}</a></div>
  713.  
  714. <!--- TEXT POSTS --->
  715. {block:Text}<div class="pad">{block:Title}<h1>{Title}</h1>{/block:Title}
  716. {Body}</div>{/block:Text}
  717.  
  718. <!--- PHOTO POSTS --->
  719. {block:Photo}<div id="photo">{LinkOpenTag}{block:IfNot400pxPost}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="500px"{/block:IfStretchPhotos}>{/block:IfNot400pxPost}
  720. {block:If400pxPost}<img src="{PhotoURL-400}" alt="{PhotoAlt}" {block:IfStretchPhotos}width="400px"{/block:IfStretchPhotos}>{/block:If400pxPost}{LinkCloseTag}
  721. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}</div>{/block:Photo}
  722.  
  723. <!--- PHOTOSET POSTS --->
  724. {block:Photoset}<div id="photo">{block:IfNot400pxPost}{Photoset-500}{/block:IfNot400pxPost}
  725. {block:If400pxPost}{Photoset-400}{/block:If400pxPost}
  726. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}</div>{/block:Photoset}
  727.  
  728. <!--- QUOTE POSTS --->
  729. {block:Quote}<div class="pad"><div class="qleft">“</div><Center><div class="quote"><div class="quote_{Length}">{Quote}</div><div class="qright">”</div>
  730. {block:Source}<div class="source">- {Source}</div>{/block:Source}</div></center></div>{/block:Quote}
  731.  
  732. <!--- LINK POSTS --->
  733. {block:Link}<div class="pad"><h1><a href="{URL}">{Name}</a></h1>
  734. {block:Description}{Description}{/block:Description}</div>{/block:Link}
  735.  
  736. <!--- CHAT POSTS --->
  737. {block:Chat}<div class="pad">{block:Title}<h1>{Title}<h1>{/block:Title}
  738. <div class="chat"><ul>{block:Lines}
  739. <li class="line {Alt}">{block:Label}
  740. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div></div>
  741. {/block:Chat}
  742.  
  743. <!--- AUDIO POSTS --->
  744. {block:Audio}
  745. <div class="containermusic"><ul><li>{block:Artist}<div class="musiclabel"><span class="mlabel">ARTIST:</span> {Artist}</div>{/block:Artist}</li>
  746. <li>{block:TrackName}<div class="musiclabel"><span class="mlabel">SONG:</span> {TrackName}</div>{/block:TrackName}</li>
  747. <li>{block:Album}<div class="musiclabel"><span class="mlabel">ALBUM:</span> {Album}</div>{/block:Album}</li>
  748. <li><div class="musiclabel">{PlayCountWithLabel}</div></li>
  749. {block:IfNot400pxPost}<li><div class="musiclabel">{block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  750. {block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  751. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></li>{/block:IfNot400pxPost}</ul></div>
  752.  
  753. <table cellspacing="0" cellpadding="0" style="vertical-align: top" {block:IfNot400pxPost}height="150px"{/block:IfNot400pxPost} {block:If400pxPost}height="100px"{/block:If400pxPost}><tr><td><img style="position: absolute; {block:IfNot400pxPost}margin-top: -75px{/block:IfNot400pxPost}
  754. {block:If400pxPost}margin-top: -50px{/block:If400pxPost}" 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} />
  755. {block:AlbumArt}
  756. <img  style="position: absolute; {block:IfNot400pxPost}margin-top: -75px{/block:IfNot400pxPost} {block:If400pxPost}margin-top: -50px{/block:If400pxPost}" {block:IfNot400pxPost}width="150" height="150"{/block:IfNot400pxPost} {block:If400pxPost}width="100" height="100"{/block:If400pxPost} src="{AlbumArtURL}" />
  757. {/block:AlbumArt}</div>
  758.  
  759. {block:If400pxPost}<div class="audioverlay"><div class="audioarrow">{block:IfAudioPlayerWhite}{AudioPlayerWhite}{/block:IfAudioPlayerWhite}
  760. {block:IfAudioPlayerGrey}{AudioPlayerGrey}{/block:IfAudioPlayerGrey}
  761. {block:IfAudioPlayerBlack}{AudioPlayerBlack}{/block:IfAudioPlayerBlack}</div></div>{/block:If400pxPost}</td>
  762.  
  763. <td {block:IfNot400pxPost}style="padding-left: 150px;"{/block:IfNot400pxPost} {block:If400pxPost}style="padding-left: 100px;"{/block:If400pxPost}><img src="http://i40.tinypic.com/2vwcjgg.pngg" {block:IfNot400pxPost}height="150px"{/block:IfNot400pxPost} {block:If400pxPost}height="100px"{/block:If400pxPost}></td></tr></table>
  764. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}
  765. {/block:Audio}
  766.  
  767. <!--- VIDEO POSTS --->
  768. {block:Video}{block:IfNot400pxPost}{Video-500}{/block:IfNot400pxPost}
  769. {block:If400pxPost}{Video-400}{/block:If400pxPost}
  770. {block:Caption}<div class="pad">{Caption}</div>{/block:Caption}{/block:Video}
  771.  
  772. <!--- ANSWER POSTS --->
  773. {block:Answer}<Div class="qbox"><div class="asker">{Asker} {text:Ask Action}:</div><div class="ql">“</div><center><div class="question">{Question}<div class="qr">”</div></div></center></div>
  774. <Div class="pad">{Answer}</div>{/block:Answer}
  775.  
  776. </div>
  777.  
  778. {block:IndexPage}{block:IfShowTagsInPost}{block:HasTags}<div class="permatag_box">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}{/block:IfShowTagsInPost}
  779.  
  780. {block:NoteCount}<div class="reblog_box">
  781.  
  782. <center><table width="100%"><tr><td width="200px" style="text-align: right">{block:RebloggedFrom}<div class="reblogged"><a href="{ReblogParentURL}">{ReblogParentName} &#9642; VIA</a></div>{/block:RebloggedFrom}</td>
  783.  
  784. <td width="80px" style="text-align: center"><div class="notec"><a href="{Permalink}">{NoteCountWithLabel}</a></div></td>
  785.  
  786. <td width="200px" style="text-align: left">{block:RebloggedFrom}<div class="reblogged"><a href="{ReblogRootURL}">ORIG &#9642; {ReblogRootName}</a></div>{/block:RebloggedFrom}</td></tr></table></center></div>{/block:NoteCount}{/block:IndexPage}
  787.  
  788. <!--- PERMALINK PAGE --->
  789. {block:PermalinkPage}{block:HasTags}<div class="permatag_box">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  790.  
  791. {block:RebloggedFrom}<div class="permareblog_box"><a href="{ReblogParentURL}">{ReblogParentName} &#9642; VIA</a> {text:Reblogged Permalink Separator} <a href="{ReblogRootURL}">ORIG &#9642; {ReblogRootName}</a></div>{/block:RebloggedFrom}
  792.  
  793. {block:NoteCount}<div class="permanote_box">{NoteCountWithLabel}</div>{/block:NoteCount}
  794.  
  795.  
  796. {/block:PermalinkPage}
  797. {/block:Posts}
  798. <div class="clear"></div>
  799.  
  800. {block:PostNotes}{PostNotes}{/block:PostNotes}
  801. </div>
  802.  
  803. <!--- DO NOT REMOVE CREDIT --->
  804. {block:IfNotTextCredit}<div id="creditimage"><a href="http://lostmemento.tumblr.com"><img src="http://static.tumblr.com/bkd4m5b/kRDm3vhr3/lmthemeslogoxsml_copy.png"></a></div>{/block:IfNotTextCredit}
  805. </body></html>
create a new version of this paste RAW Paste Data