/*
	css/common/global.css
	css/themes/galaxy/global.css
*/

body { margin: 0; padding: 0; } form, fieldset { margin: 0; padding: 0; border: none; } a:link, a:visited, a:active { text-decoration: none; } a:hover { text-decoration: underline; } /* ERRORS & ALERTS */ ul#error, ul#alert { padding: 0; list-style-type: none; list-style-image: none; text-align: left; } ul#error li, ul#alert li, .alert { position: relative; padding: 6px 6px 6px 10px; margin: 0 15px 4px 0; border: 1px solid; background-color: #FFFFFF; } ul#error li a.close, ul#alert li a.close, .alert a.close { position: absolute; right: 7px; text-decoration: none; } ul#alert, ul#alert li, .alert { color: #999999; border-color: #CCCCCC; } ul#error, ul#error li { color: #FF0000; } /* ETC */ .hidden { display: none; } .block { display: block; } .left { float: left; } .right { float: right; } .clear { clear: both; } body { color: #666; } a { color: #666; text-decoration: underline; } /* HEADER & NAV */ #navigation { width: 100%; min-width: 1000px; height: 60px; background: #333 url('/img/themes/galaxy/sprites.png') repeat-x 0 0; border-bottom: 1px solid #000; } #navigation #logo { float: left; width: 230px; height: 28px; margin: 16px 0 0 55px; background: url('/img/themes/galaxy/sprites.png') no-repeat -13px -643px; } #navigation #logo a { display: block; width: 100%; height: 100%; text-decoration: none; } #navigation #logo a span { display: none; } #navigation #links { float: right; width: 657px; height: 60px; } #navigation #links ul { float: right; margin: 18px 26px 0 0; height: 28px; list-style-type: none; list-style-image: none; } #navigation #links ul li { float: left; font-size: 11px; margin: 0 0 0 4px; } #navigation #links ul li a { display: block; padding: 6px 8px; color: #FFF; } #navigation #links ul li.on { background-color: #FCD604; } #navigation #links ul li.on a { color: #333; } /* TOC TAB BAR */ #bar { position: relative; width: 100%; height: 31px; background: #FFF url('/img/themes/galaxy/sprites.png') repeat-x 0 -335px; } #bar #tab { position: absolute; right: 60px; width: 336px; height: 27px; margin: 4px 0 0 0; background: #FFF url('/img/themes/galaxy/sprites.png') repeat-x 0 -379px; text-align: center; text-transform: uppercase; font-size: 11px; line-height: 18px; } #bar #tab a { display: block; width: 100%; height: 100%; color: #333; font-weight: bold; text-decoration: none; } #bar #tab a:hover { text-decoration: unde; } /* TOC GLOBAL */ .toc .column { float: left; } .toc .column div { padding: 0 0 3px 0; margin: 0; font-size: 12px; font-weight: bold; text-decoration: underline; } .toc .column ul { list-style-type: none; list-style-image: none; padding: 0; margin: 0 0 10px 0; } .toc .column li { padding: 1px 0; margin: 0; font-size: 11px; } /* HEADER TOC */ .toc_wrapper { width: 100%; height: 0; margin: 0; padding: 0; background-color: #FCD604; overflow: hidden; } .toc_wrapper .toc { margin: 10px auto; width: 1000px; } .toc_wrapper .toc .column { width: 145px; margin: 4px 11px 45px 3px; padding: 20px 20px 0 20px; } .toc_wrapper .toc .column div { white-space: nowrap; } .toc_wrapper .toc .column div, .toc_wrapper .toc .column a { color: #333; } .toc_wrapper .close { float: right; width: 17px; height: 17px; margin: 32px 33px; background: url('/img/themes/galaxy/sprites.png') no-repeat -217px -704px; cursor: pointer; } .toc_wrapper .close span { display: none } /* ERRORS & ALERTS */ #error, #alert { margin: 10px 60px 10px 77px; } /* SPLASH */ .splash { margin: 60px 0; text-align: center; } .splash .logo { background-color: transparent; background-image: url('/img/themes/galaxy/splash.png'); background-repeat: no-repeat; width: 573px; height: 573px; margin: auto; } .splash .logo p { display: none; } /* LOGOS */ .classic .logo { width: 123px; height: 114px; background: transparent url('/img/themes/galaxy/sprites.png') no-repeat -399px -378px; } .manual .logo { width: 123px; height: 114px; background: transparent url('/img/themes/galaxy/sprites.png') no-repeat -545px -378px; } .community .logo { width: 123px; height: 114px; background: transparent url('/img/themes/galaxy/sprites.png') no-repeat -399px -504px; } .labs .logo { width: 123px; height: 114px; background: transparent url('/img/themes/galaxy/sprites.png') no-repeat -545px -504x; } /* DOWNLOAD BUTTON */ .button_wrapper { width: 328px; height: 112px; background: transparent url('/img/themes/galaxy/sprites.png') no-repeat -801px -590px; } .button_wrapper .button { margin: 8px 5px; } .button { width: 314px; height: 98px; background: transparent url('/img/themes/galaxy/sprites.png') no-repeat -8px -422px; color: #FFF; text-align: right; } .button a { display: block; width: 100%; height: 100%; padding: 13px 0 0 0; text-decoration: none; color: #FFF; } .button a:hover { text-decoration: none; } .button a strong { padding: 10px 48px 0 0; font-size: 46px; font-weight: bold; line-height: 48px; clear: both; } .button a span { margin: 0 50px 0 0; font-size: 16px; clear: both; } /* FEATURED BOX */ .featured { width: 368px; min-height: 165px; background: transparent url('/img/themes/galaxy/gradients/white_grey.gif') no-repeat; } /* ETC */ a.download { padding-left: 22px; background-image: url('/img/common/download.gif'); background-position: center left; background-repeat: no-repeat; } .sticker-purple { width: 32px; height: 32px; background: transparent url('/img/themes/galaxy/sprites.png') no-repeat -10px -703px; } .sticker-yellow { width: 32px; height: 32px; background: transparent url('/img/themes/galaxy/sprites.png') no-repeat -50px -703px; } .sticker-grey { width: 32px; height: 32px; background: transparent url('/img/themes/galaxy/sprites.png') no-repeat -90px -703px; } .sticker-logo { width: 32px; height: 32px; background: transparent url('/files/public/logos/sized/32x32.png') no-repeat; }