@import "http://fonts.googleapis.com/css?family=Oswald:300&subset=latin,latin-ext"; @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300italic,300,600,700&subset=latin,latin-ext); /* LESS Document */ @color: #ff1f26; @color2: #384789; @color-bg: #f7f5f0; @bialy: #f4f4f4; /* Podstawowe style */ body { /* background: #fefefe; */ font-size: 14px; line-height: 28px; font-family: 'Open Sans', sans-serif; font-weight:300; color:#444; background-attachment: fixed; background-image: url("../images/bg2.jpg"); background-position:bottom; background-repeat:no-repeat; background-size:cover; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { /* width: 1140px; */} a:hover, a:focus { color: 333; text-decoration: none; } a{ color: #000; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} a:hover{ text-decoration:none; color: darken(@color, 20%);} p { margin: 15px 0; } .item-page{ text-align:justify; } h1{ font-size: 32px; text-align: center; color: @color2; text-transform:uppercase; margin-top: 8px; border-bottom:thin #ADADAD solid; font-weight:700; } h1:before { /* content: url("../images/smile-ico.png");} */ } h2, h2 a{ font-size: 24px; text-align:center; text-transform:uppercase; margin-bottom:10px; color: #333; } h3{ font-size: 22px; line-height: 28px; color: #555; clear:both; } a { outline: none !important; } /* Header */ #header { background-color: #FF0; border-bottom: 1px solid #d7d7d7; padding: 0px 0 0px; top: 0; left: 0; width: 100%; } #header p{ padding:0; margin:0;} .logo{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; padding:0px; margin:5px 0px;} .logo:hover{ } .logo img{ } nav{ width:100%; text-align:right; color:#FFFFFF; font-size:16px; overflow:hidden;} .dodatki{ width:100%; padding:2px; text-align:right; color:#FFFFFF; font-size:16px;} .social{ color:#666; width:100%; padding:2px; text-align:right; font-size:18px;} .social a{ padding:2px; font-size:18px;} .social img{ max-width:50px; padding-left:5px; margin-top:5px; margin-bottom:0px; transition: all 0.2s ease-out 0s;} .social img:hover{ margin-top:0px; margin-bottom:5px;} .logo img{ opacity:1; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s;} .logo img:hover { } .naprawo{ text-align:right;} #header nav ul { float: right; margin: 0px; padding:0px; } #header nav li { list-style-type: none; float: left; } /*#header a { color: #fff; font-size: 17px; } #header a:hover, #header .active-menu-item a { text-decoration: none; color: #fdc702; } */ /* slider */ #slider { /* background: url("../images/sliderbg.jpg"); min-height:20px; background-color: #f4f4f4; border-bottom: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7;*/ } #slider .moduletable{ margin-bottom:30px !important; } #logasy { background-color: #EFEFEF; min-height:10px; overflow:hidden; } #slider .moduletable{ margin-bottom:0px; } /* zawartosc */ article { min-height:500px; } article:first-child { border: none; } article.content { background: #fff; } /* Portfolio i najnowsze prace */ /*Stopka */ #footer { padding:10px 0px; bottom:0; position:relative; color:#999; } #footer p { margin: 10px 0; } #footer a{ padding:1px;} /* blog */ .item h2{ margin:0px; padding:0px; } .blog .page-header{ margin-bottom:10px; margin-top:0px; padding:0px; border:none; } /* zdjęcia */ .blog .item img, .blog-featured img{ float:left; width:25%; border:1px solid #fff; margin-right:10px; margin-bottom:5px;} .blog .item , .blog-featured .item{ width: 100%; background-color: #F8F8F8; padding: 10px; display: block; float: left; margin-bottom: 15px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } img { border: 0 none; height: auto; max-width: 100%; vertical-align: middle; } .published { font-size:75%;} .item-page img{ margin-right:20px; margin-bottom:10px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .item-pageglowna img{ -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } .readmore { float:right;} .readmore a{ background-color: @color; border-radius: 0px; color: #fff !important; font-size: 14px; margin-top: 10px; padding: 4px 8px; text-transform:uppercase; } .readmore a:hover{ background-color: darken(@color, 10%); color: #fff !important; } /**********************************menu*********************************/ .menu { li{ height:60px;} li a { background-color: @color2; padding-left:9px; padding-right:9px; color:#fff; font-size: 16px; text-transform: uppercase; padding-top:0px; padding-bottom:5px; height:40px; line-height:40px;} li a:hover{ background-color: @color; color:#FFF; padding-top:6px; padding-bottom:0px; height:50px; } li.current a{ color: yellow; margin-bottom:0px; } li.current a:hover{ color:#fff;} } .miasta { a { padding:12px; background-color: #007c21; margin-top:5px; font-size:18px; border: 1px solid #fff; color: #fff; display: block; font-size: 18px !important; float:right; line-height: 20px; margin-left: 10px; position: relative; text-align: center; text-transform: uppercase !important; } a:hover{ background-color: darken(#007c21, 10%); color:#FFF; } } .blog img, img.multithumb, .blog-featured img, article img{ -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; padding:1px; } article img:hover{ opacity:0.7; } /* media queries */ @media (min-width: 1140px) { .menu a:link, .menu a:visited{ } .zatr-menu-opener{ display:none;} #header nav ul { margin-left: 25px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 1170px; } } @media (min-width: 980px) and (max-width: 1139px) { .zatr-menu-opener{ display:none;} .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 970px; } #header nav ul{ float:right;} } @media (min-width: 768px) and (max-width: 979px) { h1{ font-size:25px;} .zatr-menu-opener{ display:none;} #header nav ul { margin-left: 20px; } #header .logo{ display:block; margin-left:auto; margin-right:auto; text-align:center;} #header nav ul{ float:left;} } @media (max-width: 767px) { #pwebfblikebox107{ display:none;} .blog .item img, .blog-featured img{ width:100%; } h1{ font-size:26px;} .social{ text-align:center; font-size:15px;} body { padding: 0; } #header { position: relative; padding-bottom:10px; } #header .logo{ display:block; margin-left:auto; margin-right:auto; text-align:center;} #header nav { display: none; } .container { margin: 0 20px; } #copyright p span{ float:left;} #scrollToTop{ display:none;} } @media (max-width: 480px) { #pwebfblikebox107{ display:none;} .blog .item img, .blog-featured img{ width:100%;} #slider { display:none;} #header { padding-bottom: 15px; padding-top: 10px; } .container { margin: 0 10px; } #scrollToTop{ display:none;} #copyright p span{ float:left; width:100%;} .custom-copyrigt{ margin:0 auto; text-align:center;} #scrollToTop{ display:none;} .item img{ } .position-2 img{ display:none; } } .table td{ vertical-align: top !important;} .zatr-menu-opener { height: 40px; width: 40px; background-color:rgba(0,0,0,0.7) } tp-caption large_text{ border-style: none; border-width: 0; color: #34a2d0; font-size: 50px; letter-spacing: -1.5px; line-height: 36px; margin: 0; padding: 1px 4px 0; position: absolute; text-shadow: 5px 5px 10px #000000;} .nn_tooltips-link{ border:none;} #ca_banner h2{ text-align:center;} .categories-list a{ font-size:140%; } small, .small { font-size: 120%; } .page-header{ margin-top:20px;} dl { margin-bottom: 5px !important; margin-top: 5px !important; } /*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 0px solid #ddd;}*/ .item-page ul, .iteam-page table{ margin-left:10px; clear:both;} .box{ background-color:#f4f4f4; border-radius:10px; border:solid 1px #ddd; margin:20px 5px; padding:10px; -webkit-box-shadow: 0 0 5px 2px #ddd; box-shadow: 0 0 5px 2px #ddd; } .kolo{ width:400px; height:400px; overflow:hidden; border-radius:200px; padding:0px; margin:0 auto;} .box:hover h2 a{ color:#f00;} .box img{ border-radius:0px; /* border:solid 1px #80664d; */ } .box h2 { margin:2px; } .box h2 a{ font-size:16px; font-weight:bold; } .zoom { border-radius:0px; overflow: hidden; z-index: 10;} .box:hover img{ -moz-transform: scale(1.1); opacity:0.7; } /* .zone_zoom { overflow: hidden; z-index: 10; } .zoom { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .zoom:hover { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) rotate(15deg); -ms-transform: scale(2); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=2, M12=-0, M21=0, M22=2); } */ .position-2 img{ border-radius:10px; box-shadow: 0 0 5px 2px #ccc; width:14%;} .position-2 .image-title{ padding-left:15px; } .position-2 .menu li a{ border-radius:10px; color:@color2; } .position-2 .menu li a:hover{ background-color:@color; color:#fff;; } .table-bordered td:hover{ background-color:#f00 !important; } .item-page-partnerzy img, .item-page-producenci img { margin:15px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;} .item-page-partnerzy img:hover , .item-page-producenci img:hover{ box-shadow:#CCC 0px 0px 4px 2px; opacity:0.6;} .table-hover > tbody > tr > td, .table-hover > tbody > tr > th { -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5 !important; } .nn_sliders-toggle{ font-weight:bold; background-color:@color2; color:#FFF; font-size:150%; text-transform:uppercase; text-align:center; text-decoration:none;} .nn_sliders-toggle a:active{ text-decoration:none; } .zajecia-otwarte{ display:block; } .zajecia-otwarte a{ background-color:#384789; font-weight:700; } .zajecia-otwarte a:hover{ background-color:#111566; } .zajecia-online a{ background-color:#D80003; font-weight:700; } .zajecia-online a:hover{ background-color:#AA0002; } .terminy{ font-size:140%; font-weight:700; color:#000000;} .terminy td:nth-child(2){ text-align:center; } td.success{ background-color:#007c21 !important; } td.success:hover{ background-color:#007c21 !important; } td.success h2{ color:#fff; font-size:140%; font-weight:700; }