#first-line { margin: 0 2%; position: relative; z-index: 999; padding-top: .5%; } #social ul { margin: 0; padding: 0; li { display: inline-block; .fa { color: #868686; margin-right: 10px; transition: all ease-out .2s; &:hover { color: #0cb4ce; } } } } #authentication ul li { display: inline-block; a { color: #868686; transition: all ease-out .2s; &:hover { color: #0cb4ce; } } &.current a { color: #0cb4ce; } } #second-line { margin: 0 2%; position: relative; z-index: 999; } .wer { text-align: right; margin: 0 4%; font-size: 1.222em; } .m-filter { margin-right: 1%; } .jbzoo-view-category, .jbzoo-view-frontpage, .jbzoo-view-favorite, .jbzoo-view-filter { padding: 0 2%; .items { text-align: center; } } .column.rborder.width100, .jbfavorite-item-wrapper { display: inline-block; width: 259px; margin: 1%; border: 1px solid #979696; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } .column.rborder.width100:hover { box-shadow: 0 0 10px rgba(0,0,0,0.8); } .jbzoo .clr { display: none; } .t-image img { width: 253.5px; height: 363px; padding: 3px; } .t-second { position: relative; margin-top: -375px; padding: 3px; } .t-name { background: #000; opacity: .9; color: #e9e9e9; padding: 3px 8px; height: 42px; } .t-desc, .n-desc { background: rgba(0,0,0, .9); opacity: .9; color: #e9e9e9; padding: 3px 8px; } .tname h4 { margin: 0; color: #0cb4ce; font-weight: 400; text-transform: uppercase; font-size: 14px; text-align: left; } .t-name-original { text-transform: uppercase; font-size: 14px; text-align: left; } .t-time { border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-top: 58px; } .t-timeandmpaa .element { display: inline-block; font-size: 16px; text-align: center; font-weight: 400; } .t-timeandmpaa .element-select { width: 18%; } .t-timeandmpaa .element-jbselectcascade { width: 32%; } .t-timeandmpaa .element-itemprimarycategory { width: 46%; } .t-buttons .t-favorite, .t-buttons .t-trailer, .t-buttons .t-readme, .t-buttons .t-kinopoisk { display: inline-block; vertical-align: top; width: 23.8%; } .t-buttons .t-favorite div, .t-buttons .t-trailer div, .t-buttons .t-readme div, .t-buttons .t-kinopoisk div { text-align: center; } .tdes { padding: 8% 0; text-align: justify; font-size: 14px; font-weight: 400; height: 136px; } .n-desc .tdes { padding: 10% 0; } a.jbbutton.jsFavoriteToggle.add, a.jbbutton.jsFavoriteToggle.remove { cursor: pointer; } .t-kinopoisk .element { width: 40px; height: 40px; border: 1px solid #fff; border-radius: 100%; line-height: 40px; text-align: center; } .t-desc, .n-desc { cursor: pointer; opacity: 0; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } .t-desc:hover, .n-desc:hover { opacity: 1; } .n-desc { height: 308px; } .n-desc .t-buttons { text-align: center; } .n-desc .tdes { height: auto; } #footer { background: #000; padding: 6px 0; } .footer { text-align: center; color: #e9e9e9; vertical-align: middle; } #footer .logo { text-align: center; vertical-align: middle; } h1 { font-weight: 300; text-align: center; margin: 10px 0px; } legend { display: none; } fieldset { border: 0px; } fieldset p { text-align: justify; margin-bottom: 10px; margin-top: 0; } input { line-height: 28px; border: 1px solid #ccc; color: #444; width: 100%; } .jbfilter { margin-bottom: 40px; } .jbfilter-buttons input { width: auto; } .control-group { margin-bottom: 8px; text-align: center; } .nav.nav-tabs.nav-stacked li { list-style-type: none; } .control-group.but { text-align: center; margin-bottom: 20px; } .control-group .control-label label { color: #444; } .control-group .control-label { margin-bottom: 4px; } .controls.log { text-align: center; } .control-label.remember { display: inline-block; width: 112px; } .controls.box { display: inline-block; width: 20px; vertical-align: middle; } .controls.log .btn { padding: 2px 32px; } .btn, .jbfavorite-remove-all { padding: 2px 12px; border: 0px; margin: 0px 4px; webkit-transition: color 400ms, background-color 400ms, border-color 400ms; -o-transition: color 400ms, background-color 400ms, border-color 400ms; transition: color 400ms, background-color 400ms, border-color 400ms; } .btn-primary, .jbfavorite-remove-all, .profile .btn-toolbar li a { background-color: #2495d6; color: #fff; } .btn-primary:hover, .jbfavorite-remove-all:over { background-color: #1d77aa; color: #fff; } .btn.cancel { background-color: #fff; color: #444; border: 1px solid #9f9f9f; } .btn.cancel:hover { background-color: #ccc; } .nav-stacked { width: 170px; margin: auto; margin-bottom: 20px; } .nav-stacked li{ margin: 4px 0px; } .controls.remind { text-align: center; margin-bottom: 20px; } .overfoul, .overfull { background: rgba(0, 0, 0, .75); position: absolute; top: 0; bottom: 0; right: 0; left: 0; } #yoo-zoo .frontpage { display: none; } .p-profession .element a { color: #e9e9e9; transition: all ease-out .2s; } .p-profession .element a:hover { color: #cb4622; } .p-download { margin-top: 8px; text-align: center; } .p-copyright { background: #ff0000; color: #fff; font-size: 14px; .element { padding: 2px; } } .footer a { color: #0cb4ce; } .footer a:hover { color: #0691a7; } .p-profession .element a { background: none; color: #e9e9e9; } .p-profession .element a:hover { text-decoration: underline; color: #e9e9e9; } .a-inleft img { box-shadow: 0 0 10px rgba(0,0,0,1); } .f-col-person, .m-f-col-person { display: inline-block; vertical-align: top; } .s-col-person, .m-s-col-person { display: inline-block; } .p-films div ul li { line-height: 24px; } .p-films div h3 { margin: 0; font-weight: 300; } .p-films div .uk-list { color: #444; } .p-films div h3:before { font-family: FontAwesome; content: "\f008"; color: #0cb4ce; font-weight: 300; } .p-desc div h3 { margin: 0; font-weight: 300; line-height: 32px; padding-top: 10px; } .p-desc div h3:before { font-family: FontAwesome; content: "\f02d"; color: #0cb4ce; font-weight: 300; margin-right: 10px; } .p-desc div .uk-list li { margin-bottom: 20px; } .p-name h1 { margin: 0; font-family: Arial; font-weight: 900; text-transform: uppercase; text-align: left; color: #0cb4ce; } .p-name-original { color: #e9e9e9; text-transform: uppercase; } .p-profession, .p-birth, .p-death, .p-place-birth, .p-place-death { color: #e9e9e9; div h3 { color: #0cb4ce; font-weight: 300; display: inline-block; margin: 0 12px 0 0; } } .p-desc div .uk-list { text-align: justify; } .p-birth div, .p-death div, .p-birth span, .p-death span { display: inline-block; } .m-films .director div a, .p-films .element .uk-list li a { text-decoration: underline; } #tabs-3 .element div a { text-decoration: underline; } .m-films .year div, .m-films .country div, .m-films .slogan div, .m-films .director div { border: 0; padding: 0; text-align: left; } .m-films .age .element-select, .m-films .mpaa .element-select { border: 0; padding: 0; text-align: left; } .m-films .year div span, .m-films .age div span, .m-films .mpaa div span { font-weight: 300; font-size: 18px; color: #222; } .m-films .age div span, .m-films .mpaa div span { border: 1px solid #444; padding: 0 4px; } .m-films .year div span:before, .m-films .age div span:before, .m-films .mpaa div span:before { display: none; } .m-films div span { margin: 0; font-weight: 300; } .m-films div span:before { font-family: FontAwesome; content: "\f008"; color: #0cb4ce; font-weight: 300; margin-right: 10px; vertical-align: top; } .m-films div h3 { display: inline-block; font-weight: 300; margin: 0 8px 0 0; } .m-films div div { display: inline-block; border: 1px solid #444; text-align: center; padding: 0 4px; border-radius: 2px; } .m-timeandcategory, .jbzoo-bookmarks, .m-category { display: inline-block; color: #e9e9e9; } .m-timeandcategory .first:after { content: "/"; } .p-rating div h3, .m-social div h3 { display: inline-block; color: #0cb4ce; font-weight: 300; } .p-rating div .yoo-zoo.rating, .vote-message, .rating-container.star10 { display: inline-block; font-weight: 300; } .vote-message { color: #e9e9e9; } .m-first { display: inline-block; } .m-second { display: inline-block; } .jbzootabs .jbzootabs-nav { margin: 0; background: #000; } .jbzootabs .jbzootabs-nav li { float: left; } .jbzootabs-header { font-weight: normal; display: table; width: 99.5%; } #tabs-3 .element, #tabs-4 .element { padding: 10px; } .uk-lightbox-content { margin-top: -24px; } #tabs-5 { padding-top: 10px; margin-bottom: -10px; } .jbzootabs .jbzootabs-nav li { list-style: none; white-space: nowrap; } .jbzootabs-content { padding: 0px; text-align: left; } .jbzootabs ul li a { color: #e9e9e9; text-transform: uppercase; } .jbzootabs .jbzootabs-nav .jbzootabs-state-active a { color: #0cb4ce; } .jbzootabs-state-hover a { transition: all ease-out .3s; } .jbzootabs-state-hover a, .jbzootabs-state-hover a:hover, .jbzootabs-state-hover a:link, .jbzootabs-state-hover a:visited { color: #0cb4ce; } .jbzootabs { border-bottom: 40px solid #000; } .m-kinopoisk { float: right; color: #0cb4ce; font-weight: 400; font-size: 28px; border: 1px solid #0cb4ce; border-radius: 100%; width: 50px; height: 50px; text-align: center; } .m-kinopoisk div { padding-top: 1px; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #fff; text-align: center; text-decoration: none; background-color: #000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 256px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .popover-title:empty { display: none; } .popover-content { padding: 9px 14px; font-size: 16px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0,0,0,0.25); bottom: -11px; } .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0,0,0,0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0,0,0,0.25); top: -11px; } .popover.bottom .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0,0,0,0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .page-header h2 { font-size: 36px; font-weight: 300; text-align: center; margin: 10px 0px; } .jbfavorite-remove-all { cursor: pointer; } .contact .accordion .accordion-group .accordion-heading { display: none; } .jbzoo-view-category { padding: 0; margin: 0; .category { padding: 0; margin: 0; background: #000; height: 115px; margin-top: -145px; margin-bottom: 30px; } } .jbzoo-view-category { padding: 0; margin: 0; .alias-news { padding: 0; margin: 0; background: #000; height: 115px; margin-top: -118px; margin-bottom: 30px; } } .pagination { width: 300px; margin: 10px auto; } .jbzoo .pagination span { background: #0cb4ce; color: #fff; transition: all ease-out .2s; } .jbzoo .pagination a:hover { background: #0cb4ce; color: #fff; } .jbzoo .pagination span, .jbzoo .pagination a { display: block; float: left; font-family: Oswald, sans-serif; font-weight: 300; padding: 0.4em; border: 1px solid #CCC; border-radius: 3px; margin-right: 6px; text-decoration: none !important; color: #333; line-height: 1em; font-size: 0.9em; } .profile .btn-toolbar li { list-style-type: none; } .jbzoo-item-full { margin-bottom: 20px; } .m-category div a { color: #e9e9e9; &:hover { color: #0cb4ce; } } .p-desc div .description { padding:10px 0; text-align: justify; } .btn-download { background: #000; border: 1px solid #0cb4ce; color: #0cb4ce; text-transform: uppercase; -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; } .btn-download:hover { box-shadow: 0 0 6px rgba(0,0,0,0.8); } #users-profile-core .dl-horizontal dt, #users-profile-core .dl-horizontal dd { display: inline-block; } #users-profile-core .dl-horizontal dt { color: #0cb4ce; } #users-profile-core .dl-horizontal dd { margin-left: 8px; } .alert-heading { text-transform: uppercase; font-weight: normal; margin: 2px 0px; } .fa.fa-bars { -webkit-transition: all .1s ease-in; -moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; transition: all .1s ease-in; } .fa.fa-bars:hover { color: #026d7e; } .mobmini, .mobile, .tabmini, .tablet, .desktxl1, .desktxl2, .deskt1, .deskt2 { margin-top: 10px; } .movie-hits iframe { display: none; } .movie-hits .fancybox-iframe { display: block; } .movie-hits #ampx { display: block; } .fulltablet #ambn8749 iframe { display:block; } .fulltablet #ambn8749 iframe { display:block; } .mobmini #ambn48691 iframe { display:block; } .mobile #ambn37848 iframe { display:block; } .tablet #ambn8749 iframe { display:block; }