@media ( max-width : 768px) { .navbar-brand { padding: 18px 5px; } .navbar-brand img { height: 45px; } } .navbar-brand img { } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color:black; } .navbar-nav li { background-color: white; border-top:5px solid white; font-weight:bold; } .navbar-nav li.active { background-color: #eee; border-top:5px solid blue; font-weight:bold; } .navbar-nav li.active:hover { background-color: #eee; border-top:5px solid lightblue; color:black; } .navbar-nav li:hover { background-color: white; border-top:5px solid lightblue; color:black; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: black; background-color: #eee; } .navbar-inverse { background-color: white; border-color: #eee; } .navbar-toggle { background-color: black; } .item.activea { transition: transform 5000ms linear 0ms; transform: scale(1.15, 1.15); } .footer { height: auto; background-color: #323232; margin-top: 30px; } .footer .footer-inside { padding-top: 30px; } .footer a.up, .footer a.up:visited, .footer a.up:visited:hover { display: block; width: 60px; height: 60px; border-radius: 50px; font-size: 1.9em; background-color: #000; color: #fff; padding-top: 20%; vertical-align: middle; text-align: center; } .footer a.up:hover, .footer a.up:visited:hover { background-color: blue; } .footer a.norm, .footer a.norm:visited, .footer a.norm:visited:hover { color: #fff; } HTML, BODY { height: 100%; } .imggaleria { margin: 10px; -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.7); -moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.7); box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.7);; } .imggaleria:hover { transition: transform 120ms linear 0ms; transform: scale(1.05, 1.05); } .imgduzy { margin: 0px; } .imgduzyaaa:hover { transition: transform 120ms linear 0ms; transform: scale(1.15, 1.15) rotate(5deg);; } .imgduzywrap { overflow: hidden; border-radius: 5px; -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.7); -moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.7); box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.7); } .plan_elem{ position:absolute; width:50px; height:40px; display:block; border: 3px solid gray; background-color:#eee; border-radius: 5px; cursor:pointer; } .plan_elem:hover{ transition: transform 120ms linear 0ms; transform: translate(-5px,-5px); -webkit-box-shadow: 6px 6px 4px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 6px 6px 4px 0px rgba(50, 50, 50, 0.6); box-shadow: 6px 6px 4px 0px rgba(50, 50, 50, 0.6); } .plan_elem_empty:hover{ transition: transform 0ms linear 0ms; transform: translate(0px,0px); -webkit-box-shadow: 6px 6px 4px 0px rgba(50, 50, 50, 0.6); -moz-box-shadow: 6px 6px 4px 0px rgba(50, 50, 50, 0.6); box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.0); } .plan_wrap { position: relative; border: 1px solid #ddd; border-radius: 15px; transition: transform 0ms linear 0ms; transform: skew(-40deg, 0deg) rotate(0deg); -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.7); -moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.7); box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.7); background-color:white; } .popover-title { color: blue; font-weight:bold; } .popover-content { color: gray; } .popover { transition: transform 0ms linear 0ms; transform: skew(40deg, 0deg) rotate(0deg); } .plan_wrap:hover { background-color:#f8f8f8; } .plan_opis { transition: transform 0ms linear 0ms; transform: skew(40deg, 0deg) rotate(0deg); } .plan_not_active { opacity: 0.15; } .plan_active { opacity: 0.9; } .col312efe23b306eabc8f6258e96f888e53 /*Art. spożywcze, gastronomia*/ { background-color:green; } .col21a38e29484b840835386b1252cbecec /*Moda*/ { background-color:pink; } .col92d5ab3d9cd28cc99690523e1b72aab3 /*Elektronika*/ { background-color:blue; } .colba4131c82a06bf08d543e59c37c0f08a /*Inne*/ { background-color:orange; } .col35b5e11d704405bbddf3812d3a92fe89 /*Obuwie*/ { background-color:brown; } .colfaf43c2b382c84d8cdf2ceaf01f23e01 /*Biżuteria, zegarki*/ { background-color:yellow; } .cole71e7a5887d1b700cbb390a3529296eb /*Usługi*/ { background-color:lightgreen; } .cold05174d0fd9d467eaf91eb4a1264d0ca /*Galanteria*/ { background-color:#2DE3FF; } .col75171dae5bcc34c531a18a95d051bb28 /*Zdrowie i Uroda*/ { background-color:#FF1418; } .col6a59e224c70c668edebc1d694e41762d /*Dla dzieci*/ { background-color:#4BFF1E; } .col8675df950c8e3037bb8147ba36e4dd37 /*Dla domu*/ { background-color:#60BDFF; } .glyphicon-branze{ display: block; width: 50px; height: 50px; border-radius: 50px; font-size: 1.9em; background-color: #337ab7; color: #fff; padding-top: 15%; vertical-align: middle; margin-top:20px; margin-right:10px; text-align: center; } .glyphicon-branze:hover, .glyphicon-branze:visited:hover { background-color: #23527c; color: #fff; }