/*
	css/themes/galaxy/index.css
	css/themes/galaxy/promo.css
*/

.shell { margin: 50px 0 0 20px; } .feature { float: left; width: 330px; height: 115px; margin: 0 40px 50px 40px; color: #484848; } .feature .sticker-purple { float: left; } .feature h3 { float: left; margin: 0; padding: 0 0 0 10px; font-size: 20px; line-height: 32px; } .feature .content { clear: both; padding: 10px 0 0 0; } .promo { position: relative; width: 100%; min-width: 1000px; max-height: 273px; background: #292450 url('/img/themes/galaxy/sprites.png') repeat-x 0 -60px; } /* ABOUT */ #about { height: 273px; } #about .main { position: absolute; top: 40px; left: 0; width: 100%; margin: 0 375px 0 0; } #about .main .highlight { position: relative; min-width: 650px; max-width: 823px; height: 192px; margin: 0 375px 0 0; background: transparent url('/img/themes/galaxy/sprites.png') repeat-x right -378px; } #about .main .highlight .rotation { position: absolute; width: 100%; margin: 0; } #about .main .highlight .rotation .logo { float: left; width: 123px; height: 114px; margin: 40px 0 17px 49px; } #about .main .highlight .rotation .logo h1, #about .highlight .rotation .logo h2 { display: none; } #about .main .highlight .rotation .blurb { position: absolute; top: 60px; left: 190px; margin: 0 50px 0 0; font-size: 20px; color: #FFF; line-height: 26px; } #about .main .highlight .toggler { float: right; width: 40px; height: 49px; margin: 63px 0 0 0; } #about .highlight .toggler .on, #about .highlight .toggler .off { width: 7px; height: 7px; margin: 0 0 11px 0; background: transparent url('/img/themes/galaxy/sprites.png') no-repeat; } #about .highlight .toggler .on { background-position: -150px -732px; } #about .highlight .toggler .off { background-position: -169px -732px; } #about .highlight .toggler div { cursor: pointer; } #about .links { position: absolute; top: 50px; right: 15px; width: 310px; padding: 0; } #about .links a { display: block; margin: 20px 0 5px 0; font-size: 22px; color: #FFF; } #about .links span { color: #666; } /* DOWNLOAD */ #download { height: 170px; } #download .main { position: absolute; top: 40px; left: 0; width: 100%; margin: 0 466px 0 0; } #download .main h1 { margin: 30px 0 0 57px; padding: 0; font-size: 22px; font-weight: normal; color: #FFF; } #download .main p { margin: 10px 0 0 105px; padding: 0; font-size: 10px; color: #FFF; } #download .main p a { margin: 0 0 0 10px; border-bottom: 1px dotted #FFF; text-decoration: none; color: #FFF; } #download .button_wrapper { position: absolute; top: 30px; right: 64px; } #download .button a { color: #FFF; } /* TWITTER */ #twitter { height: 170px; } #twitter .main { padding: 50px 30px 0 58px; } #twitter .main .tweet .headline { margin: 0; padding: 0; font-size: 18px; font-weight: normal; line-height: 24px; color: #FFF; } #twitter .main .tweet .byline { margin: 10px 0 0 0; padding: 0; font-size: 10px; color: #FFF; } #twitter .main .tweet a { text-decoration: none; color: #FFF; } #twitter .main .tweet .headline a { border-bottom: 1px dotted #FFF; }