@red: #C80432; @grey: #E6E6E6; @dark: #999999; .rounded-corners (@radius: 5px) { border-radius: @radius; -webkit-border-radius: @radius; -moz-border-radius: @radius; } .shadow (@offset-x: 0, @offset-y: 0px, @blur: 5px, @color: darken(@dark, 10%)) { box-shadow:@offset-x @offset-y @blur @color; -moz-box-shadow:@offset-x @offset-y @blur @color; -webkit-box-shadow:@offset-x @offset-y @blur @color; } /* common */ em { font-weight: bold; color: #555; } .pagination-page { color: @red; } .pagination-prev { float: left; z-index: 500; } .pagination-next { float: right; z-index: 500; } a:link, a:visited { text-decoration: none; color: #666; } a:hover, a:active { text-decoration: underline; color: #333; } h1 { color: @red; font-size: 40px; margin: 20px 0 10px 0; line-height: 40px; } h1.subpage { font-family: Georgia; margin-bottom: 20px; } h2 { color: @red; font-size: 20px; margin-top: 20px; } a.subtitle { color: @red; font: 18px/25px Georgia; } h3 { color: @red; font: 17px Georgia; margin-top: 20px; } h4.people { line-height: 25px; } hr.dash { border: white; border-bottom: 1px dashed darken(@grey, 10%); height: 1px; overflow: hidden; } h3.dash { border-bottom: 1px dashed darken(@grey, 10%); height: 1px; overflow: hidden; } .path { margin-top: 10px; color: darken(@dark, 10%); } p.subpage { margin-top: 10px; } li { list-style: decimal outside; } a.subnav { display: block; float: left; margin-right: 30px; } /* header */ .header { z-index: 5000; } .header-lang { height: 22px; margin: 0 auto; text-align: right; padding: 12px 0; width: 1000px; } .header-logo { height: 94px; background-color: @red; padding: 13px 0; } .header-logo-box { margin: 0 auto; width: 1000px; } .header-menu-holder { height: 49px; } .header-menu { height: 39px; background-color: @grey; padding: 5px 0; position: absolute; top: 166px; width: 100%; z-index: 5000; .shadow(); } .header-menu-fixed { height: 39px; background-color: @grey; border-top: 3px solid @red; padding: 5px 0; position: fixed; top: 0; width: 100%; z-index: 5000; .shadow(); } .header-menu-box { height: 39px; margin: 0 auto; width: 1000px; } a.header-menu-link { display: block; padding: 8px 20px 9px 20px; margin: 0 25px 0 0; float: left; } a.header-menu-link:hover, a.header-menu-link:active { background-color: darken(@grey, 10%); text-decoration: none; } /* content */ .content-photo-wrapper2 { float: left; width: 102px; } .content-photo-box2 { border: 1px solid darken(@grey, 10%); height: 120px; padding: 5px; width: 90px; } .content-photo2 { width: 90px; height: 120px; } .content { margin: 0 auto; width: 1000px; } .content-info-key2 { float: left; color: @dark; } .content-info-val2 { } .content-info { float: left; padding: 5px 30px; } /* footer */ .footer { background: @red; margin-top: 50px; height: 180px; } .footer-box { margin: 0 auto; width: 1000px; } .footer-name { color: lighten(@red, 55%); font: 40px Georgia; position: absolute; top: 35px; } .footer-copyright { color: lighten(@red, 55%); position: absolute; top: 105px; } .footer-contact { position: absolute; text-align: right; top: 105px; right: 0; } .footer-contact p { color: lighten(@red, 55%); } .footer-links { position: absolute; text-align: right; top: 35px; right: 0; } .footer-links a { margin: 0 0 0 20px; color: lighten(@red, 55%);; font-size: 16px; }