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

Theme 1 by ohmy-klaus

By: ohmy-klaus on Apr 30th, 2012  |  syntax: None  |  size: 27.76 KB  |  hits: 3,675  |  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. <!--
  2.    
  3.         The Alpha Male by Evy
  4.         ohmy-klaus.tumblr.com
  5.  
  6.         EEEEEE  EE    EE  EE    EE
  7.         EE      EE    EE  EE    EE
  8.         EE       EE  EE    EE  EE
  9.         EEEEE    EE  EE     EEEE
  10.         EE        EEEE       EE
  11.         EE        EEEE       EE
  12.         EEEEEEE    EE        EE
  13.  
  14.         DO NOT REMOVE THE CREDIT!
  15.         DO NOT CLAIM AS YOUR OWN!
  16.                                      -->
  17.  
  18.  
  19.  
  20. <html><head>
  21.  
  22.  
  23.         <meta name="color:Background" content="#faf5ed"/>
  24.         <meta name="color:Font" content="#99806f"/>
  25.         <meta name="color:Links" content="#f7c666"/>
  26.         <meta name="color:Links Hover" content="#99806f"/>
  27.         <meta name="color:Bold" content="#f7c666"/>
  28.        
  29.         <meta name="color:Posts Background" content="#fffcf8"/>
  30.         <meta name="color:Notecount Color" content="#ffffff"/>
  31.         <meta name="color:Notecount Background" content="#fad475"/>
  32.         <meta name="color:Date Background" content="#ce9B73"/>
  33.         <meta name="color:PostVia Background" content="#fad475"/>
  34.         <meta name="color:PostSource Background" content="#ce9b73"/>
  35.         <meta name="color:Tags Color" content="#fcf7f3"/>
  36.         <meta name="color:Tags Background" content="#ce9b73"/>
  37.        
  38.         <meta name="color:Chat user 1 Color" content="#ce9b73"/>
  39.         <meta name="color:Chat user 1 Background" content="#fffcf8"/>
  40.         <meta name="color:Chat user 2 Color" content="#fad475"/>
  41.         <meta name="color:Chat user 2 Background" content="#fffcf8"/>
  42.         <meta name="color:Question Color" content="#ffffff"/>
  43.         <meta name="color:Question Backgound" content="#fad475"/>
  44.        
  45.         <meta name="color:Left Border 1 Color" content="#ce9b73"/>
  46.         <meta name="color:Left Border 2 Color" content="#fad475"/>
  47.        
  48.         <meta name="color:Title 1 Color" content="#ce9b73"/>
  49.        
  50.         <meta name="color:Sidebar Links Color" content="#ffffff"/>
  51.         <meta name="color:Home Link Backgound" content="#fad475"/>
  52.         <meta name="color:Ask Link Backgound" content="#ce9b73"/>
  53.         <meta name="color:Link 1 Backgound" content="#996644"/>
  54.         <meta name="color:Link 2 Backgound" content="#ce9b73"/>
  55.         <meta name="color:Link 3 Backgound" content="#fad475"/>
  56.         <meta name="color:PrevPage Link Backgound" content="#fad475"/>
  57.         <meta name="color:NextPage Link Backgound" content="#ce9b73"/>
  58.        
  59.         <meta name="text:Blog Title" content="the alpha male" />
  60.        
  61.         <meta name="text:Home Link" content="/" />
  62.         <meta name="text:Home Link Title" content="refresh" />
  63.         <meta name="text:Ask Link" content="/ask" />
  64.         <meta name="text:Ask Link Title" content="message" />
  65.         <meta name="text:Link 1" content="/" />
  66.         <meta name="text:Link 1 Title" content="link 1" />
  67.         <meta name="text:Link 2" content="/" />
  68.         <meta name="text:Link 2 Title" content="link 2" />
  69.         <meta name="text:Link 3" content="/" />
  70.         <meta name="text:Link 3 Title" content="link 3" />
  71.        
  72.         <meta name="image:Sidebar Image" content="http://store.picbg.net/pubpic/69/A2/b09f9625f4f969a2.png"/>
  73.         <meta name="image:Background Image" content=""/>
  74.  
  75.  
  76.         <title>{Title}</title>
  77.         <link rel="shortcut icon" href="{Favicon}">
  78.  
  79.  
  80. <style type="text/css">
  81.  
  82.  
  83.  
  84.  
  85. /* --- BASICS --- */
  86.  
  87. body{
  88.     margin:0px;
  89.     font-family:calibri, trebuchet ms, arial;
  90.     font-size:11px;
  91.     color:{color:Font};  
  92.     line-height:100%;
  93.     background-color: {color:Background};
  94.     background-image: url({image:Background Image});
  95.     background-position: left top;
  96.     background-repeat: no-repeat;
  97.     background-attachment: fixed; }
  98.  
  99.  
  100. a:link, a:visited, a:active{
  101.     color:{color:Links};
  102.     text-decoration:none;
  103.     -webkit-transition: all 0.4s ease-in-out;
  104.     -moz-transition: all 0.4s ease-in-out;
  105.     -o-transition: all 0.4s ease-in-out;
  106.     transition: all 0.4s ease-in-out;
  107.     border-bottom:0px solid transparent;}
  108.  
  109. a:hover{
  110. border-bottom:1px solid {color:Links Hover};
  111. color:{color:Links Hover};
  112. -webkit-transition: all 0.4s ease-in-out;
  113. -moz-transition: all 0.4s ease-in-out;
  114. -o-transition: all 0.4s ease-in-out;
  115. transition: all 0.4s ease-in-out;
  116. -webkit-box-shadow: 0px 5px 6px -5px #c3c3c3;
  117. -moz-box-shadow: 0px 5px 6px -5px #c3c3c3;
  118. box-shadow: 0px 5px 6px -5px #c3c3c3;}
  119.  
  120. b, strong {
  121.     color: {color:Bold};}
  122.    
  123.    
  124. blockquote {
  125.     margin-left: 0px;
  126.     padding-left:4px;
  127.     border-left:4px solid {color:Bold};}
  128.    
  129.  
  130. #title {
  131.     padding-bottom:4px;
  132.     margin-top:5px;
  133.     text-align:center;
  134.     text-transform:uppercase;
  135.     font-size:16px;}
  136.  
  137. #link {
  138.     padding-bottom:4px;
  139.     margin-top:5px;
  140.     text-align:center;
  141.     text-transform:uppercase;
  142.     font-size:16px;}
  143.  
  144.  
  145.  
  146.  
  147.  
  148. /* --- POSTS --- */
  149.  
  150.  
  151. #entries {
  152.     left: 120px;
  153.     top: 30px;
  154.     width:520px;
  155.     padding-left:5px;  
  156.     position: absolute;}
  157.  
  158. #post {
  159.     padding:22px 10px 10px 10px;
  160.     margin-bottom:20px;
  161.     overflow:hidden;
  162.     background-color: {color:Posts Background};
  163.     -webkit-box-shadow: 0 0px 6px 0px #ccc;
  164.     -moz-box-shadow: 0 0px 6px 0px #ccc;
  165.     box-shadow: 0 0px 6px 0px #ccc;}
  166.    
  167.    
  168.    
  169.    
  170.  
  171. /* --- NOTECOUNT, DATE, VIA, SOURCE --- */
  172.  
  173.  
  174. #notecount {
  175.     margin:0px 0 0 0px;
  176.     position:absolute;}
  177.    
  178. #notecount a {
  179.     width:130px;
  180.     padding:0px 0px;
  181.     text-align:center;
  182.     text-transform:uppercase;
  183.     letter-spacing:1px;
  184.     font-family:trebuchet ms;
  185.     font-size:10px;
  186.     background-color:{color:Notecount Background};
  187.     color:{color:Notecount Background};
  188.     display:block;
  189.     -webkit-transition: all 0.4s ease-in-out;
  190.     -moz-transition: all 0.4s ease-in-out;
  191.     transition: all 0.4s ease-in-out;
  192.     -ms-transition: all 0.4s ease-in-out;
  193.     -o-transition: all 0.4s ease-in-out;}
  194.  
  195. #notecount a:hover {
  196.     color:{color:Notecount Color};
  197.     padding: 2px 0px 2px 0px;
  198.     margin: 0px 0px 4px 0px;
  199.     -webkit-transition: all 0.4s ease-in-out;
  200.     -moz-transition: all 0.4s ease-in-out;
  201.     transition: all 0.4s ease-in-out;
  202.     -ms-transition: all 0.4s ease-in-out;
  203.     -o-transition: all 0.4s ease-in-out;}
  204.  
  205.  
  206. #date {
  207.     margin:0px 0 0 130px;
  208.     position:absolute;}
  209.  
  210. #date a {
  211.     width:130px;
  212.     padding:0px 0px;
  213.     text-align:center;
  214.     text-transform:uppercase;
  215.     letter-spacing:1px;
  216.     font-family:trebuchet ms;
  217.     font-size:10px;
  218.     background-color:{color:Date Background};
  219.     color:{color:Date Background};
  220.     display:block;
  221.     -webkit-transition: all 0.4s ease-in-out;
  222.     -moz-transition: all 0.4s ease-in-out;
  223.     transition: all 0.4s ease-in-out;
  224.     -ms-transition: all 0.4s ease-in-out;
  225.     -o-transition: all 0.4s ease-in-out;}
  226.    
  227. #date a:hover {
  228.     color:{color:Notecount Color};
  229.     padding: 2px 0px 2px 0px;
  230.     margin: 0px 0px 4px 0px;  
  231.     -webkit-transition: all 0.4s ease-in-out;
  232.     -moz-transition: all 0.4s ease-in-out;
  233.     transition: all 0.4s ease-in-out;
  234.     -ms-transition: all 0.4s ease-in-out;
  235.     -o-transition: all 0.4s ease-in-out;}
  236.  
  237.  
  238. #postvia {
  239.     margin:0px 0 0 260px;
  240.     position:absolute;}
  241.  
  242. #postvia a {
  243.     width:130px;
  244.     padding:0px 0px;
  245.     text-align:center;
  246.     text-transform:uppercase;
  247.     letter-spacing:1px;
  248.     font-family:trebuchet ms;
  249.     font-size:10px;
  250.     background-color:{color:PostVia Background};
  251.     color:{color:PostVia Background};
  252.     display:block;
  253.     -webkit-transition: all 0.4s ease-in-out;
  254.     -moz-transition: all 0.4s ease-in-out;
  255.     transition: all 0.4s ease-in-out;
  256.     -ms-transition: all 0.4s ease-in-out;
  257.     -o-transition: all 0.4s ease-in-out;}
  258.    
  259. #postvia a:hover {
  260.     color:{color:Notecount Color};
  261.     padding: 2px 0px 2px 0px;
  262.     margin: 0px 0px 4px 0px;
  263.     -webkit-transition: all 0.4s ease-in-out;
  264.     -moz-transition: all 0.4s ease-in-out;
  265.     transition: all 0.4s ease-in-out;
  266.     -ms-transition: all 0.4s ease-in-out;
  267.     -o-transition: all 0.4s ease-in-out;}
  268.  
  269.  
  270. #postsource {
  271.     margin:0px 0 0 390px;
  272.     position:absolute;}
  273.  
  274. #postsource a {
  275.     width:130px;
  276.     padding:0px 0px;
  277.     text-align:center;
  278.     text-transform:uppercase;
  279.     letter-spacing:1px;
  280.     font-family:trebuchet ms;
  281.     font-size:10px;
  282.     background-color:{color:PostSource Background};
  283.     color:{color:PostSource Background};
  284.     display:block;
  285.     -webkit-transition: all 0.4s ease-in-out;
  286.     -moz-transition: all 0.4s ease-in-out;
  287.     transition: all 0.4s ease-in-out;
  288.     -ms-transition: all 0.4s ease-in-out;
  289.     -o-transition: all 0.4s ease-in-out;}
  290.    
  291. #postsource a:hover {
  292.     color:{color:Notecount Color};
  293.     padding: 2px 0px 2px 0px;
  294.     margin: 0px 0px 4px 0px;
  295.     -webkit-transition: all 0.4s ease-in-out;
  296.     -moz-transition: all 0.4s ease-in-out;
  297.     transition: all 0.4s ease-in-out;
  298.     -ms-transition: all 0.4s ease-in-out;
  299.     -o-transition: all 0.4s ease-in-out;}
  300.  
  301.  
  302.  
  303.  
  304.  
  305. /* --- TAGS --- */
  306.  
  307. #tags {
  308.     width:500px;
  309.     padding:1px 0;
  310.     margin:10px 0 0 0;
  311.     text-align:left;
  312.     font-size:9px;
  313.     font-family:trebuchet ms;
  314.     letter-spacing:-0.5px;  
  315.     line-height:100%;
  316.     color:{color:Tags Color};
  317.     background-color:{color:Tags Background};}
  318.  
  319. #tags a {
  320.     margin:0 2px;
  321.     color:{color:Tags Color};}
  322.  
  323. #tags a:hover {
  324.     margin:0 2px;  
  325.     color:{color:Tags Color};}
  326.  
  327. .tagmargin {
  328.     margin-left:5px;
  329.     margin-right:5px;}
  330.  
  331.  
  332.  
  333.  
  334.  
  335. /* --- QUOTES --- */
  336.  
  337. #quote {
  338.     margin:5px 32px;
  339.     text-transform:uppercase;
  340.     font-size:14px;
  341.     font-style:italic;}
  342.  
  343. #source {
  344.     margin:3px 0 5px 50px;
  345.     font-size:11px;}
  346.  
  347. #speechmark {
  348.     padding-right:10px;
  349.     margin: 7px 0 0 -40px;
  350.     position:absolute;
  351.     font-size:60px;
  352.     font-family:georgia;
  353.     font-weight:bold;
  354.     color:{color:Bold};}
  355.  
  356. #speechmarkk {
  357.     padding-right:10px;
  358.     margin: 7px 0 0 430px;
  359.     position:absolute;
  360.     font-size:60px;
  361.     font-family:georgia;
  362.     font-weight:bold;
  363.     color:{color:Bold};}
  364.  
  365.  
  366.  
  367.  
  368.  
  369. /* --- CHAT --- */
  370.  
  371. .user_1 {
  372.     margin-left: -40px;
  373.     padding:2px;
  374.     font-weight:bold;
  375.     color:{color:Chat user 1 Color};
  376.     background-color:{color:Chat user 1 Background};}
  377.  
  378. .user_2 {
  379.     margin-left: -40px;
  380.     padding:2px;
  381.     font-weight:bold;
  382.     color:{color:Chat user 2 Color};
  383.     background-color:{color:Chat user 2 Background};}
  384.  
  385.  
  386.  
  387.  
  388.  
  389. /* --- ANSWER --- */
  390.  
  391.  
  392. #question {
  393.     width:490px;
  394.     padding:5px;
  395.     color:{color:Question Color};
  396.     background-color:{color:Question Backgound};}
  397.  
  398. .asker {
  399.     margin-left:2px;
  400.     margin-top:2px;
  401.     font-size:10px;
  402.     font-family:trebuchet ms; }
  403.  
  404. .qicon {
  405.     padding:3px;
  406.     margin:-5px 0 5px 25px;}
  407.  
  408. .line {
  409.     width:490px;
  410.     margin-top:5px;
  411.     padding:5px;
  412.     background-color:transparent;
  413.     border-bottom:1px solid color:{color:Question Backgound};}
  414.  
  415. .qtext {
  416.     padding:5px;}
  417.  
  418. .triangle{
  419.     margin-left:25px;
  420.     margin-top:-18px;
  421.     font-size:30px;
  422.     color:{color:Question Backgound};}
  423.    
  424.    
  425.    
  426.    
  427.  
  428. /* --- AUDIO --- */
  429.  
  430.  
  431. #audiocontainer {
  432.     width:500px;
  433.     height:105px;
  434.     margin-bottom:5px;}
  435.  
  436. .albumart {
  437.     width:100px;
  438.     height:100px;
  439.     position:absolute;}
  440.    
  441. .albumart img {
  442.     width:100px;
  443.     height:100px;
  444.     float:left;}
  445.  
  446. .defaultalbum {
  447.     width:100px;
  448.     height:100px;
  449.     position:absolute;}
  450.    
  451. .defaultalbum img {
  452.     width:100px;
  453.     height:100px;
  454.     float:left;}
  455.  
  456. .audioinfo {
  457.     color: #FAD475;
  458.     padding:1px 3px;
  459.     margin:0 0 6px 100px;
  460.     text-transform:uppercase;
  461.     font-size:10px;
  462.     border-left:13px solid {color:Notecount Background};
  463.     -webkit-transition-duration: 0.6s;
  464.     -moz-transition-duration: 0.6s;}
  465.    
  466. .audioinfo:hover {
  467.     border-left:20px solid {color:Notecount Background};
  468.     -webkit-transition-duration: 0.6s;
  469.     -moz-transition-duration: 0.6s;}
  470.  
  471. .audioinfotwo {
  472.     color: #CE9B73;
  473.     padding:1px 3px;
  474.     margin:0 0 6px 100px;
  475.     text-transform:uppercase;
  476.     font-size:10px;
  477.     border-left:13px solid {color:Date Background};
  478.     -webkit-transition-duration: 0.6s;
  479.     -moz-transition-duration: 0.6s;}
  480.    
  481. .audioinfotwo:hover {
  482.     border-left:20px solid {color:Date Background};
  483.     -webkit-transition-duration: 0.6s;
  484.     -moz-transition-duration: 0.6s;}
  485.  
  486. .margin {
  487.     margin-bottom:1px;}
  488.  
  489. .player {
  490.     margin-left:100px;
  491.     margin-top:9px;
  492.     float:left;}
  493.  
  494. .playcount {
  495.     font-style:italic;
  496.     opacity:0.5;
  497.     margin-left:5px;
  498.     text-transform:lowercase;}
  499.  
  500.  
  501.  
  502.  
  503.  
  504. /* --- PERMALINK NOTES PAGE --- */
  505.  
  506. #postnotes {
  507.     width:500px;
  508.     padding:5px;
  509.     margin:0px auto 0px auto;
  510.     font-size:10px;
  511.     background-color: {color:Posts Background};
  512.     -webkit-box-shadow: 0 0px 6px 0px #ccc;
  513.     -moz-box-shadow: 0 0px 6px 0px #ccc;
  514.     box-shadow: 0 0px 6px 0px #ccc;}
  515.    
  516. #postnotes a {
  517.     margin-top:1px;}
  518.  
  519. ol.notes li.note {
  520.     border-bottom: solid 0px;
  521.     padding:1px;}
  522.  
  523. ol.notes li.note img.avatar {
  524.     vertical-align:-4px;
  525.     margin-right:6px;
  526.     width:16px;
  527.     height:16px;}
  528.  
  529.  
  530.  
  531.  
  532.  
  533. /* ---------------------- LINKS ---------------------- */
  534.  
  535.  
  536. .links{
  537.     position:fixed;
  538.     left:972px;
  539.     top:298px;
  540.     z-index:100;
  541.     }
  542.  
  543. #homelink, #asklink, #link1, #link2, #link3 {
  544.     position:absolute;
  545.     height:54px;
  546.     width:12px;
  547.     text-align:center;
  548.     color:{color:Sidebar Links Color};
  549.     -webkit-transition: all 0.9s ease-in-out;
  550.     -moz-transition: all 0.9s ease-in-out;
  551.     -o-transition: all 0.9s ease-in-out;
  552.     transition: all 0.9s ease-in-out;
  553.     -webkit-box-shadow: 0 2px 6px -1px #bbb;
  554.     -moz-box-shadow: 0 2px 6px -1px #bbb;
  555.     box-shadow: 0 2px 6px -1px #bbb;}
  556.  
  557. #homelink:hover, #asklink:hover, #link1:hover, #link2:hover, #link3:hover {
  558.     -webkit-transition: all 0.9s ease-in-out;
  559.     -moz-transition: all 0.9s ease-in-out;
  560.     -o-transition: all 0.9s ease-in-out;
  561.     transition: all 0.9s ease-in-out;}
  562.  
  563. #homelink {
  564.     background-color:{color:Home Link Backgound};
  565.     top:0px;}
  566.  
  567. #asklink {
  568.     background-color:{color:Ask Link Backgound};
  569.     top:54px;}
  570.  
  571. #link1 {
  572.     background-color:{color:Link 1 Backgound};
  573.     top:108px;}
  574.  
  575. #link2 {
  576.     background-color:{color:Link 2 Backgound};
  577.     top:162px;}
  578.  
  579. #link3 {
  580.     background-color:{color:Link 3 Backgound};
  581.     top:216px;
  582.     }
  583.  
  584. #prev {
  585.     background-color:{color:PrevPage Link Backgound};
  586.     font-size:20px;
  587.     top:-213px;
  588.     left: -262px;
  589.     position:absolute;
  590.     height:16px;
  591.     width:12px;
  592.     padding: 92px 0px;
  593.     text-align:center;
  594.     color:{color:Sidebar Links Color};
  595.     -webkit-transition: all 0.4s ease-in-out;
  596.     -moz-transition: all 0.4s ease-in-out;
  597.     -o-transition: all 0.4s ease-in-out;
  598.     transition: all 0.4s ease-in-out;}
  599.  
  600. #prev:hover {
  601.     left: -266px;
  602.     padding: 92px 2px 92px 2px;
  603.     padding-left:2px;
  604.     color:{color:Sidebar Links Color};
  605.     background-color:{color:PrevPage Link Backgound};
  606.     -webkit-transition: all 0.4s ease-in-out;
  607.     -moz-transition: all 0.4s ease-in-out;
  608.     -o-transition: all 0.4s ease-in-out;
  609.     transition: all 0.4s ease-in-out;
  610.     -webkit-box-shadow: 0 2px 6px -1px #bbb;
  611.     -moz-box-shadow: 0 2px 6px -1px #bbb;
  612.     box-shadow: 0 2px 6px -1px #bbb;}
  613.  
  614. #next {
  615.     background-color:{color:NextPage Link Backgound};
  616.     font-size:20px;
  617.     top:-213px;
  618.     left:0px;
  619.     position:absolute;
  620.     height:16px;
  621.     width:12px;
  622.     padding: 92px 0px;
  623.     text-align:center;
  624.     color:{color:Sidebar Links Color};
  625.     -webkit-transition: all 0.4s ease-in-out;
  626.     -moz-transition: all 0.4s ease-in-out;
  627.     -o-transition: all 0.4s ease-in-out;
  628.     transition: all 0.4s ease-in-out;}
  629.  
  630. #next:hover {
  631.     padding: 92px 2px 92px 2px;
  632.     padding-right:2px;
  633.     color:{color:Sidebar Links Color};
  634.     background-color:{color:NextPage Link Backgound};
  635.     -webkit-transition: all 0.4s ease-in-out;
  636.     -moz-transition: all 0.4s ease-in-out;
  637.     -o-transition: all 0.4s ease-in-out;
  638.     transition: all 0.4s ease-in-out;
  639.     -webkit-box-shadow: 0 2px 6px -1px #bbb;
  640.     -moz-box-shadow: 0 2px 6px -1px #bbb;
  641.     box-shadow: 0 2px 6px -1px #bbb;}
  642.  
  643.  
  644.  
  645.  
  646.  
  647. /* ---------------------- INNERLINKS ---------------------- */
  648.  
  649.  
  650. .innerlinks {
  651.     font-size:10px;
  652.     width:0px;
  653.     position:absolute;
  654.     top:0px;
  655.     left:12px;
  656.     overflow-y:hidden;
  657.     -webkit-transition: all 0.9s ease-in-out;
  658.     -moz-transition: all 0.9s ease-in-out;
  659.     -o-transition: all 0.9s ease-in-out;
  660.     transition: all 0.9s ease-in-out;
  661.     overflow-x:hidden;}
  662.  
  663. .innerlinks a, .innerlinks a:visited {
  664.     display:block;
  665.     -webkit-transition: all 0.4s ease-in-out;
  666.     -moz-transition: all 0.4s ease-in-out;
  667.     -o-transition: all 0.4s ease-in-out;
  668.     transition: all 0.4s ease-in-out;
  669.     -webkit-box-shadow: 0 2px 6px -1px #bbb;
  670.     -moz-box-shadow: 0 2px 6px -1px #bbb;
  671.     box-shadow: 0 2px 6px -1px #bbb;}
  672.  
  673. .innerlinks a:hover, .innerlinks a:visited:hover {
  674.     border-bottom:0px;
  675.     -webkit-transition: all 0.4s ease-in-out;
  676.     -moz-transition: all 0.4s ease-in-out;
  677.     -o-transition: all 0.4s ease-in-out;
  678.     transition: all 0.4s ease-in-out;}
  679.  
  680. #homelink .innerlinks a, #homelink .innerlinks a:visited {
  681.     color:{color:Sidebar Links Color};
  682.     background-color:{color:Home Link Backgound};
  683.     height: 12px;
  684.     padding: 21px 0px;}
  685.  
  686. #homelink:hover .innerlinks a:hover, #homelink:hover .innerlinks a:visited:hover {
  687.     color:{color:Sidebar Links Color};
  688.     background-color:{color:Home Link Backgound};}
  689.  
  690. #asklink .innerlinks a, #asklink .innerlinks a:visited {
  691.     color:{color:Sidebar Links Color};
  692.     background-color:{color:Ask Link Backgound};
  693.     height: 12px;
  694.     padding: 21px 0px;}
  695.  
  696. #asklink:hover .innerlinks a:hover, #asklink:hover .innerlinks a:visited:hover {
  697.     background-color:{color:Ask Link Backgound};
  698.     color:{color:Sidebar Links Color};}
  699.  
  700. #link1 .innerlinks a, #link1 .innerlinks a:visited {
  701.     color:{color:Sidebar Links Color};
  702.     background-color:{color:Link 1 Backgound};
  703.     height: 12px;
  704.     padding: 21px 0px;}
  705.  
  706. #link1:hover .innerlinks a:hover, #link1:hover .innerlinks a:visited:hover {
  707.     background-color:{color:Link 1 Backgound};
  708.     color:{color:Sidebar Links Color};}
  709.  
  710. #link2 .innerlinks a, #link2 .innerlinks a:visited {
  711.     color:{color:Sidebar Links Color};
  712.     background-color:{color:Link 2 Backgound};
  713.     height: 12px;
  714.     padding: 21px 0px;}
  715.  
  716. #link2:hover .innerlinks a:hover, #link2:hover .innerlinks a:visited:hover {
  717.     background-color:{color:Link 2 Backgound};
  718.     color:{color:Sidebar Links Color};}
  719.  
  720. #link3 .innerlinks a, #link3 .innerlinks a:visited {
  721.     color:{color:Sidebar Links Color};
  722.     background-color:{color:Link 3 Backgound};
  723.     height: 12px;
  724.     padding: 21px 0px;}
  725.  
  726. #link3:hover .innerlinks a:hover, .innerlinks a:visited:hover {
  727.     background-color:{color:Link 3 Backgound};
  728.     color:{color:Sidebar Links Color};}
  729.  
  730. #homelink:hover .innerlinks, #asklink:hover .innerlinks, #link1:hover .innerlinks, #link2:hover .innerlinks, #link3:hover .innerlinks {
  731.     opacity:1;
  732.     width:70px;
  733.     -webkit-transition: all 0.9s ease-in-out;
  734.     -moz-transition: all 0.9s ease-in-out;
  735.     -o-transition: all 0.9s ease-in-out;
  736.     transition: all 0.9s ease-in-out;}
  737.  
  738.  
  739.  
  740.  
  741.  
  742. /* ---------------------- Left Border ---------------------- */
  743.  
  744.  
  745. #LeftBorder1 {
  746.     top:0px;
  747.     left:0px;
  748.     width:50px;
  749.     height:100%;
  750.     background-color: {color:Left Border 1 Color};  
  751.     background-attachment:fixed;
  752.     position:fixed;
  753.     margin:0px;}
  754.    
  755. #LeftBorder2 {
  756.     top:0px;
  757.     left:50px;
  758.     width:12px;
  759.     height:100%;
  760.     background-color: {color:Left Border 2 Color};  
  761.     background-attachment:fixed;
  762.     position:fixed;
  763.     margin:0px;
  764.     -webkit-box-shadow: 0 2px 6px -1px #aaa;
  765.     -moz-box-shadow: 0 2px 6px -1px #aaa;
  766.     box-shadow: 0 2px 6px -1px #aaa;}
  767.    
  768.    
  769.    
  770.    
  771.  
  772. /* ---------------------- SIDEBAR ---------------------- */
  773.  
  774. #blogtitle {
  775.     position:fixed;
  776.     margin-top:-20px;
  777.     margin-left:-12px;  
  778.     width:274px;
  779.     font-family: 'Edwardian Script ITC'; }
  780. #blogtitle {
  781.     color:{color:Title 1 Color};
  782.     font-size:35px;
  783.     line-height:50%;}
  784.  
  785.  
  786. #sidebar1 {
  787.     position:fixed;
  788.     top:85px;
  789.     left:710px;
  790.     width:250px;
  791.     height:200px;
  792.     padding:0px 12px 0px 12px;
  793.     background-color: none;
  794.     -webkit-box-shadow: 0 2px 6px -1px #bbb;
  795.     -moz-box-shadow: 0 2px 6px -1px #bbb;
  796.     box-shadow: 0 2px 6px -1px #bbb;}
  797.  
  798. #sidebarimage {
  799.     margin: 0px 0px 0px 0px;
  800.     text-align:center;}
  801.    
  802. #sidebarimage img {
  803.     margin-top:0px;
  804.     width:250px;
  805.     height:200px;
  806.     height:auto;
  807.     text-align:center;}
  808.  
  809.  
  810. #sidebar2 {
  811.     position:fixed;
  812.     top:298px;
  813.     left: 710px;
  814.     width:262px;
  815.     height:270px;
  816.     padding:0px 12px 0px 0px;  
  817.     background-color: none;
  818.     -webkit-box-shadow: 0 2px 6px -1px #bbb;
  819.     -moz-box-shadow: 0 2px 6px -1px #bbb;
  820.     box-shadow: 0 2px 6px -1px #bbb;}
  821.  
  822. #desc {
  823.     margin-right:12px;
  824.     margin-top:0px;
  825.     width:262px;
  826.     height:268px;
  827.     background-color: {color:Posts Background};}
  828.    
  829.    
  830.    
  831.    
  832.    
  833. /* ---------------------- CREDIT ---------------------- */
  834.  
  835. #credit {
  836.     position:fixed;
  837.     left:710px;
  838.     top:580px;
  839.     width:274px;
  840.     height:13px;
  841.     font-family: 'Orator Std';
  842.     color: {color:Sidebar Links Color};
  843.     font-size:10px;
  844.     background-color: {color:NextPage Link Backgound};
  845.     -webkit-transition: all 0.4s ease-in-out;
  846.     -moz-transition: all 0.4s ease-in-out;
  847.     -o-transition: all 0.4s ease-in-out;
  848.     transition: all 0.4s ease-in-out;
  849.     -webkit-box-shadow: 0 2px 6px -1px #bbb;
  850.     -moz-box-shadow: 0 2px 6px -1px #bbb;
  851.     box-shadow: 0 2px 6px -1px #bbb;}
  852. #credit:hover {
  853.     padding: 2px 0px 2px 0px;
  854.     padding-bottom:2px;
  855.     color:{color:Sidebar Links Color};
  856.     background-color:{color:NextPage Link Backgound};
  857.     -webkit-transition: all 0.4s ease-in-out;
  858.     -moz-transition: all 0.4s ease-in-out;
  859.     -o-transition: all 0.4s ease-in-out;
  860.     transition: all 0.4s ease-in-out;
  861.     -webkit-box-shadow: 0 2px 6px -1px #bbb;
  862.     -moz-box-shadow: 0 2px 6px -1px #bbb;
  863.     box-shadow: 0 2px 6px -1px #bbb;
  864.     }
  865.  
  866.  
  867.  
  868.  
  869.  
  870. </style>
  871. </head>
  872.  
  873.  
  874.  
  875.  
  876.  
  877. <body>
  878.  
  879.  
  880.  
  881.  
  882.  
  883. <div id="LeftBorder1">
  884. </div>
  885. <div id="LeftBorder2">
  886. </div>
  887.  
  888.  
  889. <div id="sidebar1">
  890.  
  891. {block:ifBlogTitle}
  892. <div id="blogtitle"><center>{text:Blog Title}</center></div>
  893. {/block:ifBlogTitle}
  894.  
  895. <div id="sidebarimage"><img src="{image:Sidebar Image}"></div>
  896.  
  897. </div>
  898.  
  899.  
  900. <div id="sidebar2">
  901.  
  902. {block:Description}
  903. <div id="desc">
  904. <center><br>
  905. {Description}
  906. </center>
  907. </div>
  908. {/block:Description}
  909.  
  910. </div>
  911. </div>
  912.  
  913.  
  914.  
  915. </div>
  916.  
  917.  
  918. <div class="links">
  919.  
  920. <div id="homelink">
  921.  
  922.  
  923. <div class="innerlinks">
  924. <table cellspacing="5px" cellpadding="0px"><tr>
  925.  
  926. {block:ifHomeLink}
  927. <a href="{text:Home Link}">{text:Home Link Title}</a>
  928. {/block:ifHomeLink}
  929.  
  930. </tr></table></div></div>
  931.  
  932.  
  933. <div id="asklink">
  934.  
  935.  
  936. <div class="innerlinks">
  937. <table cellspacing="5px" cellpadding="0px"><tr>
  938.  
  939. {block:ifAskLink}
  940. <a href="{text:Ask Link}">{text:Ask Link Title}</a>
  941. {/block:ifAskLink}
  942.  
  943. </tr></table></div></div>
  944.  
  945.  
  946. <div id="link1">
  947.  
  948.  
  949. <div class="innerlinks">
  950. <table cellspacing="5px" cellpadding="0px"><tr>
  951.  
  952. {block:ifLink1}
  953. <a href="{text:Link 1}">{text:Link 1 Title}</a>
  954. {block:ifLink1}
  955.  
  956. </tr></table></div></div>
  957.  
  958.  
  959. <div id="link2">
  960.  
  961.  
  962. <div class="innerlinks">
  963. <table cellspacing="5px" cellpadding="0px"><tr>
  964.  
  965. {block:ifLink2}
  966. <a href="{text:Link 2}">{text:Link 2 Title}</a>
  967. {block:ifLink2}
  968.  
  969. </tr></table></div></div>
  970.  
  971.  
  972. <div id="link3">
  973.  
  974.  
  975. <div class="innerlinks">
  976. <table cellspacing="5px" cellpadding="0px"><tr>
  977.  
  978. {block:ifLink3}
  979. <a href="{text:Link 3}">{text:Link 3 Title}</a>
  980. {block:ifLink3}
  981.  
  982. </tr></table></div></div>
  983.  
  984.  
  985. <div id="prev">
  986.  
  987. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">
  988. <span style="color:#fff" border-color="#fff">«</span>
  989. </a>{/block:PreviousPage}{/block:Pagination}
  990.  
  991. </div>
  992.  
  993.  
  994. <div id="next">
  995.  
  996. {block:Pagination}
  997. {block:NextPage}<a href="{NextPage}">
  998. <span style="color:#fff" border-color="#fff">»</span>
  999. </a>{/block:NextPage}
  1000. {/block:Pagination}
  1001.  
  1002. </div>
  1003.  
  1004. <div id="credit">
  1005. <center>
  1006. theme by <a href="http://ohmy-klaus.tumblr.com/tagged/themes" target="_blank">ohmy-klaus
  1007. </center>
  1008. </div>
  1009.    
  1010. </div>
  1011.  
  1012.  
  1013.  
  1014.  
  1015. <div id="entries">
  1016.  
  1017. {block:Posts}
  1018.  
  1019. {block:Date}
  1020. <div id="date">
  1021. <a href="{Permalink}">{DayOfMonth} {ShortMonth} {ShortYear}</a>
  1022. </div>
  1023. <div id="notecount">
  1024. <a href="{Permalink}">{NoteCountWithLabel}</a>
  1025. </div>
  1026. <div id="postvia">
  1027. {block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  1028. {block:NotReblog}<a href="{Permalink}">{TimeAgo}</a>{/block:NotReblog}
  1029. </div>
  1030. <div id="postsource">
  1031. {block:RebloggedFrom}<a href="{ReblogRootURL}">source</a>{/block:RebloggedFrom}
  1032. {block:NotReblog}<a href="{Permalink}">♥</a>{/block:NotReblog}
  1033. </div>
  1034. {/block:Date}
  1035.  
  1036. <div id="post">
  1037.  
  1038. {block:Text}
  1039. <div id="post text">
  1040. {block:Title}
  1041. <div id="title">{Title}</div>
  1042. {/block:Title}
  1043. {Body}
  1044. </div>
  1045. {/block:Text}
  1046.  
  1047. {block:Photo}
  1048. <div class="post photo">
  1049. {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  1050. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1051. </div>
  1052. {/block:Photo}
  1053.                
  1054. {block:Photoset}
  1055. <div class="post photoset">
  1056. {Photoset-500}
  1057. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  1058. </div>
  1059. {/block:Photoset}
  1060.  
  1061. {block:Quote}
  1062. <div id="quote"><div id="speechmark">“</div>{Quote}<div id="speechmarkk">”</div></div>
  1063. {block:Source}<div id="source">— {Source}</div>{/block:Source}
  1064. {/block:Quote}
  1065.  
  1066. {block:Link}
  1067. <div id="link">
  1068. <a href="{URL}" class="link" {Target}>{Name}</a></div>
  1069. {block:Description}
  1070. <div class="description">{Description}</div>
  1071. {/block:Description}            
  1072. {/block:Link}
  1073.  
  1074. {block:Chat}
  1075. <div class="post chat">
  1076. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  1077. <ul class="chat">
  1078. {block:Lines}
  1079. <div class="{Alt} user_{UserNumber}">
  1080. {block:Label}
  1081. <span class="label">{Label}</span>
  1082. {/block:Label}
  1083. {Line}
  1084. </div>
  1085. {/block:Lines}
  1086. </ul>
  1087. </div>
  1088. {/block:Chat}
  1089.  
  1090. {block:Video}
  1091. <div id="post video">
  1092. {Video-500}
  1093. {block:Caption}
  1094. <div class="caption">{Caption}</div>
  1095. {/block:Caption}
  1096. </div>
  1097. {/block:Video}
  1098.  
  1099. {block:Audio}
  1100. <div id="post audio">
  1101. <div id="audiocontainer">
  1102. <div class="defaultalbum"><img src="http://static.tumblr.com/obmxjuf/yIflxy5ak/default.jpg"></div>
  1103. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1104. {block:TrackName}<div class="audioinfo">{TrackName} <span class="playcount">({PlayCountWithLabel})</span></div>{/block:TrackName}
  1105. {block:Artist}<div class="audioinfotwo">{Artist}</div>{/block:Artist}
  1106. {block:Album}<div class="audioinfo">{Album}<div class="margin"></div></div>{/block:Album}
  1107. <div class="player">
  1108. {block:IfWhiteAudioPlayer}{block:IfNotBlackAudioPlayer}{AudioPlayerWhite}{/block:IfNotBlackAudioPlayer}{/block:IfWhiteAudioPlayer}
  1109. {block:IfBlackAudioPlayer}{block:IfNotWhiteAudioPlayer}{AudioPlayerBlack}{/block:IfNotWhiteAudioPlayer}{/block:IfBlackAudioPlayer}
  1110. </div>
  1111. </div>
  1112.  
  1113. {block:Caption}
  1114. <div id="caption">{Caption}</div>
  1115. {/block:Caption}
  1116. </div>
  1117. {/block:Audio}
  1118.  
  1119. {block:Answer}
  1120. <div id="question"><div class="qtext">{Question}</div></div><div class="triangle"><br>▼<br><br></div>
  1121. <span class="qicon"><img src="{AskerPortraitURL-24}"></span><span class="asker">{Asker}</span>
  1122. <div class="line"></div>
  1123. {Answer}
  1124.  
  1125. {/block:answer}
  1126. {block:HasTags}<div id="tags"><div class="tagmargin">{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags} </div></div>{/block:HasTags}
  1127.  
  1128. </div>
  1129. {/block:Posts}
  1130.  
  1131. {block:PostNotes}
  1132. <div id="postnotes">{PostNotes}</div>
  1133. {/block:PostNotes}
  1134.  
  1135. </div>
  1136.  
  1137.  
  1138.  
  1139. </body>
  1140. </html>
create a new version of this paste RAW Paste Data