API tools faq
paste
Advertisement
CorrinaErin

Alva Edit

CorrinaErin
Dec 5th, 2013
2,982
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 51.18 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!----
  4.  
  5.     Tumblr theme based off of the GE Alva theme.
  6.    
  7.     Simplified and tweaked to my satisfaction, with a completely
  8.     different sidebar, pagination, and title placement.
  9.  
  10.     Customizations include background and font colors, extra links,
  11.     webkit scrolling, and post size.
  12.    
  13.     Made by: CE (cethemes.tumblr.com | thisshipiscompromised.tumblr.com)
  14.  
  15.     Feel free to take, tweak, and/or otherwise use.
  16.    
  17. ---->
  18.  
  19. <html>
  20.     <head>
  21.         <title>{Title}</title>
  22.         <meta charset="utf-8" />
  23.         {block:Description}
  24.             <meta name="description" content="{MetaDescription}" />
  25.         {/block:Description}
  26.        
  27.         <meta name="image:Background" content="0" />
  28.        
  29.         <meta name="color:Blog Background" content="#FFFFFF" />
  30.         <meta name="color:Post Background" content="#CAFBFB"/>
  31.         <meta name="color:Post Details" content="#C5E7E3" />
  32.         <meta name="color:Post Text" content="#41AFB8" />
  33.         <meta name="color:Bold Text" content="#41AFB8" />
  34.         <meta name="color:Italic Text" content="#41AFB8" />
  35.         <meta name="color:Post Links" content="#067C85"/>
  36.         <meta name="color:Post Chat Bubble" content="#ECECFB"/>
  37.                
  38.         <meta name="font:Body" content="'ABeeZee', 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;"/>
  39.         <meta name="font:Details" content="'ABeeZee', 'Segoe UI', Frutiger, 'Frutiger Linotype', 'Dejavu Sans', 'Helvetica Neue', Arial, sans-serif;"/>
  40.         <meta name="select:Post Width" content="large" title="Large Posts"/>
  41.         <meta name="select:Post Width" content="medium" title="Medium Posts"/>
  42.         <meta name="select:Post Width" content="small" title="Small Posts"/>
  43.        
  44.         <meta name="if:Include Archive" content="1" />
  45.         <meta name="if:Infinite Scroll" content="0" />
  46.         <meta name="if:Round Corners" content="0" />
  47.         <meta name="if:Webkit Scroll" content="1" />
  48.         <meta name="if:Consolidated Links" content="0" />
  49.         <meta name="if:Stretch Background" content="1" />
  50.        
  51.         <meta name="text:Link One" content="" />
  52.         <meta name="text:Link One Text" content="" />
  53.         <meta name="text:Link Two" content="" />
  54.         <meta name="text:Link Two Text" content="" />
  55.         <meta name="text:Link Three" content="" />
  56.         <meta name="text:Link Three Text" content="" />
  57.        
  58.         <link rel="shortcut icon" href="{Favicon}">
  59.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  60.         <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/a7bkhkg/yH0mvyz99/normalize.css">
  61.        
  62.         <!--Google Fonts is a really cool font resource-->
  63.         <link href='http://fonts.googleapis.com/css?family=ABeeZee|Rock+Salt' rel='stylesheet' type='text/css'>
  64.                
  65.         <!--For sidebar icons. See this post: http://tinyurl.com/klj4hu5-->
  66.         <link rel="stylesheet" type="text/css" href="http://static.tumblr.com/a7bkhkg/rgfmwl0l6/sidebar-embedded.css">
  67.        
  68.         <!--For proper tag searching-->
  69.         <script type="text/javascript"
  70.             src="http://static.tumblr.com/8oupd2j/BYTm7u5cn/tag_search.js">
  71.         </script>
  72.        
  73.         {block:IfInfiniteScroll}
  74.             <script type="text/javascript"
  75.                 src="http://codysherman.tumblr.com/tools/infinite-scrolling/code">
  76.             </script>
  77.         {/block:IfInfiniteScroll}
  78.                
  79.         <style type="text/css">
  80.             /*------------------------------------------GENERICS------------------------------------------*/
  81.             #wrapper
  82.             {
  83.                 margin: 0px auto;
  84.                 overflow-x: scroll;
  85.             }
  86.             #wrapper.large
  87.             {
  88.                 width: 990px;
  89.             }
  90.             #wrapper.medium
  91.             {
  92.                 width: 790px;
  93.             }
  94.             #wrapper.small
  95.             {
  96.                 width: 690px;
  97.             }
  98.                
  99.             #colLeft
  100.             {
  101.                 padding-top: 50px;
  102.                 padding-bottom: 50px;
  103.                 width: 240px;
  104.                 float: left;
  105.                 position: fixed;
  106.                 top: 20px;
  107.                 font-size: 0.9em;
  108.             }
  109.                
  110.             #colRight
  111.             {
  112.                 margin-left: 310px;
  113.                 margin-top: 75px;
  114.             }
  115.             #colRight.large
  116.             {
  117.                 width: 750px;
  118.             }
  119.             #colRight.medium
  120.             {
  121.                 width: 550px;
  122.             }
  123.             #colRight.small
  124.             {
  125.                 width: 450px;
  126.             }
  127.                        
  128.             #title
  129.             {
  130.                 font-family: 'Rock Salt', cursive;
  131.                 position: fixed;
  132.                 bottom: 0px;
  133.                 text-align: center;
  134.                 width: 240px;
  135.                 line-height: 1.3em;
  136.                 overflow: hidden;
  137.             }
  138.                        
  139.             body
  140.             {
  141.                 font-family: {font:Body};
  142.                 font-size: 95%;
  143.                 color: {color:Post Text};
  144.                 {block:IfStretchBackground}
  145.                     background:url('{image:Background}') bottom left fixed;
  146.                     background-size: 100% 100%;
  147.                     background-repeat: no-repeat;
  148.                 {/block:IfStretchBackground}
  149.                 {block:IfNotStretchBackground}
  150.                     background:url('{image:Background}');
  151.                 {/block:IfNotStretchBackground}    
  152.                 background-color:{color:Blog Background};
  153.             }
  154.  
  155.             em, i{ color: {color:Italic Text}; }
  156.             strong, b{ color: {color: Bold Text}; }
  157.                        
  158.             {block:IfWebkitScroll}
  159.                 ::-webkit-scrollbar-thumb:vertical
  160.               {
  161.                     background-color: {color:Post Details};
  162.                     height: 0px;
  163.                 }
  164.                 ::-webkit-scrollbar
  165.               {
  166.                     height: 0px;
  167.                     width: 8px;
  168.                     background-color:{color:Post Background};
  169.                 }
  170.                 .tumblrAutoPager_page_info,
  171.                 .tumblrAutoPager_page_separator
  172.                 {
  173.                     display:none;
  174.                 }
  175.             {/block:IfWebkitScroll}
  176.                
  177.             /*------------------------------------------SIDEBAR------------------------------------------*/
  178.             /*--------------------------------------CONTAINER------------------------------------*/
  179.             .colLeft ul
  180.             {
  181.                 list-style: none;
  182.                 padding: 0;
  183.                 margin: 0;
  184.             }
  185.             .colLeft a
  186.             {
  187.                 text-decoration: none;
  188.                 color: {color:Post Links};
  189.             }
  190.             .colLeft a:hover
  191.           {
  192.                 letter-spacing: 1px;
  193.                 opacity: 0.9;
  194.                 -webkit-transition: all 0.3s ease-in-out;
  195.                 -moz-transition: all 0.3s ease-in-out;
  196.                 -o-transition: all 0.3s ease-in-out;
  197.                 -ms-transition: all 0.3s ease-in-out;
  198.             }
  199.             /*--------------------------------------TOP CIRCLE------------------------------------*/    
  200.             #sideDome
  201.             {
  202.                 /*Circular avatar*/
  203.                 width: 64px;
  204.                 height: 64px;
  205.                 border-radius: 32px;
  206.                 -webkit-border-radius: 32px;
  207.                 -moz-border-radius: 32px;
  208.                 background: url( '{PortraitURL-64}' ) no-repeat;
  209.                 position: absolute;
  210.                 z-index: 2;
  211.             }            
  212.             #homeDome
  213.             {
  214.                 /*Circular home nav to hover over avatar*/
  215.                 opacity: 0;
  216.                 text-align: center;
  217.                 position:relative;
  218.                 z-index:10;
  219.                 border-radius: 32px;
  220.                 width: 64px;
  221.                 height: 64px;
  222.                 -webkit-border-radius: 32px;
  223.                 -moz-border-radius: 32px;
  224.             }    
  225.             #homeDome a
  226.             {
  227.                 position: absolute;
  228.                 text-decoration: none;
  229.                 text-transform: uppercase;
  230.                 color: {color:Post Text};
  231.                        
  232.                 /*Positioning of home link text*/
  233.                 top: 40%; left: 15%;
  234.             }
  235.             #homeDome:hover
  236.           {
  237.                 color: {color:Post Details};
  238.                 opacity: .75;
  239.                 background-color: {color:Post Background};
  240.                    
  241.                 -webkit-transform: rotate(360deg);
  242.                 -moz-transform: rotate(360deg);
  243.                 -ms-transform: rotate(360deg);
  244.                 -o-transform: rotate(360deg);
  245.                        
  246.                 -webkit-transition: all 0.6s ease-in-out;
  247.                 -moz-transition: all 0.6s ease-in-out;
  248.                 -o-transition: all 0.6s ease-in-out;
  249.                 -ms-transition: all 0.6s ease-in-out;
  250.                 transition: all 0.6s ease-in-out;
  251.             }
  252.             /*-----------------------------------LEFT BORDER POST------------------------------------*/    
  253.             #sideBorders
  254.             {
  255.                 border-left: 2px solid {color:Post Details};
  256.                 margin: -64px 0px -16px 30px;
  257.                 padding: 0px 10px 25px 10px;
  258.                 z-index: 1;
  259.             }
  260.             /*--------------------------------------SIDEBAR BOXES------------------------------------*/
  261.             #desc, .sideBox
  262.             {
  263.                 background-color: {color:Post Details};
  264.                 margin-bottom: 5px;
  265.                 padding: 15px 5px 15px 5px;
  266.                 color: {color:Post Text};
  267.                 line-height: 1.2em;
  268.                 box-shadow: 2px 2px 2px #888888;
  269.             }
  270.             #desc
  271.             {
  272.                 background: transparent;
  273.                 background-image: -moz-radial-gradient(
  274.                                     -10px 32px,
  275.                                     circle closest-corner,
  276.                                     transparent 0, transparent 36px,
  277.                                     {color:Post Details} 37px,
  278.                                     {color:Post Details} 38px);
  279.                 background-image: -webkit-radial-gradient(
  280.                                     -10px 32px,
  281.                                     circle closest-corner,
  282.                                     rgba(0,0,0,0) 0,
  283.                                     rgba(0,0,0,0) 36px,
  284.                                     {color:Post Details} 37px,
  285.                                     {color:Post Details} 38px);
  286.                 background-image: -ms-radial-gradient(
  287.                                     -10px 32px,
  288.                                     circle closest-corner,
  289.                                     rgba(0,0,0,0) 0,
  290.                                     rgba(0,0,0,0) 36px,
  291.                                     {color:Post Details} 37px,
  292.                                     {color:Post Details} 38px);
  293.                 background-image: -o-radial-gradient(
  294.                                     -10px 32px,
  295.                                     circle closest-corner,
  296.                                     rgba(0,0,0,0) 0,
  297.                                     rgba(0,0,0,0) 36px,
  298.                                     {color:Post Details} 37px,
  299.                                     {color:Post Details} 38px);
  300.                 background-image: radial-gradient(
  301.                                     -10px 32px, circle closest-corner,
  302.                                     rgba(0,0,0,0) 0,
  303.                                     rgba(0,0,0,0) 36px,
  304.                                     {color:Post Details} 37px,
  305.                                     {color:Post Details} 38px);
  306.                 padding: 3px 3px 5px 32px;
  307.                 min-height: 65px;
  308.             }
  309.             #desc p
  310.             {
  311.                 margin-top: 5px;
  312.             }
  313.            
  314.             #search
  315.             {
  316.                 height: 45px;
  317.                 width: 187px;
  318.                 padding: 0px 0px;
  319.             }
  320.             #search form
  321.             {
  322.                 padding-top: 10px;
  323.                 padding-right: 5px;
  324.             }
  325.             #search input
  326.             {
  327.                 height: 24px;
  328.                 border: none;
  329.                 float: right;
  330.                 background: {color:Post Background};
  331.                 color: {color:Post Links};
  332.                 line-height: 20px;
  333.             }
  334.             #search input[type="text"]
  335.             {
  336.                 width: 151px;
  337.                 outline: none;    
  338.             }
  339.             #search input[type="submit"]
  340.             {
  341.                 width: 24px;
  342.                 height: 26px;
  343.                 text-align: center;
  344.             }    
  345.                
  346.             #sideBase
  347.             {
  348.                 width:32px;
  349.                 height:32px;
  350.                 border-radius: 16px;
  351.                 -webkit-border-radius: 16px;
  352.                 -moz-border-radius: 16px;
  353.                 float: left;
  354.                 clear: both;
  355.                 margin-left: 16px;
  356.                 background: {color:Post Details};
  357.                 position: relative;
  358.                 z-index: 99;
  359.             }
  360.             /*--------------------------------------PAGINATION------------------------------------*/    
  361.             #sidePages
  362.             {
  363.                 position: relative;
  364.                 margin-top: 32px;
  365.                 margin-left: 48px;
  366.                 height: 87px;
  367.             }
  368.             .arrow
  369.             {
  370.                 font-size: 72px;
  371.                 z-index: 99;
  372.             }    
  373.             #pagePrev, #pageNext
  374.             {
  375.                 display: inline-block;
  376.                 width: 63px;
  377.                 text-align: center;
  378.             }    
  379.             #pagePrev
  380.             {
  381.                 margin-right: 55px;
  382.             }    
  383.             .pageLink
  384.             {
  385.                 opacity: 0;
  386.                 position: absolute;
  387.                 top: 38%;
  388.                 z-index: 1;
  389.                 -webkit-transition: all 0.6s ease-in-out;
  390.                 -moz-transition: all 0.6s ease-in-out;
  391.                 -o-transition: all 0.6s ease-in-out;
  392.                 -ms-transition: all 0.6s ease-in-out;
  393.             }    
  394.             .pageLink a
  395.             {
  396.                 text-decoration: none;
  397.                 color: {color:Post Text Link};
  398.                 background: {color:Post Details};
  399.             }    
  400.             .pageLink:hover
  401.           {
  402.                 opacity: 1;
  403.                 transition: all 0.6s ease-in-out;
  404.             }
  405.                        
  406.             /*------------------------------------------POSTS------------------------------------------*/
  407.             .posts
  408.             {
  409.                 /*---Wrapper for individual posts---*/
  410.                 background-color: {color:Post Details};
  411.                 box-shadow: 0px 0px 10px #323232;
  412.             }
  413.             .posts.large
  414.             {
  415.                 width: 660px;
  416.             }
  417.             .posts.medium
  418.             {
  419.                 width: 460px;
  420.             }
  421.             .posts.small
  422.             {
  423.                 width: 360px;
  424.             }
  425.             .posts a
  426.             {
  427.                 color: {color:Post Links};
  428.                 text-decoration: none;
  429.             }
  430.             .posts a:hover
  431.           {
  432.                 letter-spacing: 1px;
  433.                 opacity: 0.8;
  434.                 -webkit-transition: all 0.3s ease-in-out;
  435.                 -moz-transition: all 0.3s ease-in-out;
  436.                 -o-transition: all 0.3s ease-in-out;
  437.                 -ms-transition: all 0.3s ease-in-out;
  438.                 transition: all 0.3s ease-in-out;
  439.             }
  440.            
  441.             blockquote img
  442.             {
  443.                 max-width: 115%;
  444.             }
  445.                        
  446.             /*--------------------------------------POST HEAD------------------------------------*/
  447.             .postHead
  448.             {
  449.                 /*---Post headers, including note count/sources---*/
  450.                 position: relative;
  451.                 height: 40px;
  452.                 font-size: 0.7em;
  453.                 font-family: {font:Details};
  454.             }
  455.                        
  456.             .postFrom, .postDate, .postNotes, .postSource
  457.             {
  458.                 position: absolute;
  459.                 width: 50%;
  460.             }
  461.             .postFrom
  462.             {
  463.                 left: 10px;
  464.                 top: 2px;
  465.             }
  466.             .reblogLink:before
  467.           {
  468.                 display: inline-block;
  469.                 float: left;
  470.                 content: '';
  471.                 height: 11px;
  472.                 width: 15px;
  473.                 background-repeat:no-repeat !important;
  474.                 background-size: auto 11px !important;
  475.                 -moz-background-size: auto 11px !important;
  476.                 background: url(http://static.tumblr.com/ychvj87/MXBmavh2j/rebloglink.png);
  477.             }
  478.             .postDate
  479.             {
  480.                 top: 2px;
  481.                 right: 10px;
  482.                 text-align: right;
  483.             }
  484.             .postNotes
  485.             {
  486.                 bottom: 0;
  487.                 right: 10px;
  488.                 text-align: right;
  489.             }
  490.             .postSource
  491.             {
  492.                 bottom: 0;
  493.                 left: 10px;
  494.             }
  495.                        
  496.             /*--------------------------------------POST CONTENT------------------------------------*/
  497.             .postBody
  498.             {
  499.                 /*---Post content: text/quote/photo(sets)/video/audio---*/
  500.                 {block:IfRoundCorners}
  501.                    -webkit-border-radius: 16px;
  502.                    -moz-border-radius: 16px;
  503.                    border-radius: 16px;
  504.                 {/block:IfRoundCorners}
  505.                 margin-left:-20px;
  506.                 position: relative;
  507.                 overflow: hidden;
  508.             }    
  509.             .postBody.large
  510.             {
  511.                 width: 700px;
  512.             }
  513.             .postBody.medium
  514.             {
  515.                 width: 500px;
  516.             }
  517.             .postBody.small
  518.             {
  519.                 width: 400px;
  520.             }
  521.             .postBody blockquote
  522.             {
  523.                 border-left: 2px double {color:Post Details};
  524.                 padding-left: 10px;
  525.                 margin: 0 0 20px 0;
  526.             }
  527.             .postBody .quote,
  528.             .postBody .link,
  529.             .postBody .text,
  530.             .postBody div.chat,
  531.             .postBody .question,
  532.             .postBody .audio
  533.             {
  534.                 /*Transparent photosets/videos/photos*/
  535.                 background: {color:Post Background}
  536.             }
  537.  
  538.             /*--------------------------------------QUOTES------------------------------------*/
  539.             .quoteBox
  540.             {
  541.                 width: 85%;
  542.                 float: left;
  543.                 margin-left: 5%;
  544.                 margin-right: 10%;
  545.                 margin-bottom: 20px;
  546.                 margin-top: 10px;
  547.                        
  548.                 font-size: 2em;
  549.                 text-align: right;
  550.                 line-height: 1.1em;
  551.                 color: {color:Post Details};
  552.                 text-shadow: 0 1px 1px {color:Post Background};
  553.             }
  554.            
  555.             .source
  556.             {
  557.                 font-size: 1.3em;
  558.                 color: {color:Post Details};
  559.                 margin-right: 5%;
  560.                 padding-bottom: 20px;
  561.                 text-align: center;
  562.             }
  563.  
  564.             /*--------------------------------------TEXT------------------------------------*/
  565.             .text
  566.             {
  567.                 padding: 15px 10px 20px 10px;
  568.             }
  569.                    
  570.             /*--------------------------------------CHATS------------------------------------*/
  571.             .chat h2
  572.             {
  573.                 padding-top: 20px;
  574.                 text-align: center;
  575.             }
  576.             ul.chat
  577.             {
  578.                 padding: 25px 50px;
  579.                 font-size: 1.1em;
  580.                 list-style: none;
  581.             }      
  582.             span.label
  583.             {
  584.                 font-weight: bold;
  585.             }      
  586.             ul.chat li
  587.             {
  588.                 position: relative;
  589.                 padding: 14px;
  590.                 margin-bottom: 30px;
  591.                 border-radius: 5px;
  592.                 background: {color:Post Chat Bubble};
  593.                 height: 100%;
  594.             }
  595.             ul.chat li:nth-child(odd)
  596.             {
  597.                 text-align: right;
  598.             }
  599.             ul.chat li:nth-child(even):after
  600.           {
  601.                 /*Make them look like chat bubbles!*/
  602.                 content: "";
  603.                 position: absolute;
  604.                 top: 100%;
  605.                 left: 12px;
  606.                 border-top: 20px solid {color:Post Chat Bubble};
  607.                 border-left: 18px solid transparent;
  608.             }
  609.             ul.chat li:nth-child(odd):after
  610.           {
  611.                 content: "";
  612.                 position: absolute;
  613.                 top: 100%;
  614.                 right: 12px;
  615.                 border-top: 20px solid {color:Post Chat Bubble};
  616.                 border-right: 18px solid transparent;
  617.             }
  618.                        
  619.             /*-----------------------------------QUESTIONS------------------------------------*/
  620.             .asker, .answerer
  621.             {
  622.                 position: relative;
  623.             }
  624.             .question .chat
  625.             {
  626.                 padding-left: 50px;
  627.                 padding-right: 50px;
  628.             }
  629.             .question .asker
  630.             {
  631.                 padding-top: 25px;
  632.             }
  633.             .question .answerer
  634.             {
  635.                 padding-bottom: 25px;
  636.             }
  637.             .question .even, .question .odd
  638.             {
  639.                 position: relative;
  640.                 padding: 14px;
  641.                 margin-bottom: 30px;
  642.                 border-radius: 5px;
  643.                 background: {color:Post Chat Bubble};
  644.             }
  645.             .question .even
  646.             {
  647.                 margin-right: 50px;
  648.                 text-align: right;
  649.             }
  650.             .question .even:after
  651.           {
  652.                 content: "";
  653.                 position: absolute;
  654.                 top: 100%;
  655.                 left: 12px;
  656.                 border-top: 20px solid {color:Post Chat Bubble};
  657.                 border-left: 18px solid transparent;
  658.             }
  659.             .question .odd
  660.             {
  661.                 margin-left: 50px;
  662.                 margin-top: 60px;
  663.                 margin-bottom: 50px;
  664.             }
  665.             .question .odd:after
  666.           {
  667.                 content: "";
  668.                 position: absolute;
  669.                 top: 100%;
  670.                 right: 12px;
  671.                 border-top: 20px solid {color:Post Chat Bubble};
  672.                 border-right: 18px solid transparent;
  673.             }
  674.             .odd p
  675.             {
  676.                 overflow: hidden;
  677.                 width: 100%;
  678.             }
  679.             .question_A, .question_Q,
  680.             .question_Asker, .question_Answerer
  681.             {
  682.                 font-size: 3em;
  683.                 position: absolute;
  684.             }
  685.             .question_Q
  686.             {
  687.                 right: 60px;
  688.                 top: 40%;
  689.             }
  690.             .question_A
  691.             {
  692.                 bottom: 55%;
  693.                 left: 60px;
  694.             }
  695.             .question_Answerer
  696.             {
  697.                 right: 90px;
  698.                 bottom:15px;
  699.                 border-style: none;
  700.             }
  701.             .question_Answerer.default
  702.             {
  703.                 z-index: 2;
  704.             }
  705.             .question_Asker
  706.             {
  707.                 left: 90px;
  708.                 bottom: -60px;
  709.             }
  710.                        
  711.             /*-----------------------------------PHOTO------------------------------------*/
  712.             .photolarge.large img
  713.             {
  714.                 width: 700px;
  715.             }
  716.            
  717.               .photolarge.large
  718.             , .photomedium.medium
  719.             , .photosmall.small
  720.             {
  721.                 display: inline;
  722.                 text-align: center;
  723.             }
  724.            
  725.               .photolarge.medium
  726.             , .photolarge.small
  727.             , .photomedium.large
  728.             , .photomedium.small
  729.             , .photosmall.large
  730.             , .photosmall.medium
  731.             {
  732.                 display: none;
  733.             }
  734.                    
  735.             /*-----------------------------------LINKS------------------------------------*/
  736.             .link
  737.             {
  738.                 text-align: center;
  739.                 font-size: 1.5em;
  740.                 font-weight: normal;
  741.                 padding: 10px 15px 30px 15px;
  742.             }
  743.             .link h3
  744.             {
  745.                 margin: 0;
  746.                 line-height: 2em;
  747.                 padding: 0 100px 0 100px;
  748.                 word-wrap: break-word;
  749.             }
  750.             .link h3:before,
  751.             .link h3:after
  752.           {
  753.                 height: 10px;
  754.                 display: block;
  755.                 font-size: 4em;
  756.                 font-weight: 400;
  757.             }
  758.             .link h3:before
  759.           {
  760.                 content: '\221e';
  761.                 margin-bottom: 40px;
  762.                 padding-top: 40px;
  763.                 padding-bottom: 20px;
  764.             }
  765.             .link h3:after
  766.            {
  767.                 content: '\221e';
  768.                 margin-bottom: 30px;
  769.                 height:18px;
  770.                 padding-top: 10px;
  771.                 padding-bottom: 20px;
  772.             }
  773.                        
  774.             /*-----------------------------------VIDEO------------------------------------*/
  775.               .playerlarge.large
  776.             , .playermedium.medium
  777.             , .playersmall.small
  778.             {
  779.                 display: inline;
  780.             }
  781.            
  782.               .playerlarge.medium
  783.             , .playerlarge.small
  784.             , .playermedium.large
  785.             , .playermedium.small
  786.             , .playersmall.large
  787.             , .playersmall.medium
  788.             {
  789.                 display: none;
  790.             }
  791.             /*-----------------------------------AUDIO------------------------------------*/
  792.             .audio
  793.             {
  794.                 position: relative;
  795.                 color: {color:Post Details};
  796.             }
  797.             .audioArt
  798.             {
  799.                 margin-left: 15px;
  800.                 padding-top: 20px;
  801.                 padding-bottom: 15px;
  802.             }
  803.             .audioArt.large, .audioArt.large img
  804.             {
  805.                 width: 300px;
  806.                 height: 300px;
  807.             }
  808.             .audioArt.medium, .audioArt.medium img
  809.             {
  810.                 width: 200px;
  811.                 height: 200px;
  812.             }
  813.             .audioArt.small, .audioArt.small img
  814.             {
  815.                 width: 150px;
  816.                 height: 150px;
  817.             }
  818.             .audioMeta, .audioPlayer
  819.             {
  820.                 position: absolute;
  821.             }
  822.             .audioMeta
  823.             {
  824.                 font-style: italic;
  825.                 line-height: 1.1em;
  826.             }
  827.             .audioMeta.large
  828.             {
  829.                 font-size: 1.2em;
  830.                 top: 150px;
  831.                 left: 325px;
  832.             }
  833.             .audioMeta.medium
  834.             {
  835.                 font-size: 1.1em;
  836.                 top: 100px;
  837.                 left: 225px;
  838.             }
  839.             .audioMeta.small
  840.             {
  841.                 font-size: 1em;
  842.                 top: 75px;
  843.                 left: 150px;
  844.             }
  845.             .audioMeta ul
  846.             {
  847.                 list-style: none;
  848.             }
  849.             .audioPlayer
  850.             {
  851.                 background: {color:Post Details};
  852.             }
  853.             .audioPlayer.large
  854.             {
  855.                 top: 100px;
  856.                 left: 360px;
  857.             }
  858.             .audioPlayer.medium
  859.             {
  860.                 top: 75px;
  861.                 left: 250px;
  862.             }
  863.             .audioPlayer.small
  864.             {
  865.                 top: 50px;
  866.                 left: 175px;
  867.             }
  868.  
  869.             /*--------------------------------------POST FOOTER------------------------------------*/
  870.             .postFoot
  871.             {
  872.                 /*---Post footer, with tags, comments & reblog/like links---*/
  873.                 position: relative;
  874.                 margin-bottom: 50px;
  875.                 min-height: 40px;
  876.                 overflow: hidden;
  877.             }
  878.                        
  879.             .caption
  880.             {
  881.                 padding: 5px 15px 20px 15px;
  882.             }      
  883.             .caption p
  884.             {
  885.                 margin-bottom: 0;
  886.             }      
  887.             .caption blockquote
  888.             {
  889.                 border-left: 2px double {color:Post Background};
  890.                 margin-left: 0;
  891.                 margin-top: 2px;
  892.                 padding-left: 15px;
  893.                 width: 95%;
  894.             }
  895.             .caption img
  896.             {
  897.                 max-width: 100%;
  898.             }
  899.                        
  900.             .postTags
  901.             {
  902.                 width: 80%;
  903.             }      
  904.             .tags
  905.             {
  906.                 list-style: none;
  907.                 margin-left: 0;
  908.                 padding: 0;
  909.                 font-size: 0.7em;
  910.                 font-family: {font:Details};
  911.             }
  912.             .tags li
  913.             {
  914.                 display: block;
  915.                 float: left;
  916.                 margin: 0 0 8px 16px;
  917.             }      
  918.             .tags li a
  919.             {
  920.                 color: #929292;
  921.                 min-height: 16px;
  922.                 background: #FFF;
  923.                 position: relative;
  924.                 display: block;
  925.                 float: left;
  926.                 padding: 0 6px 0 3px;
  927.                 text-decoration: none;
  928.             }
  929.             .tags li a:before
  930.           {
  931.                 content: " ";
  932.                 display: block;
  933.                 width: 0;
  934.                 height: 0;
  935.                 border-top: 8px solid transparent;
  936.                 border-bottom: 8px solid transparent;
  937.                 border-right: 8px solid #FFF;
  938.                 position: absolute;
  939.                 margin-top: -8px;
  940.                 top: 50%;
  941.                 right: 100%;
  942.                 z-index: 2;
  943.             }
  944.             .tags li a:hover
  945.           {
  946.                 background: silver;
  947.                 color: #fff;
  948.                
  949.                 /*Don't want tags to space out/fade like other links*/
  950.                 letter-spacing: normal;
  951.                 opacity: 1;
  952.                 transition: none;
  953.             }
  954.             .tags li a:hover:before
  955.           {
  956.                 border-right: 8px solid silver;
  957.             }
  958.                        
  959.             .postLinks
  960.             {
  961.                 position:absolute;
  962.                 bottom: 8px;
  963.                 right: 0;
  964.                 width: 10%;
  965.             }      
  966.             .postLike, .postReblog
  967.             {
  968.                 width: 50%;
  969.             }
  970.             .postLike
  971.             {
  972.                 float: left;
  973.             }
  974.             .postReblog
  975.             {
  976.                 float: right;
  977.             }
  978.                
  979.             /*--------------------------------------END NOTES------------------------------------*/
  980.             #permNotes.large
  981.             {
  982.                 width: 660px;
  983.             }
  984.             #permNotes.medium
  985.             {
  986.                 width: 460px;
  987.                 font-size: 85%;
  988.             }
  989.             #permNotes.small
  990.             {
  991.                 width: 360px;
  992.                 font-size: 70%;
  993.             }
  994.             #permNotes
  995.             {
  996.                 background-color: {color:Post Details};
  997.                 box-shadow: 0px 0px 10px #323232;
  998.                 {block:IfRoundCorners}
  999.                     -webkit-border-radius: 16px;
  1000.                     -moz-border-radius: 16px;
  1001.                     border-radius: 16px;
  1002.                 {/block:IfRoundCorners}
  1003.                 position: relative;
  1004.                 padding-top: 5px;
  1005.                 padding-bottom: 5px;
  1006.                 margin-bottom: 50px;
  1007.             }
  1008.             #permNotes ol
  1009.             {
  1010.                 list-style: none;
  1011.                 padding: 0px;
  1012.             }  
  1013.             #permNotes a
  1014.             {
  1015.                 text-decoration: none;
  1016.                 color: {color:Post Links};
  1017.             }                
  1018.             #permNotes a:hover
  1019.           {
  1020.                 letter-spacing: 1px;
  1021.                 opacity: 0.9;
  1022.                 -webkit-transition: all 0.3s ease-in-out;
  1023.                 -moz-transition: all 0.3s ease-in-out;
  1024.                 -o-transition: all 0.3s ease-in-out;
  1025.                 -ms-transition: all 0.3s ease-in-out;
  1026.             }
  1027.                
  1028.             /*--------------------------------------USER CSS------------------------------------*/
  1029.             {CustomCSS}
  1030.         </style>
  1031.        
  1032.         <!--[if lt IE 9]>
  1033.                 <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  1034.         <![endif]-->
  1035.     </head>
  1036.     <body>
  1037.         <div id="wrapper" class="{select:Post Width}">
  1038.             <div id="title"><h1>{Title}</h1></div>
  1039.             <div class="colLeft" id="colLeft">
  1040.                 <div id="sideDome"></div>
  1041.                 <div id="homeDome">
  1042.                     <a href="/" title="Home">Home</a>
  1043.                 </div>
  1044.                 <div id="sideBorders">
  1045.                     <div id="desc" class="sideBox cssgradients">
  1046.                         {block:Description}
  1047.                             <p>{Description}</p>
  1048.                         {/block:Description}
  1049.                     </div>
  1050.                     {block:IfConsolidatedLinks}
  1051.                     <div id="links" class="sideBox">
  1052.                         <ul>
  1053.                             {block:HasPages}
  1054.                                 {block:Pages}
  1055.                                     <li><a href="{URL}">{Label}</a></li>
  1056.                                 {/block:Pages}
  1057.                             {/block:HasPages}
  1058.                             {block:AskEnabled}
  1059.                                 <li><a href="/ask">Ask</a></li>
  1060.                                 <li><a href="/submit">Submit</a></li>
  1061.                             {/block:AskEnabled}
  1062.                             {block:IfIncludeArchive}
  1063.                                 <li><a href="/archive">Archive</a></li>
  1064.                             {/block:IfIncludeArchive}
  1065.                             {block:IfLinkOne}
  1066.                                 <li><a href="{text:Link One}">{text:Link One Text}</a></li>
  1067.                             {/block:IfLinkOne}
  1068.                             {block:IfLinkTwo}
  1069.                                 <li><a href="{text:Link Two}">{text:Link Two Text}</a></li>
  1070.                             {/block:IfLinkTwo}
  1071.                             {block:IfLinkThree}
  1072.                                 <li><a href="{text:Link Three}">{text:Link Three Text}</a></li>
  1073.                             {/block:IfLinkThree}
  1074.                             <li>
  1075.                                 <a target="_blank" href="http://pastebin.com/vced1Kj2/">Theme</a>
  1076.                             </li>
  1077.                         </ul>
  1078.                     </div>
  1079.                     {block:IfConsolidatedLinks}
  1080.                     {block:IfNotConsolidatedLinks}
  1081.                         {block:HasPages}
  1082.                             {block:Pages}
  1083.                                 <div class="sideBox">
  1084.                                     <ul>
  1085.                                         <li><a href="{URL}">{Label}</a></li>
  1086.                                     </ul>
  1087.                                 </div>
  1088.                             {/block:Pages}
  1089.                         {/block:HasPages}
  1090.                         {block:AskEnabled}
  1091.                             <div class="sideBox">
  1092.                                 <ul>
  1093.                                     <li><a href="/ask">Ask</a></li>
  1094.                                 </ul>
  1095.                             </div>
  1096.                             <div class="sideBox">
  1097.                                 <ul>
  1098.                                     <li><a href="/submit">Submit</a></li>
  1099.                                 </ul>
  1100.                             </div>
  1101.                         {/block:AskEnabled}
  1102.                         {block:IfLinkOne}
  1103.                             <div class="sideBox">
  1104.                                 <ul>
  1105.                                     <li><a href="{text:Link One}">{text:Link One Text}</a></li>
  1106.                                 </ul>
  1107.                             </div>
  1108.                         {/block:IfLinkOne}
  1109.                         {block:IfLinkTwo}
  1110.                             <div class="sideBox">
  1111.                                 <ul>
  1112.                                     <li><a href="{text:Link Two}">{text:Link Two Text}</a></li>
  1113.                                 </ul>
  1114.                             </div>
  1115.                         {/block:IfLinkTwo}
  1116.                         {block:IfLinkThree}
  1117.                             <div class="sideBox">
  1118.                                 <ul>
  1119.                                     <li><a href="{text:Link Three}">{text:Link Three Text}</a></li>
  1120.                                 </ul>
  1121.                             </div>
  1122.                         {/block:IfLinkThree}
  1123.                         <div class="sideBox">
  1124.                             <ul>
  1125.                                 <li><a target="_blank" href="http://pastebin.com/vced1Kj2/">Theme</a></li>
  1126.                             </ul>
  1127.                         </div>
  1128.                     {block:IfNotConsolidatedLinks}
  1129.                     <div id="search" class="sideBox">
  1130.                         <form id="searchForm" onsubmit="return tagSearch(this)">
  1131.                             <input name="tag" type="text" value="Search Tags..."
  1132.                                     onfocus="if(this.value == 'Search Tags...') { this.value = ''; }"
  1133.                                     onblur="if(this.value == '') { this.value = 'Search Tags...'; }" />
  1134.                             <input type="submit" value="S" />
  1135.                         </form>
  1136.                     </div>
  1137.                 </div>
  1138.                 <div id="sideBase"></div>
  1139.                 {block:IfNotInfiniteScroll}
  1140.                     {block:Pagination}
  1141.                         <div id="sidePages">
  1142.                             <div id="pagePrev">
  1143.                                 {block:PreviousPage}        
  1144.                                     <div class="arrow">&#171;</div>
  1145.                                     <div class="pageLink"><a href="{PreviousPage}">Previous</a></div>
  1146.                                 {/block:PreviousPage}
  1147.                             </div>
  1148.                             <div id="pageNext">
  1149.                                 {block:NextPage}
  1150.                                     <div class="arrow">&#187;</div>
  1151.                                     <div class="pageLink"><a href="{NextPage}">&nbsp;&nbsp;Next&nbsp;&nbsp;</a></div>
  1152.                                 {/block:NextPage}
  1153.                             </div>
  1154.                         </div>
  1155.                     {/block:Pagination}
  1156.                 {/block:IfNotInfiniteScroll}
  1157.             </div>
  1158.             <div id="colRight" class="{select:Post Width}">
  1159.             {block:IfInfiniteScroll}
  1160.                 <div class="autopagerize_page_element">
  1161.             {/block:IfInfiniteScroll}
  1162.                 {block:Posts}
  1163.                     <div class="posts {select:Post Width}">
  1164.                         <div class="postHead">
  1165.                             <div class="postFrom">
  1166.                                 {block:RebloggedFrom}
  1167.                                         <a href="{ReblogParentURL}" class="reblogLink">
  1168.                                             {ReblogParentName}
  1169.                                         </a>&nbsp;<br/>
  1170.                                 {/block:RebloggedFrom}
  1171.                             </div>
  1172.                             <div class="postSource">
  1173.                                 {block:ContentSource}
  1174.                                         <a href="{SourceURL}">
  1175.                                                 {lang:Source}: {SourceTitle}
  1176.                                         </a><br/>
  1177.                                 {/block:ContentSource}  
  1178.                             </div>
  1179.                             <div class="postDate">
  1180.                                 {block:Date}
  1181.                                         <a href="{Permalink}">
  1182.                                                 Posted {DayOfMonth}, {Month}, {Year}
  1183.                                         </a>
  1184.                                 {/block:Date}
  1185.                             </div>
  1186.                             <div class="postNotes">
  1187.                                 {block:NoteCount}
  1188.                                         <a href="{permalink}">{NoteCountWithLabel}</a>
  1189.                                 {/block:NoteCount}
  1190.                             </div>
  1191.                         </div>
  1192.                    
  1193.                         <div class="postBody {select:Post Width}">
  1194.                             {block:Text}
  1195.                                 <div class="text">
  1196.                                     {block:Title}
  1197.                                         <h2><a href="{Permalink}">{Title}</a></h2>
  1198.                                     {/block:Title}
  1199.            
  1200.                                     {Body}
  1201.                                     {block:More}
  1202.                                         <a href="{Permalink}" class="readMore">...Read more</a>
  1203.                                     {/block:More}
  1204.                                 </div>
  1205.                             {/block:Text}
  1206.  
  1207.                             {block:Photo}
  1208.                                 <div class="photolarge {select:Post Width}">
  1209.                                     <div class="photoinner">
  1210.                                         <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1211.                                     </div>
  1212.                                 </div>
  1213.                                 <div class="photomedium {select:Post Width}">
  1214.                                     <div class="photoinner">
  1215.                                         <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  1216.                                     </div>
  1217.                                 </div>
  1218.                                 <div class="photosmall {select:Post Width}">
  1219.                                     <div class="photoinner">
  1220.                                         <img src="{PhotoURL-400}" alt="{PhotoAlt}"/>
  1221.                                     </div>
  1222.                                 </div>
  1223.                             {/block:Photo}
  1224.            
  1225.                             {block:Panorama}
  1226.                                 <div class="panorama">
  1227.                                     {LinkOpenTag}
  1228.                                         <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1229.                                     {LinkCloseTag}
  1230.                                 </div>
  1231.                             {/block:Panorama}
  1232.            
  1233.                             {block:Photoset}
  1234.                                 <div class="photoset">
  1235.                                     {Photoset}
  1236.                                 </div>
  1237.                             {/block:Photoset}
  1238.            
  1239.                             {block:Quote}
  1240.                                 <div class="quote">
  1241.                                     <div class="quoteBox">{Quote}</div>
  1242.                                     {block:Source}
  1243.                                         <div class="source">&mdash;{Source}&mdash;</div>
  1244.                                     {/block:Source}
  1245.                                 </div>
  1246.                             {/block:Quote}
  1247.            
  1248.                             {block:Link}
  1249.                                 <div class="link">
  1250.                                     <h3><a href="{URL}" class="link" {Target}>{Name}</a></h3>
  1251.                                 </div>
  1252.                             {/block:Link}
  1253.            
  1254.                             {block:Chat}
  1255.                                 <div class="chat">
  1256.                                     {block:Title}
  1257.                                         <h2><a href="{Permalink}">{Title}</a></h2>
  1258.                                     {/block:Title}
  1259.                                     <ul class="chat">
  1260.                                         {block:Lines}
  1261.                                             <li class="{Alt} user_{UserNumber}">
  1262.                                                 {block:Label}
  1263.                                                     <span class="label">{Label}<br/></span>
  1264.                                                 {/block:Label}
  1265.                                                 {Line}
  1266.                                             </li>
  1267.                                         {/block:Lines}
  1268.                                     </ul>
  1269.                                 </div>
  1270.                             {/block:Chat}
  1271.                            
  1272.                             {block:Video}
  1273.                                 <div class="video">
  1274.                                     <div class="playerlarge {select:Post Width}">
  1275.                                         {Video-700}
  1276.                                     </div>
  1277.                                     <div class="playermedium {select:Post Width}">
  1278.                                         {Video-500}
  1279.                                     </div>
  1280.                                     <div class="playersmall {select:Post Width}">
  1281.                                         {Video-400}
  1282.                                     </div>
  1283.                                 </div>
  1284.                             {/block:Video}
  1285.                            
  1286.                             {block:Audio}
  1287.                                 <div class="audio {select:Post Width}">
  1288.                                     <div class="audioArt {select:Post Width}">
  1289.                                         {block:AlbumArt}
  1290.                                             <img src="{AlbumArtURL}" alt="{Album} Art"/>
  1291.                                         {/block:AlbumArt}
  1292.                                     </div>
  1293.                                     <div class="audioPlayer {select:Post Width}">
  1294.                                         {AudioPlayer}
  1295.                                     </div>
  1296.                                     <div class="audioMeta {select:Post Width}">
  1297.                                         <ul>
  1298.                                             {block:TrackName}<li>Track: {TrackName}</li>{/block:TrackName}
  1299.                                             {block:Artist}<li>Artist: {Artist}</li>{/block:Artist}
  1300.                                             {block:Album}<li>Album: {Album}</li>{/block:Album}
  1301.                                             </ul>
  1302.                                     </div>
  1303.                                 </div>
  1304.                             {/block:Audio}
  1305.                            
  1306.                             {block:Answer}
  1307.                                 <div class="question">
  1308.                                     <div class="asker">
  1309.                                         <div class="chat">
  1310.                                             <div class="even">
  1311.                                                 <span class="label">{Asker}:<br/></span>
  1312.                                                 {Question}
  1313.                                             </div>    
  1314.                                         </div>
  1315.                                         <div class="question_Q">Q</div>
  1316.                                         <div class="question_Asker">
  1317.                                             <img src="{AskerPortraitURL-40}" alt="Asker Pic" />
  1318.                                         </div>
  1319.                                     </div>
  1320.                                     <div class="answerer">
  1321.                                         <div class="chat">
  1322.                                             <div class="odd">
  1323.                                                 {Answer}
  1324.                                             </div>
  1325.                                         </div>
  1326.                                         <div class="question_A">A</div>
  1327.                                         <div class="question_Answerer default">
  1328.                                             <img src="{AnswererPortraitURL-40}" />
  1329.                                         </div>
  1330.                                         <div class="question_Answerer">
  1331.                                             <img src="{PortraitURL-40}" alt="&nbsp;"/>
  1332.                                         </div>
  1333.                                     </div>
  1334.                                 </div>
  1335.                             {/block:Answer}
  1336.                         </div>
  1337.                        
  1338.                         <div class="postFoot">
  1339.                             {block:Caption}
  1340.                                 <div class="caption">{Caption}</div>
  1341.                             {/block:Caption}
  1342.                             {block:Link}
  1343.                                 {block:Description}
  1344.                                     <div class="caption">{Description}</div>
  1345.                                 {/block:Description}
  1346.                             {/block:Link}
  1347.                             <div class="postTags">
  1348.                                 {block:HasTags}
  1349.                                     <ul class="tags">
  1350.                                         {block:Tags}
  1351.                                             <li><a href="{TagURL}">#{Tag}</a></li>
  1352.                                         {/block:Tags}
  1353.                                     </ul>
  1354.                                 {/block:HasTags}
  1355.                             </div>
  1356.                             <div class="postLinks">
  1357.                                 <div class="postLike">{LikeButton color="black" size="17"}</div>
  1358.                                 <div class="postReblog">{ReblogButton color="black" size="17"}</div>
  1359.                             </div>
  1360.                         </div>
  1361.                     </div>
  1362.                     {block:PermalinkPage}
  1363.                         {block:PostNotes}
  1364.                             <div id="permNotes" class="{select:Post Width}">
  1365.                                 {PostNotes}
  1366.                             </div>
  1367.                         {/block:PostNotes}
  1368.                     {/block:PermalinkPage}                    
  1369.                 {/block:Posts}
  1370.                 {block:IfInfiniteScroll}
  1371.                 </div>
  1372.                 {/block:IfInfiniteScroll}
  1373.             </div>
  1374.         </div>
  1375.     </body>
  1376. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!