/** * Ability Explosion - Style Definitions * * @package css * @author Common Zen Media * @author Talita Pagani * @copyright Copyright (c) 2010, Common Zen Media */ /** * Global Definitions * * @section global reset */ * { border: none; margin: 0; padding: 0; } a, a:visited { text-decoration: none; } .accessibility { display:block; position:absolute; top:310px; left:882px; } ul { list-style: none; } body { background: #FFF url(/media/static/images/ability-images/bg_body.png) repeat 0 0; color: #000; font: normal 12px/16px Arial, Helvetica, sans-serif; text-align: center; } /** * Page Structure * * @section structure */ #wrapper { background: url(/media/static/images/ability-images/bg_wrapper.png) repeat-y 0 0; margin: 10px auto 0 auto; position: relative; text-align: left; width: 898px; } /** * Header * * @section structure * @subsection header */ #header { background: url(/media/static/images/ability-images/bg_top_page.jpg) repeat-x 0 0; height: 190px; margin: 0 auto 0 auto; position: relative; width: 868px; } #header h1 { background: url(/media/static/images/ability-images/logo.png) no-repeat 0 0; height: 106px; left: 27px; position: absolute; overflow: hidden; text-indent: -9999px; top: 37px; width: 290px; } #header h1 a { display: block; height: 106px; width: 290px; } #header h2 { background:url(/media/static/images/ability-images/ticket.jpg) no-repeat bottom right; font-weight: normal; height: 75px; line-height: normal; position: absolute; right: 10px; text-transform: none; top: 75px; width: 440px; } /** Top Navbar */ #topNavbar { position: absolute; right: 10px; top: 35px; } #topNavbar li { float: left; } #topNavbar a, #topNavbar a:visited { color: #282727; display: block; padding: 0 10px 0 25px; text-transform: lowercase; } .tn-sponsor { background: url(/media/static/images/ability-images/bg_top_icons.jpg) no-repeat 4px -61px; } .tn-about { background: url(/media/static/images/ability-images/bg_top_icons.jpg) no-repeat 2px 1px; } .tn-links { background: url(/media/static/images/ability-images/bg_top_icons.jpg) no-repeat 2px -21px; } .tn-contact { background: url(/media/static/images/ability-images/bg_top_icons.jpg) no-repeat 4px -41px; } /** Main Navbar */ #navbar { height: 35px; left: 38px; position: absolute; bottom: 5px; } #navbar li { float: left; height: 35px; margin: 0 10px 0 0; width: 123px; } #navbar li a, #navbar li a:hover { display: block; font-size: 14px; font-weight: 100; height: 100%; line-height: 35px; text-align: center; text-transform: uppercase; width: 100%; } .nav-home a, .nav-home a:visited { background: url(/media/static/images/ability-images/bg_buttons.jpg) no-repeat 0 0; color: #A82283; } .nav-calendar a, .nav-calendar a:visited { background: url(/media/static/images/ability-images/bg_buttons.jpg) no-repeat 0 -35px; color: #A91E23; } .nav-events a, .nav-events a:visited { background: url(/media/static/images/ability-images/bg_buttons.jpg) no-repeat 0 -70px; color: #F38221; } .nav-exhibitors a, .nav-exhibitors a:visited { background: url(/media/static/images/ability-images/bg_buttons.jpg) no-repeat 0 -105px; color: #457C4A; } .nav-sponsor a, .nav-sponsor a:visited { background: url(/media/static/images/ability-images/bg_buttons.jpg) no-repeat 0 -140px; color: #00ACCE; } .nav-tickets a, .nav-tickets a:visited { background: url(/media/static/images/ability-images/bg_buttons.jpg) no-repeat 0 -175px; color: #ED1C25; } /** * Content * * @section structure * @subsection content */ #content { padding: 12px 0 10px 0; height: 100%; position: relative; width: 100%; } .wrap-left { padding-left:16px; margin-top:5px; } .wrap-left li { list-style:none; } .facebook { border:none; width:450px; height:30px; margin:10px 0 5px 30px; } /** * Footer * * @section structure * @subsection footer */ /** * Miscelaneous * * @section misc */ #colorful-palette { background: url(/media/static/images/ability-images/colorful_palette.jpg) 0 0; height: 154px; left: 1px; position: absolute; top: 47px; width: 14px; } /** * Cheap Patch for firt realease _ erase for second release * * @somewhere in the future :) */ #bodyContent { padding: 30px; } /*////////////////////// NEW STYLE /////////////////////////*/ /** * Footer * * @section structure * @subsection footer */ #footer { background: #F2F2F2 url(/media/static/images/ability-images/bg_bottom_page.jpg) no-repeat left bottom; border-top: 8px solid #CECECE; color: #636666; font-size: 11px; line-height: 22px; overflow: hidden; margin: 0 auto 0 auto; padding: 30px 0 80px 0; width: 868px; } #footer h4 { color: #000; font-size: 12px; font-weight: bold; } .footerContent { float: left; padding: 0 0 0 50px; width: 170px; } #footer .right { float: right; padding: 0 50px 0 0; } .socialIcons li { margin: 5px 0 0 0; } .socialIcons li a, socialIcons li a:visited { color: #636666; display: block; line-height: 16px; padding: 0 0 0 24px; } .socialIcons .twitter { background: url(/media/static/images/ability-images/twitter.png) no-repeat 0 0; } .socialIcons .facebook { background: url(/media/static/images/ability-images/facebook.png) no-repeat 0 0; } .socialIcons .rss { background: url(/media/static/images/ability-images/rss.png) no-repeat 0 0; } .email-list { background: url(/media/static/images/ability-images/newsletter.png) no-repeat 0 0; line-height: 18px; padding: 0 0 5px 40px; } .footerContent input { border: 1px solid #9F9F9F; border-left: 1px solid #494949; border-top: 1px solid #494949; color: #333; font: 11px Arial, Helvetica, sans-serif; padding: 2px; width: 110px; } .footerContent button { background: url(/media/static/images/ability-images/bg_button_newsletter.jpg) no-repeat 0 3px; height: 25px; width: 21px; } .footerContent a { color:inherit; } /** * Comum * * @section com */ .left { float: left; } .right { float: right; } /** * Date Icon * * @in calendar */ .dateicon { width:45px; background-color:#000; border:solid; float:left; margin-right:10px; } .dateicon .month{ text-align:center; background:#000; color: #fff; font:14px Arial; margin-bottom:2px; } .dateicon .day{ text-align:center; background:#fff; color: #000; font:24px Arial; padding:2px 5px 2px 5px; } .dateicon p { margin:0; padding:0; line-height:inherit; font: inherit; }