/* @override http://127.0.0.1/~jkestner/supermechanical2/stylesheets/desktop.css http://127.0.0.1/stylesheets/desktop.css */ /* Desktop styles - these will be applied to larger screen sizes. */ /* =Layout classes --------------------------------------------- */ .row { width: 100%; } .column, .row .column { float: left; margin-right: 3.5%; margin-bottom:0; } .row .column:last-child { float:right; margin-right:0; } form .row .column:last-child { float:left; } .column-2 .column, .column .column-2 .column { width:48%;} .column-3 .column, .column .column-3 .column { width:30.9%;} .column-3 .column-span-2, .column .column-3 .column-span-2 { width:64.1%; } .column-4 .column, .column .column-4 .column { width:22.3%; } .column-4 .column-span-2, .column .column-4 .column-span-2 {width:48.1%;} .column-4 .column-span-3, .column .column-4 .column-span-3 {width:73.9%;} .column-5 .column, .column .column-5 .column { width:17%;} .column-5 .column-span-2, .column .column-5 .column-span-2 {width:37.5%;} .column-5 .column-span-3, .column .column-5 .column-span-3 {width:58%;} .column-5 .column-span-4, .column .column-5 .column-span-4 {width:79%;} img { max-width: 100%; /* Images are full size on desktop, scale down on smaller screens. */ } .align-right { /* Right alignment for desktop layout. Everything on mobile aligns to the left */ text-align:right; } /* =Text */ h1 { font-size:5.25em; } h2 { font-size:3.75em; } p.leadin { /* Intro parapgraphs in some sections */ font-size: 1.1em; line-height:2em; } /* =Structure */ .content { /* Container for all...you know...content */ width: 70em; } .section { min-width: 1024px; /* Fixes iPad scaling issue */ } /* =Navigation */ .menu { /* Menu toggle button. Only visible at small widths. */ display:none; } .nav { /* Main navigation. Only visible at larger widths. */ display:block !important; } .header .row { position: relative; overflow:visible; height: 55px; padding-bottom:0; } .header ul { clear: both; overflow: hidden; display:block; list-style:none; margin-bottom:0; margin-top:0; height: 49px; position:absolute; bottom:-5px; right:0; } .header li { float: left; margin: 0 2.75em 0 0; /* Right margin sets space between items. */ line-height: normal; } .header ul li:last-child { margin-right:0; } .header li a, .header li a:visited { font-family: 'OstrichSansMedium', Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; color: #6b6b6b; background: none; display:block; padding: 0 0 .5em 0; text-decoration: none; font-size: 2.2em; } .header li a:hover, .header li.active a { color: #6b6b6b; border-bottom: solid 5px #e0583e; } #company-header li a { font-size: 1.4em;} #company-header ul { list-style:none; margin-bottom:0; margin-top:0; height: 29px; position:absolute; bottom:0px; right:0; } .header #company-header.row { height: 35px; padding-bottom:0; } .sensors .callout { float:left; margin-right:1.5em; width:37%; width:42%; } .sensors img { margin: 2em 0 0 0; } .promo p { line-height: 1.75em; } .promo-back { }