/* ============================================================================= Redefine ========================================================================== */ h1 { font-size:36px; line-height:36px; } h2 { font-size:28px; line-height:32px; } h3 { font-size:18px; line-height:24px; } ul { padding-left:18px; } /* ============================================================================= Shell ========================================================================== */ #Wrapper { padding:0; width:auto; margin:0 auto; } .wrapper { margin:0 auto; position:relative; width:960px; } #Sidebar { width:300px; } /* ============================================================================= Header ========================================================================== */ #Header { height:82px; } #Header h1 { float:left; margin:22px 0 0 0; position:relative; left:10px;} #Header #Main_Nav { position:absolute; right:0; top:44px; } #Header #Main_Nav nav { float:right; /*margin-top:44px;*/} #Header #Main_Nav nav>ul>li { padding:0 15px; margin:0; } #Header #Main_Nav nav li a { font-size:18px; line-height:40px; } #Header #Main_Nav nav>ul>li:first-child { margin-left:0; } #Header #Main_Nav nav li.nav_products.flyout ul { width:150px; } #Header #Main_Nav nav li.nav_company.flyout ul { width:205px; } #Header #Main_Nav nav li.nav_community.flyout ul { width:155px; } #Header #Main_Nav nav li.flyout.hover li a { padding:2px 10px 0; margin:0 5px; } /* TODO Mobilize */ #Header #Global_Nav { position:absolute; right:0; } #Header #Global_Nav { } #Header #Global_Nav nav li { padding:0 5px; float:left;} #Header #Global_Nav a { font-family: 'DINRegular'; font-weight: normal; font-style: normal; font-size:12px; text-transform:uppercase; text-decoration:none; color:#646464; } /* ============================================================================= Showcase ========================================================================== */ #Showcase { height:460px; min-width:960px; } #Showcase.slider { height:548px; } .sliderArrows { display:block; } .sliderArrows a { width:48px; height:48px; margin-top:-24px; -webkit-border-radius:40px;-moz-border-radius:40px;border-radius:40px; } .prev { background-position:14px -85px; left:-20px; } .prev:hover { background-position:14px -35px; } .next { right:-20px; background-position:-34px -85px; } .next:hover { background-position:-34px -35px; } .sliderBullets { bottom:30px; } .sliderBullets a { width:18px; height:18px; } /* custom */ #Showcase .custom { display:block; } .section_products #Showcase { height:460px; background-repeat:no-repeat; background-position:center top; } /*.section_products */#Showcase > div { height:460px; position:relative; width:960px; margin:0 auto;} .page_griid #Showcase h2 { position:absolute; right:10px; width:300px; height:80px; text-indent:-9999px; } #Showcase h2.product_griid { top:17px; background:url(../img/products_showcase-griid_a_griid.png) no-repeat; } #Showcase h2.product_griidpro { top:245px;background:url(../img/products_showcase-griid_a_griidpro.png) no-repeat; } #Showcase .ui.appstore { position:absolute; bottom:20px; right:63px;} #Showcase .ui.appstore.griid { bottom:250px; right:63px; } #Showcase .ui.appstore.lemur { bottom:45px; right:40px; } /* ============================================================================= Promos ========================================================================== */ .page_home .promos { margin-top:24px; margin-bottom:24px; } .promos .promo { float:left; margin:10px; } .news_index .promo { margin:10px 0 20px 10px; } .news_index .promo > a { float:left;} .news_index .promo dl { padding:0; float:left; width:680px; margin-left:20px;} .news_index .promo > a { width:220px; height:124px; background:#fff; display:block; box-shadow: 0 4px 9px 0 rgba(0,0,0,0.31); float:left;} .promo dt { font-size:18px; line-height:24px; } .promo-banner { margin-top:24px; } /* ============================================================================= User Templates ========================================================================== */ .usertemplates_index .promo { margin:10px; width:220px; height:200px; float:left; margin-bottom:12px; } .usertemplates_index .promo > a { width:220px; height:124px; } .usertemplates_index .promo > a img {width:220px; height:124px; } .usertemplates_index .promo dt { font-size:12px; line-height:18px; font-family: 'DINBold'; font-weight:normal; font-style:normal; } .usertemplates_index .promo dt a { color:#242424; } .usertemplates_index .promo dt a:hover { color:#000; /*background-color:#fff; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;*/ } .usertemplates_index .promo dd { font-size:11px; line-height:18px font-family: 'DINRegular'; font-weight:normal; font-style:normal;} .tags h3 { border-bottom:1px solid #aaa; margin-bottom:0; padding-bottom:0; } .tags h3 span { font-family:DINRegular; font-size:10px; line-height:14px; background-color:#aaa; color:#f6f6f6; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; padding:0 5px; margin:0; } /* ============================================================================= Join ========================================================================== */ #Join { -webkit-border-radius:1000px; -moz-border-radius:1000px;border-radius:1000px; } #Join h2 { margin-left:36px; } #Join form { margin:18px 24px 0 0; padding-bottom:0; } #Join input.ui { float:left; height:42px; } #Join .ui.text { width:280px; margin:0; text-align:left; } #Join .ui.submit { width:90px; float:right; margin-top:0;} #Join .col3 p { margin-bottom:10px; } /* ============================================================================= Footer ========================================================================== */ #Footer .ui.social { margin-left:10px; } #Footer .a_organism { margin-right:10px; } #Footer .module_copyright p { text-align:right; } #Footer .module_copyright small { float:none; } #Footer h3 { margin-top:12px;} #Footer .module_share { padding-top:0; } #Footer .addthis_toolbox { width:360px; margin-top:5px; position:relative; top:5px;} /*#Footer .addthis_button_facebook_like { position:absolute; top:3px;}*/ .addthis_button_facebook_like { /*margin:-4px 0 0 -10px!important;*/ } /* ============================================================================= Layout Helpers ========================================================================== */ .col { float:left; } .col.col1 { width:60px; } .col.col2 { width:140px; } .col.col3 { width:220px; } .col.col4 { width:300px; } .col.col6 { width:460px; } .col.col8 { width:620px; } .col.col10 { width:780px; } .show320 { display:none; } p a.lightbox { float:left; margin-right:20px; border:4px solid #fff; width:auto; overflow:hidden; margin-bottom:18px; } p a.lightbox img { width:auto; } #Sidebar .widget a.lightbox { max-width:292px; height:auto; float:none; } .body img, .body .captionImage { max-width:620px; } .body p { margin-top:0; } /* ============================================================================= Objects ========================================================================== */ /* accordion */ .accordion .hr {height:8px; } .hr1 { height:14px; margin:0 auto; width:960px; min-width:960px; } /* tabs */ .tabs > nav { width:960px; height:50px; } .tabs > nav > ul { padding:5px 0; } .tabs > nav > ul > li { height:40px; padding:0 20px; margin:0 5px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } .tabs > nav > ul > li > a { font-family: 'DINBold'; font-size:18px; line-height:24px; margin-top:10px; } .ui.appstore { display:block; }