/* * Skeleton V1.1 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 8/17/2011 */ /* Table of Content ================================================== #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Site Styles ================================================== */ /* #Page Styles ================================================== */ /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { #header { height: 40px; } #logo { margin-left: 10px; width: 124px; } #tormax_extranet_head { font-size: 20px; margin-top: 50px;} .container #navigation_links.three.columns { width: 132px; margin-top: 5px;} #language li, #username_head { font-size: 0.813em; } #breadcrumbs { margin-top: 14px;} #background_leftcol { background:url(../images/template/hintergrund_navigation_144.jpg) repeat-y left 0; } #main_navigation { height: 54px;} #main_navigation a, ul.navmenu { font-size:12px; } #main_navigation a { padding: 0 12px; } #main_content h1 { padding: 5px 0 25px; } ul.navmenu a { font-size:0.875em; } ul.navmenu ul a { padding: 3px 8px 3px 12px; } ul.navmenu ul li.sub a { background:url(/images/template/nav_pfeil.png) #e8e8e8 no-repeat 120px 7px; } #training_anmeldung input { width: 172px; } #footer { height:auto; overflow:hidden; } /*#footer div { clear:both; float:none; padding-top:12px; padding-right:0; margin:0 0 3px; font-weight:400; font-size:9px; text-align:right; width:auto;}*/ } @media only screen and (min-width: 768px) { #header a#hamburger { display:none; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #main { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; } #login_content { padding: 10px; } #login form { margin: 0 0 100px 0; } #tormax_extranet_head_mobile { display: block; } #tormax_extranet_head { display: none; } #header { margin-bottom: 22px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { #home_link { margin:0 0 0 30px; width:115px; height:auto; padding-left:0; } #logo { margin-left: 0; width: 90px; } #main {min-height:200px; } #main_content { padding-top: 50px; } #main_content h1 { padding: 5px 0 20px; } #main_content h1, #main_content h2,#main_content h3,#main_content p,#main_content ul, #main_content img { padding-left:10px; padding-right:10px; } #main_content #homeslider img { padding:0; } #main_content .ui-accordion-content p, #main_content .ui-accordion-content table { padding-left:0; padding-right:0; margin-left:0; margin-right:0; } #main_content table { margin:10px; } #service_navigation { /*width:290px;*/ margin-top:-87px;} #background_leftcol, #main_navigation { background:none;} #home_link { width:115px; padding-left:12px;} #tormax_extranet_head { margin: 27px 0 20px 140px; font-size: 22px; } #main_navigation { display: none; } #main_navigation ul, #navigation_links { display:none; } #main_navigation { border:0; margin:6px 0 0; height:56px; } #main_navigation #logout { width:100px; padding-top:0; } #main_navigation #logout a { display:block; } #logo_extra_start { margin-top:15px;} #login h1 { margin:15px 0 2px 0; } #username_head { display:none;} #main_navigation_mobile, #content { clear:left;} #subnavigation_dummy { display:none; } #breadcrumbs { display:none; margin:12px 0; text-indent:10px; } .navi_mobile { float:left; margin:6px 0 0 10px; display:block; width:190px !important; padding:1px; font-size:0.75em; } #language { /*float:none; */font-size:0.813em; margin-top:3px;margin-left:30px;} #country_select_form { margin:7px 1px 0; } #search_form { margin:3px 0 0; } #logo_extra_head img { width:70%;} /*#training_anmeldung input { width: 172px; }*/ #main_content .infobox { border:0; /*border-top: 1px solid #999; border-bottom: 1px solid #999;*/ padding: 5px 0; } #footer { height:auto; overflow:hidden; } #service_links li { padding:0 3px 1px 1px; } /*#footer div { clear:both; float:none; padding-top:12px;margin:0 0 3px; font-weight:400; font-size:9px; text-align:right; width:auto;}*/ } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { #home_link { margin:0 0 0 30px; width:90px; padding-left:0; } #logo { margin-left: 0; width:90px; height:auto;} #main {min-height:200px; } #main_content { padding-top: 50px; } #main_content h1 { padding: 5px 0 20px; } #main_content h1, #main_content h2,#main_content h3,#main_content p, #main_content table { padding-left:10px; padding-right:10px; } #main_navigation #logout { width:100px; padding-top:0; } #main_navigation #logout a { display:block; } #logo_extra_start { margin-top:15px;} #login h1 { margin:15px 0 2px 0; } #username_head { display:none;} #breadcrumbs { display:none; text-indent:10px; } #service_navigation { /*width:290px;*/ margin-top:-92px;} #background_leftcol, #main_navigation { background:none;} #tormax_extranet_head { margin: 27px 0 20px 140px; font-size: 22px; } #main_navigation { display: none; } #main_navigation ul, #navigation_links { display:none; } #main_navigation { border:0; margin:6px 0 0; height:56px; } #subnavigation_dummy { display:none; } #breadcrumbs { margin:12px 0; display:none;} #main_navigation_mobile, #content { clear:left;} .navi_mobile { float:left; margin:6px 0 0 10px; display:block; width:130px !important; padding:1px; font-size:0.75em; } #sub_navigation_mobile { width:148px !important; margin-left:4px; } #language { float:right; font-size:0.75em; margin-top:13px; margin-right:0;} #tormax_extranet_head_mobile { margin-top:13px; } #country_select_form { margin:3px 9px 0; height:auto; } #country_select_form select { width:160px; font-size:0.688em; } #search_field { width:139px; font-size:0.688em; height:17px; } #search_loupe { width:17px; height:17px; } #search_form { margin:0 10px 0 0; width:auto;height:auto; } #main_content .infobox { border:0;/* border-top: 1px solid #999; border-bottom: 1px solid #999;*/ padding: 5px 0; } #footer { height:auto; overflow:hidden; } #service_links li { padding:0 3px 1px 1px; } /**/ }