/* ------------------------------------------------------------- */ /* - WRS-css system -------------------------------------------- */ /* ------------------------------------------------------------- */ /* - CSS LAYOUT! ----------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /** css wrs v0.0001 ** 08-08-2017 ********************************/ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ h1 , h2 , h3, h4 ,h5 , h6 a { /* #c96300 */ } body { margin-top: 50px; font-family: "Roboto", Arial, sans-serif; font-weight: 300; } h1, h2, h3, h4, h5, h6 { font-family: "Roboto", Arial, sans-serif; ; /*font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; color: #00a7eb*/ } h4 { font-size: 105%; } b, strong { font-weight: 600; } a { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; text-decoration:none; } .container { background: transparent; } .mapawebu { padding: 3% 0; } .articles_detail_text { margin-bottom: 40px; } .margin-napistenam { padding: 30px 0; } /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ #form_hledej { padding: 10px 0; } /* ------------------------------------------------------------- */ #hledej_show, .zbozi_detail { margin-top: 120px; position: relative; } #hledej_show li { padding: 2%; min-height: 300px; } #hledej_show .list-group .col-md-6 { } /* ------------------------------------------------------------- */ /* - wrs_navigace ---------------------------------------------- */ nav { width: 100%; } #wrs_navigace.affix { top: 0; width: 100%; z-index: 10 } #wrs_navigace.navbar { z-index: 1; /* background: #f2f2f2; background: rgba(240,240,240,0.9 ); */ -o-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; border-radius: 0; border: 0; } #wrs_navigace .navbar-brand img { width: 100%; margin-top: -6px; } #wrs_navigace .navbar-header { width: 150Px; } #wrs_navigace .navbar-nav { width: 73%; text-align: center; } #wrs_navigace .nav > li { float: none; display: inline-block; } /* menu logout */ #wrs_navigace.navbar-default li.admin a.btn-logout { border-radius: 0; } /* - wrs_navigace - konec -------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* admin menu dropdown */ #wrs_navigace.navbar-default li.admin > a { background: transparent; } #wrs_navigace.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background: #333; color: #ccc; } /* aktivni tlacitko admin */ #wrs_navigace.navbar-default li.admin > ul.dropdown-menu { background: #222; } #wrs_navigace.navbar-default li.admin > ul.dropdown-menu a { color: #ccc; font-size: 100%; } #wrs_navigace.navbar-default li.admin > ul.dropdown-menu > li a:hover { background: #fff; color: #000; } /* #FF4935 */ #wrs_navigace.navbar-default li.admin > ul.dropdown-menu .glyphicon-plus { color: green; } /* ------------------------------------------------------------- */ .icon-menu { background-color: transparent; background-image: none; border-radius: 4px; float: left; margin: 0px 10px 0 0; padding: 0px; position: relative; display: inline-block } .icon-bar { border-radius: 1px; display: block; height: 2px; width: 20px; margin: 3px 0; background: #fff none repeat scroll 0 0; } /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* kontakt - zmena formulare - */ #kontakt h3 { border: 0; } #kontakt .btn-success { border: 1px solid #fff; color: #fff; background-color: #c96300; } #kontakt .btn-success:hover { color: #fff; background-color: #5cb85c; } #kontakt .form-group { margin-bottom: 20px; } #kontakt .form-control { background-color: #f9f9f9; border: 1px solid #E0E0E0; border-radius: 0px; box-shadow: none; height: auto; padding: 14px 28px; } #kontakt .form-control:focus { border-color: #DADADA; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5); box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150, 144, 144, 0.5); } #frm-napistenamForm input { width: 100%; margin-bottom: 10px; border-radius: 0; padding: 14px 28px; height: auto; } #frm-napistenamForm textarea { width: 100%; min-height: 224px; border-radius: 0; margin-bottom: 10px; padding: 14px 28px; height: auto; } /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ #bottom { border-top: 1px solid #c96300; margin-top: 0; color: #666; padding-top: 40px; padding-bottom: 40px; background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ } #bottom h3 { color: #666; display: block; margin: 20px 0; } #bottom ul { margin-bottom: 20px; padding-left: 0; } #bottom ul li { list-style: none; display: block; font-size: 100%; padding: 0 10px; margin: 2% } #bottom a { color: #c96300; } #bottom a:hover { color: #333; text-decoration: none } #bottom a .fa-facebook:hover { color: rgb(70,88,153); } #bottom a .fa-instagram:hover { color: #ccc; } #bottom a .fa-youtube:hover { color: red; } #bottom a .fa-youtube-play:hover { color: #c96300; } #bottom .social-media-link a { display: inline-block; width: 44px; height: 44px; text-align: center; font-size: 20px; padding-top: 8px; border-radius: 100%; background: #00a7eb; color: #e2e2e2; -webkit-transition: .3s all; -o-transition: .5s all; transition: .5s all; border: 2px solid #00a7eb; } #bottom .social-media-link a:hover { /*background: #26B7E3;*/ background: #fff; color: #c96300; border: 2px solid #c96300; } #bottom .wrscopy { clear: both;padding: 70px 0 0 10px; } /* ------------------------------------------------------------- */ #info_bottom { color: #fff; padding: 30px 0; background: #c96300; margin: 0% 0 20px 0; clear: both; } #info_bottom h3 { font-size: 230%; color: #fff; border-color: #eee; } #info_bottom h4 { font-size: 130%; color: #fff; } #info_bottom h4 b, #info_bottom h4 a { font-weight: bold; font-size: 110%; color: #fff; } /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* - pagebreake - klik a scrolll to top ------------- */ .pagebreak { text-align: center; clear: both; } .pagebreak .glyphicon { margin:0; } .pagebreak div { border-top: 1px solid #eee; position: relative; top: -81px; z-index: -1;} .btn-circle { border-radius: 50px; width: auto; height: auto; line-height: 20px; overflow: hidden; padding: 10px 10px 6px; margin: 50px 0; border: 10px solid #fff; text-align: center; } .btn-circle-up { padding: 7px 10px 10px; background-color: #c96300; } .btn-circle-up:hover { background-color: #c96300; } .btn-circle:hover { border-color: #ffcf8f; } /* - pagebreak - konec ----- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* - posun scrooling o cast strany ----------------------------- */ .scrolling_box { clear: both; padding: 30px 0 10px; text-align: center; } .scrolling_box .text-muted { position: relative; top: 10px; padding-top: 20px; font-size: 80%; } .center .scrollingdolu, .scrolling_box .scrollingdolu { position: relative; bottom: -15px; z-index: 1; float: none; right: 0; border-radius: 30px; } .scrollingdolu { position: fixed; bottom: 5%; right: 22px; z-index:1; } /* #scroltop { position: absolute; right: 22px; z-index:1; } .animated */ #scroltop { position: fixed; bottom: 12%; right: 22px; z-index: 5 } .scroltop { background: #fff none repeat scroll 0 0; border: 1px solid #26B7E3; border-radius: 0; color: #26B7E3; font-size: 18px; float: right; height: 42px; line-height: 12px; padding: 9px 12px; text-align: center; width: 42px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; } /* konec - posun scrooling o cast strany ----------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ------------------------------------------------------------- */ /* ---------------- */ /* - ------------- */ /* - - konec ----- */ /* ---------------- */ /* Small Devices, Tablets */ @media only screen and (max-width : 1200px) { }