@blue:#5DC7DB; @green:#D3DD2E; @orange:#EB7926; @lightblack: rgba(0,0,0,.2); *{ font-family:'PT Sans', Helvetica, Arial, sans; //border: 1px solid #999; text-shadow: rgba(0,0,0,.4) 0px 1px 0px; } .shadowinset{ -webkit-box-shadow: inset rgba(0, 0, 0, 0.35) 0 2px 6px inset, rgba(255, 255, 255, 0.05) 0 1px 0; -moz-box-shadow: inset rgba(0, 0, 0, 0.35) 0 2px 6px inset, rgba(255, 255, 255, 0.05) 0 1px 0; box-shadow: inset rgba(0, 0, 0, 0.35) 0 2px 6px inset, rgba(255, 255, 255, 0.05) 0 1px 0; } .shadow{ -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 2px 6px , rgba(255, 255, 255, 0.05) 0 1px 0; -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 2px 6px , rgba(255, 255, 255, 0.05) 0 1px 0; box-shadow: rgba(0, 0, 0, 0.35) 0 2px 6px , rgba(255, 255, 255, 0.05) 0 1px 0; } .rounded{ border-radius: 5px; } body{ background-image: url(images/back.png); img{ -webkit-transition: left 300s linear; positon:absolute; overflow:hidden; z-index: -100; } } #topper{ color:@orange; } #minibio{ float:right; width:600px; } .wrapper{ padding: 10px; } h1{ //line-height: 10px; display: line; } h2{ //line-height:10px; } a{ text-decoration: none; color: none; } ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// #bottom{ position: absolute; bottom:20px; display: inline; background: rgba(0,0,0,.7); color:white; left:0; font-size: 30px; .shadow; padding:5px; ul{ display: inline; color:@green; li{ font-weight:bold; padding-left:5px; list-style-type: none; display: inline; a{ color:@orange; font-weight: normal; } :hover{ color:@lightblack; } } } } #links{ li{ color:@orange; font-size: 40px; } } #slogan{ font-style: italic; } #topper{ position: absolute; left: 0px; font-size: 40px; background: rgba(0,0,0,.7); display: list-item; }