Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .rectangles {
- padding-bottom: 8em;
- }
- .matrix-rectangles {
- padding-top: 1em;
- }
- .medium-rectangle {
- background-repeat: no-repeat;
- width: 300px;
- height: 250px;
- }
- #first-rectangle {
- background-image: url(../img/medium-rectangle.jpg);
- }
- #second-rectangle {
- background-image: url(../img/medium-rectangle.jpg);
- }
- #third-rectangle {
- background-image: url(../img/medium-rectangle.jpg);
- }
- .events {
- padding-top: 2em;
- padding-bottom: 5em;
- position: relative;
- }
- .shadow-events {
- -webkit-box-shadow: inset 0 8px 6px -6px #314551;
- -moz-box-shadow: inset 0 8px 6px -6px #314551;
- box-shadow: inset 0 8px 6px -6px #314551;
- }
- .events-slider {
- background-repeat: no-repeat;
- position: absolute;
- top: 35px;
- width: 35px;
- height: 50px;
- cursor: pointer;
- background-position: center;
- }
- .event-navLeft {
- background-image: url(../img/navLeft.png);
- left: -40px;
- }
- .event-navRight {
- background-image: url(../img/navRight.png);
- right: -40px;
- }
- .all-events-button {
- padding-top: 1.3em;
- text-align: center;
- }
- .all-events-button input {
- padding-right: 2em;
- padding-left: 2em;
- padding-top: 1em;
- padding-bottom: 1em;
- box-shadow: none;
- }
- .map {
- height: 280px;
- background-color: #FFFFFF;
- border-bottom: 1px solid #c9d7df;
- background-image: url(../img/map-img.jpg);
- background-repeat: no-repeat;
- background-position: center;
- -webkit-box-shadow: inset 0 8px 6px -6px #314551;
- -moz-box-shadow: inset 0 8px 6px -6px #314551;
- box-shadow: inset 0 8px 6px -6px #314551;
- }
- .map-div {
- position: relative;
- text-align: center;
- }
- .map-pointer {
- position: absolute;
- top: 40px;
- right: 220px;
- background-image: url(../img/map-pointer.png);
- width: 44px;
- height: 66px;
- color: #ffffff;
- padding-top: 5px;
- }
- .show-map {
- position: relative;
- top: 239px;
- display: inline-block;
- line-height: 2.5;
- width: 14em;
- color: #36444c;
- padding-right: 1.5em;
- text-align: right;
- font-weight: 700;
- text-transform: uppercase;
- background-color: #edf3f5;
- background-image: -webkit-linear-gradient(bottom, #d9e2e8 0%, #edf3f5 100%);
- background-image: -moz-linear-gradient(bottom, #d9e2e8 0%, #edf3f5 100%);
- background-image: -o-linear-gradient(bottom, #d9e2e8 0%, #edf3f5 100%);
- background-image: linear-gradient(to top, #d9e2e8 0%, #edf3f5 100%);
- }
- .show-map-icon {
- display: inline-block;
- padding-left: 2em;
- background-image: url(../img/icons.png);
- background-repeat: no-repeat;
- background-position: 0px -370px;
- }
- .show-map-icon:hover {
- text-decoration: none;
- }
- .visual {
- height: 470px;
- background-position: center;
- background-image: url(../img/visual-img-op.png), url(../img/visual-img.jpg);
- background-repeat: repeat, no-repeat;
- position: relative;
- }
- .play-priroda {
- background-image: url(../img/visual-img-op.png), url(../img/play-priroda.jpg);
- }
- .play-vystava {
- background-image: url(../img/visual-img-op.png), url(../img/play-vystava.jpg);
- }
- .visuals-slider {
- background-color: rgba(33, 42, 41, 0.9);
- background-repeat: no-repeat;
- width: 70px;
- height: 130px;
- position: absolute;
- top: 175px;
- cursor: pointer;
- background-position: center;
- opacity: 0.8;
- }
- .visual-navLeft {
- background-image: url(../img/visual-navLeft.png);
- left: 0;
- }
- .visual-navRight {
- background-image: url(../img/visual-navRight.png);
- right: 0;
- }
- .visual-matrix {
- padding-top: 3em;
- }
- .visual-matrix > div {
- vertical-align: top;
- }
- .visual-left-part {
- display: inline-block;
- }
- .visual-right-part {
- display: inline-block;
- padding-left: 15px;
- }
- .visual-logo {
- width: 140px;
- height: 140px;
- padding: 3px;
- background-color: #FFFFFF;
- }
- .visual-logo img {
- height: auto;
- width: 134px;
- }
- .visual-galery {
- background-color: #FFFFFF;
- width: 140px;
- height: auto;
- margin-top: 1px;
- padding: 3px;
- position: relative;
- cursor: pointer;
- }
- .visual-galery img {
- height: auto;
- width: 134px;
- }
- .visual-galery-text {
- background-color: rgba(26, 35, 40, 0.8);
- height: 25px;
- width: 134px;
- position: absolute;
- bottom: 10px;
- text-align: center;
- color: #FFFFFF;
- font-size: 1em;
- }
- .visual-info {
- height: 42px;
- background-image: url(../img/icons.png);
- background-repeat: no-repeat;
- background-position: 5px -10px;
- background-color: rgba(26, 35, 40, 0.8);
- color: #FFFFFF;
- padding-left: 44px;
- padding-top: 9px;
- padding-bottom: 10px;
- padding-right: 25px;
- margin-bottom: 1px;
- font-size: 0.9em;
- display: inline-block;
- }
- .visual-info sup {
- font-size: 0.6em;
- }
- .visual-heading {
- background-color: #266bcd;
- background-image: none;
- padding-left: 15px;
- padding-right: 15px;
- }
- .visual-heading-red {
- background-color: #d9251d;
- background-image: none;
- padding-left: 15px;
- padding-right: 15px;
- }
- .visual-address {
- background-position: 10px 9px;
- }
- .visual-phone {
- background-position: 10px -43px;
- }
- .visual-email {
- background-position: 10px -100px;
- margin-left: 1px;
- }
- .visual-hours {
- background-position: 10px -155px;
- }
- .visual-info h3 {
- margin: 0;
- }
- .visual-event {
- background-color: rgba(26, 35, 40, 0.8);
- margin-top: 10px;
- color: #FFFFFF;
- padding: 13px;
- font-size: 0.9em;
- width: 760px;
- }
- @media screen and (max-width: 1192px) {
- .visual-event {
- width: 625px;
- }
- }
- .visual-event h4 {
- font-size: 1.2em;
- margin: 0;
- padding-bottom: 4px;
- }
- .visual-link {
- position: relative;
- display: inline-block;
- height: 41px;
- margin-top: 1px;
- text-align: right;
- background-color: #266bcd;
- font-size: 0.9em;
- }
- .visual-link a {
- background-image: url(../img/icons.png);
- background-repeat: no-repeat;
- display: inline-block;
- padding-top: 9px;
- padding-bottom: 7px;
- padding-left: 50px;
- padding-right: 20px;
- color: #FFFFFF;
- }
- .visual-website a {
- background-position: 15px -209px;
- text-decoration: underline;
- }
- .visual-info-company {
- margin-left: 1px;
- }
- .visual-info-company a {
- background-position: 15px -264px;
- }
- .visual-info-company a:hover {
- text-decoration: none;
- }
- .visual-fb-event {
- margin-left: 1px;
- background-color: #3b5998;
- }
- .visual-fb-event a {
- background-position: 15px -320px;
- }
- .visual-fb-event a:hover {
- text-decoration: none;
- }
- .visual-label, .visual-zolik {
- background-image: url(../img/label-event-bg.png), url(../img/broumovsky_klaster.png);
- background-size: 150px auto;
- background-repeat: repeat, no-repeat;
- background-position: center;
- position: absolute;
- height: 60px;
- width: 60px;
- right: 0;
- top: 50px;
- color: #FFFFFF;
- font-weight: bold;
- font-size: 1.5em;
- text-align: center;
- padding-top: 10px;
- border-radius: 50%;
- }
- .visual-zolik {
- background-image: url(../img/visual-zolik.png);
- background-repeat: no-repeat;
- background-size: 100%;
- }
- .sliderVisual {
- overflow: hidden;
- height: 470px;
- }
- .slideBoxVisual {
- display: none;
- }
- .sliderEvent {
- overflow: hidden;
- height: 126px;
- }
- .slideBoxEvent {
- float: left;
- display: none;
- width: 100%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement