/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* 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) { .jThumbnailScroller .jTscroller a { margin-right: 27px !important; } #coment .podpis { float: none; width: 100%; } #coment .podpis a { display: inline !important; } #coment2 .podpis { float: none; width: 100%; } #coment2 .podpis a { display: inline !important; } #coment3 .podpis { float: none; width: 100%; } #coment3 .podpis a { display: inline !important; } #contactform_main li.buttons input { margin-left: 12.8%; } .maps_view { height: 250px; } #slider-wrapper object { height: 315px; } .cols4 .col4 h3 a { font-size: 10px !important; } .ul_list li { font-size: 10px !important; } h3.h3_act_href a.h3_href { padding-left: 65px; } .slider_body { width: 768px !important; } .content-slider-nav li { width: 185px; } .sidebar_content h3 a { font-size: 12px !important; line-height: 15px; } .sidebar_content h3 span { font-size: 10px; line-height: 14px; } .sidebar_content p { font-size: 11px; line-height: 14px; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #panel_setting_side { position: absolute !important; top: 30% !important; z-index: 9999999 !important; } #coment .podpis { float: none; width: 100%; } #coment .podpis a { display: inline !important; } #coment2 .podpis { float: none; width: 100%; } #coment2 .podpis a { font-size: 9px; display: inline !important; } #coment3 .podpis { float: none; width: 100%; } #coment3 .podpis a { display: inline !important; } #contactform_main li.buttons input { margin-left: 14.5%; } #coment2 { margin-left: 0px; } #coment3 { margin-left: 0px; } .maps_view { height: 200px; } .one-third.column.gap21 { display: block; } .one-third.column.gap20 { display: none; } .camera_caption > div { padding: 5px !important; font-size: 8px !important; line-height: 12px; } #slider-wrapper object { height: 240px; } .img_hover_box.pic:hover .img_hover_overlay { display: none; } div.ppt { display: none !important; } .pic.fl.gap { float: none; } .pic.fr.gap { margin-left: 0px; float: none; } .logo { padding: 20px 0px; margin: 0 auto; float: none; text-align: center; } .logo div { float: none; } .menu .menusm { display: none; } .menu .tinynav { padding: 3px 0 3px; margin: 19px auto 15px auto; width: 80%; display: block; } .header_menu { height: 42px; } .menu_bg { height: 42px; } .menu { padding: 0px; float: none; } .separator { margin: 0px; } .separator_clear { margin: 0px; } .content_resize { padding: 0px 0px; } .social { margin: auto; text-align: center; float: none; } .header { background: url("../images/header_bg1.png") repeat-x scroll left top transparent; } .search { float: none; margin: 7px auto 30px auto;} .header_text { padding: 0px; float: none; text-align: center; } .now_page h1 { font-size: 17px !important; line-height: 24px; } .now_page { padding-top: 20px; } .jThumbnailScroller .jTscroller a { margin-right: 34px !important; } .menu_bg { width: auto; } .copyright_header { margin: 16px 0 20px 0; float: none; text-align: center; } .sidebar.last { float: none; } .p404 h2, .p404 h2 em.p404_h2_second_color { font-size: 30px; line-height: 36px; } .p404 h2 span, .p404 h2 span em.p404_h2_second_color { font-size: 20px; line-height: 26px; } .p404 p, .p404 a { padding-top: 40px; font-size: 15px; line-height: 18px; } .ten.columns.gap5 { float: none; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .pricing_six .pricing_column, .pricing_six .pricing_column_first { width: 15.4% !important; } .dc_pricingtable06 ul li h3 { font-size: 15px !important; } .dc_pricingtable05 ul li h3 { font-size: 15px !important; } .dc_pricingtable03 li h2 { font-size: 15px !important; } .dc_pricingtable03 li h2.caption { font-size: 11px !important; } .col2.big { width: 48.8%; } .slider_body { width: 420px !important; height: 167px !important; } .content-slider-nav ul { margin-left: 0px; } .content-slider-nav ul li { margin: 0 0 5px 5px; width: 202px; } .footer p { text-align: left; } .slider_body .pr { width: 420px !important; } .capt { padding: 10px 8px; top: 20px; } .capt h1 { font-size: 11px !important; line-height: 15px; } .capt h1 br { display: none; } .capt p { font-size: 11px; line-height: 15px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .jThumbnailScroller .jTscroller a { margin-right: 20px !important; } #coment img { margin-right: 7px; } #coment2 img { margin-right: 7px; } #coment3 img { margin-right: 7px; } #contactform_main li.buttons input { margin-left: 20.5%; } .post_detail { font-size: 9px; line-height: 12px; } .post_detail a { font-size: 8px; line-height: 12px; } .content_box_padding p { line-height: 15px; } #coment { line-height: 16px; } #coment2 { line-height: 16px; } #coment3 { line-height: 16px; } .maps_view { height: 180px; } #slider-wrapper object { height: 160px; } .footer p { font-size: 9px; line-height: 12px; } .menu .tinynav { padding: 2px 0 3px 0; width: 100%; } .col2.big h3 a { font-size: 10px !important; line-height: 12px; } .col2.big p { font-size: 10px; line-height: 14px; } .post_detail a:hover { font-size: 8px; } #coment .podpis a { font-size: 8px; display: inline !important; } #coment2 .podpis a { font-size: 8px; display: inline !important; } #coment3 .podpis a { font-size: 8px; display: inline !important; } .now_page h1 { font-size: 14px !important; line-height: 18px; } .now_page h1 span { font-size: 10px; line-height: 14px; } .cols2 .col2.big { width: 48.2%; float: left; } .cols2 .col2.big.last { float: right; } .slider_body { width: 300px !important; height: 119px !important; } .content-slider-nav ul { margin-left: 0px; } .content-slider-nav ul li { margin: 0 0 5px 5px; width: 143px; } .footer p { text-align: left; } .slider_body .pr { width: 300px !important; } .capt { padding: 7px 5px; top: 5px; } .capt h1 { font-size: 9px !important; line-height: 13px; } .capt h1 br { display: none; } .capt p { font-size: 9px; line-height: 12px; } .next { bottom: 3px; width: 25px; height: 25px; background-size: contain; } .next:hover { width: 25px; height: 25px; background-size: contain; } .prev:hover { width: 25px; height: 25px; background-size: contain; } .prev { bottom: 3px; right: 38px; width: 25px; height: 25px; background-size: contain; } } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ /* @font-face { font-family: 'FontName'; src: url('../fonts/FontName.eot'); src: url('../fonts/FontName.eot?iefix') format('eot'), url('../fonts/FontName.woff') format('woff'), url('../fonts/FontName.ttf') format('truetype'), url('../fonts/FontName.svg#webfontZam02nTh') format('svg'); font-weight: normal; font-style: normal; } */