vertical2_new/assets/stylesheets/template/layout/bo5.scss

368 lines
9.1 KiB
SCSS

@charset "utf-8";
@import "../initial";
.w-annc__item {
clear: both;
}
@media (min-width: 769px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left;
}
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 0.0625em;
padding-right: 0.9375em;
padding-left: 0.9375em;
}
.card {
border-radius: 0;
border: 0;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.hide {
display: none !important;
}
.fade:not(.show) {
opacity: 1;
}
.navbar-toggle {
top: 0;
position: relative;
float: right;
margin-top: 0.5em;
margin-right: 0.9375em;
margin-bottom: 0.5em;
background-color: transparent;
background-image: none;
border: 0.0625em solid transparent;
border-radius: 0.25em;
}
.navbar-toggle .icon-bar {
width: 22px;
height: 2px;
border-radius: 1px;
margin: 4px 0;
transition: 0.3s;
}
.navbar-toggle .icon-bar {
display: block;
width: 1.375em;
height: 0.125em;
border-radius: 0.0625em;
}
.navbar-collapse{
padding-right: 0.9375em;
padding-left: 0.9375em;
}
.modules-menu-level-0{
display: block;
}
@media (min-width: 769px) {
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
}
@media (min-width: 769px) {
.navbar-header {
float: left;
}
.navbar-nav{
flex-direction: row;
}
}
@media (min-width: 769px) {
.navbar-toggle {
display: none;
}
}
.navbar-header h1.default_site_h1, .navbar-header h2.default_site_h1 {
float: none;
}
.layout-header{
display: block;
padding: 0;
}
.dropdown-toggle::after{
border: 0;
margin: 0;
}
.navbar-brand {
@media(max-width:768px){
float: none;
}
}
@media (max-width: 480px) {
.layout-header .navbar-header .navbar-brand {
display: block;
}
}
.mobile-menu .collapse.navbar-collapse.modules-menu {
transform: translateX(100%);
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: transform;
-o-transition-property: transform;
transition-property: transform;
}
.mobile-menu .modules-menu.collapse.show {
transform: translateX(0%);
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: transform;
-o-transition-property: transform;
transition-property: transform;
}
@media (min-width: 992px) {
.container,.container-lg,.container-md,.container-sm {
max-width:100%;
}
}
@media (max-width: 992px) {
.container{
max-width:100%;
}
}
a {
text-decoration: unset;
}
.breadcrumb>li+li:before {
padding: 0 0.3125em;
color: #ccc;
content: "/\00a0";
}
.breadcrumb>li{
list-style: none;
}
.is-style-vk-group-shadow{
background-color: #fff;
}
// .h1, .h2, .h3, h1, h2, h3 {
// padding-top: 1.25em;
// margin-bottom: 0.625em;
// }
.pagination {
display: inline-block;
padding-left: 0;
margin: 1.25em 0;
border-radius: 0.25em
li{
list-style: none;
}
}
.pagination>li {
display: inline
}
.pagination>li>a,.pagination>li>span {
position: relative;
float: left;
padding: 0.375em 1.125em;
margin-left: -0.0625em;
line-height: 1.42857143;
text-decoration: none;
background-color: #fff;
border: 0.0625em solid #ddd
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
margin-left: 0;
border-top-left-radius: 0.25em;
border-bottom-left-radius: 0.25em
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
border-top-right-radius: 0.25em;
border-bottom-right-radius: 0.25em
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>a.hover-class,.pagination>li>span:focus,.pagination>li>span:hover,.pagination>li>span.hover-class {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>a.hover-class,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover,.pagination>.active>span.hover-class {
z-index: 3;
color: #fff;
cursor: default;
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>a.hover-class,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover,.pagination>.disabled>span.hover-class {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd
}
.pagination-lg>li>a,.pagination-lg>li>span {
padding: 0.625em 10.375em;
font-size: 1.125em;
line-height: 1.3333333
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
border-top-left-radius: 0.375em;
border-bottom-left-radius: 0.375em
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
border-top-right-radius: 0.375em;
border-bottom-right-radius: 0.375em
}
.pagination-sm>li>a,.pagination-sm>li>span {
padding: 0.3125em 0.625em;
font-size: 0.750em;
line-height: 1.5
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
border-top-left-radius: 0.1875em;
border-bottom-left-radius: 0.1875em
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
border-top-right-radius: 0.1875em;
border-bottom-right-radius: 0.1875em
}
.pager {
padding-left: 0;
margin: 1.25em 0;
text-align: center;
list-style: none
}
.pager li {
display: inline
}
.pager li>a,.pager li>span {
display: inline-block;
padding: 0.3125em 10.25em;
background-color: #fff;
border: 0.0625em solid #ddd;
border-radius: 0.9375em
}
.pager li>a:focus,.pager li>a:hover,.pager li>a.hover-class {
text-decoration: none;
background-color: #eee
}
.pager .next>a,.pager .next>span {
float: right
}
.pager .previous>a,.pager .previous>span {
float: left
}
.pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>a.hover-class,.pager .disabled>span {
color: #777;
cursor: not-allowed;
background-color: #fff
}
.card {
border: 0;
border-radius: 0;
}
.orbit-bar-title{
padding-top: 0!important;
}
.i-annc__content-wrap{
background: radial-gradient(circle at 60% 90%, #eaf6fd, transparent 60%), radial-gradient(circle at 10% 10%, #bddbf8, transparent 25%), #dbdee280;
padding: 0.5em;
height: 100%;
}
.index-announcement-7{
.i-annc__item{
&:hover{
-webkit-transition: .6s all ease;
-o-transition: .6s all ease;
transition: .6s all ease;
-webkit-transform: translateY(-6px);
-ms-transform: translateY(-6px);
transform: translateY(-6px);
.i-annc__content-wrap{
background: radial-gradient(circle at 70% 80%, #66a9e2b3, transparent 60%), radial-gradient(circle at 1% 1%, #fb8f72, transparent 30%), radial-gradient(circle at 50% 50%, #3c78ff4d, transparent 70%), linear-gradient(135deg, #2b7bbe 0%, #00437c 80%, #fb8f72 100%);
color: #fff !important;
.i-annc__title,.i-annc__postdate-wrap,.i-annc__category-wrap,.i-annc__subtitle,i{
color: #fff !important;
}
}
}
}
.i-annc__content-wrap{
margin-top: 0;
}
.i-annc__img-wrap{
margin: 0 0.5em!important;
}
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0, 0);
}
@media (min-width: 576px) {
.modal-dialog {
max-width: unset;
}
}
@media (min-width: 769px) {
.modal-dialog {
margin: 7.875em auto;
}
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
}
.close {
float: right;
font-size: 1.313em;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 0.0625em 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.modal-backdrop.show {
opacity: .5 !important;
}