You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
6024 lines
126 KiB
6024 lines
126 KiB
@charset "utf-8";
|
|
html{
|
|
-webkit-box-sizing:border-box;
|
|
-moz-box-sizing:border-box;
|
|
box-sizing:border-box
|
|
}
|
|
body{
|
|
width:100%;
|
|
min-height:100vh;
|
|
vertical-align:baseline;
|
|
word-wrap:break-word;
|
|
color:#282a2d;
|
|
background:#f9f9f9;
|
|
transition:background-color .3s
|
|
}
|
|
body,input,button,select,optgroup,option,textarea,blockquote,dd,dl,figure,form,pre,.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
|
|
-moz-osx-font-smoothing:grayscale;
|
|
-webkit-font-smoothing:antialiased
|
|
}
|
|
body,html{
|
|
height:100%;
|
|
margin:0;
|
|
padding:0;
|
|
border:0
|
|
}
|
|
a{
|
|
color:#282a2d;
|
|
outline:0!important;
|
|
text-decoration:none
|
|
}
|
|
a:hover{
|
|
text-decoration:none;
|
|
color:#f1404b
|
|
}
|
|
p{
|
|
color:#1d232b;
|
|
margin:0;
|
|
white-space:normal;
|
|
word-break:break-all
|
|
}
|
|
em,i{
|
|
font-style:normal
|
|
}
|
|
.main-content{
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
display:-ms-flexbox;
|
|
display:flex
|
|
}
|
|
.down-content img,.site-content img,.apd img,.post-apd img,.panel-body img{
|
|
max-width:100%;
|
|
height:auto
|
|
}
|
|
.nothing{
|
|
padding:20px 0;
|
|
text-align:center;
|
|
color:#888;
|
|
background:rgba(136,136,136,.2);
|
|
border-radius:5px
|
|
}
|
|
.sticky{
|
|
position:-webkit-sticky;
|
|
position:sticky;
|
|
top:0;
|
|
z-index:1080
|
|
}
|
|
.io{
|
|
-moz-osx-font-smoothing:grayscale;
|
|
-webkit-font-smoothing:antialiased;
|
|
display:inline-block;
|
|
font-style:normal;
|
|
font-variant:normal;
|
|
text-rendering:auto;
|
|
line-height:1
|
|
}
|
|
.avatar{
|
|
background:#888;
|
|
border-radius:100%;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-ms-flex-negative:0;
|
|
flex-shrink:0;
|
|
overflow:hidden
|
|
}
|
|
.disabled{
|
|
pointer-events:none;
|
|
filter:grayscale(100%);
|
|
-webkit-filter:grayscale(100%);
|
|
-moz-filter:grayscale(100%);
|
|
-ms-filter:grayscale(100%);
|
|
-o-filter:grayscale(100%);
|
|
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
|
|
-webkit-filter:grayscale(1)
|
|
}
|
|
.customize-width{
|
|
max-width:1900px
|
|
}
|
|
.content::after,.content::before{
|
|
display:table;
|
|
content:" "
|
|
}
|
|
.content::after{
|
|
clear:both
|
|
}
|
|
.sidebar-tools{
|
|
will-change:min-height
|
|
}
|
|
.theiaStickySidebar{
|
|
transform:translate(0,0);
|
|
transform:translate3d(0,0,0);
|
|
will-change:position,transform
|
|
}
|
|
.chart-placeholder{
|
|
position:relative;
|
|
height:100%
|
|
}
|
|
.chart-placeholder .legend{
|
|
display:flex;
|
|
justify-content:center;
|
|
margin-bottom:-15px
|
|
}
|
|
.chart-placeholder .legend span{
|
|
width:50px;
|
|
height:15px;
|
|
margin:0 10px;
|
|
border-radius:4px;
|
|
background:linear-gradient(115deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
|
|
-webkit-animation:placeholder-horizontal 1.5s ease infinite!important;
|
|
animation:placeholder-horizontal 1.5s ease infinite!important;
|
|
background-size:400% 100%!important
|
|
}
|
|
.chart-placeholder .pillar{
|
|
display:flex;
|
|
height:100%;
|
|
align-items:flex-end;
|
|
justify-content:space-evenly
|
|
}
|
|
.chart-placeholder .pillar span{
|
|
width:20%;
|
|
max-width:50px;
|
|
margin:0 5px;
|
|
background:linear-gradient(15deg,rgba(121,121,121,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.1) 63%);
|
|
-webkit-animation:placeholder-vertical 1.5s ease infinite!important;
|
|
animation:placeholder-vertical 1.5s ease infinite!important;
|
|
background-size:100% 400%!important
|
|
}
|
|
@-webkit-keyframes placeholder-vertical{
|
|
0%{
|
|
background-position:50% 100%
|
|
}
|
|
100%{
|
|
background-position:50% 0
|
|
}
|
|
}
|
|
@keyframes placeholder-vertical{
|
|
0%{
|
|
background-position:50% 100%
|
|
}
|
|
100%{
|
|
background-position:50% 0
|
|
}
|
|
}
|
|
@-webkit-keyframes placeholder-horizontal{
|
|
0%{
|
|
background-position:100% 50%
|
|
}
|
|
100%{
|
|
background-position:0 50%
|
|
}
|
|
}
|
|
@keyframes placeholder-horizontal{
|
|
0%{
|
|
background-position:100% 50%
|
|
}
|
|
100%{
|
|
background-position:0 50%
|
|
}
|
|
}
|
|
.alignnone{
|
|
margin:5px 0 20px 0
|
|
}
|
|
.aligncenter,div.aligncenter{
|
|
display:block;
|
|
margin:5px auto 5px auto
|
|
}
|
|
.alignright{
|
|
float:right;
|
|
margin:5px 0 20px 20px
|
|
}
|
|
.alignleft{
|
|
float:left;
|
|
margin:5px 20px 20px 0
|
|
}
|
|
a img.alignright{
|
|
float:right;
|
|
margin:5px 0 20px 20px
|
|
}
|
|
a img.alignnone{
|
|
margin:5px 0 20px 0
|
|
}
|
|
a img.alignleft{
|
|
float:left;
|
|
margin:5px 20px 20px 0
|
|
}
|
|
a img.aligncenter{
|
|
display:block;
|
|
margin-left:auto;
|
|
margin-right:auto
|
|
}
|
|
.wp-caption{
|
|
background:#fff;
|
|
border:1px solid #f0f0f0;
|
|
max-width:96%;
|
|
padding:5px 3px 10px;
|
|
text-align:center
|
|
}
|
|
.wp-caption.alignnone{
|
|
margin:5px 0 20px 0
|
|
}
|
|
.wp-caption.alignleft{
|
|
margin:5px 20px 20px 0
|
|
}
|
|
.wp-caption.alignright{
|
|
margin:5px 0 20px 20px
|
|
}
|
|
.wp-caption img{
|
|
border:0 none;
|
|
height:auto;
|
|
margin:0;
|
|
max-width:98.5%;
|
|
padding:0;
|
|
width:auto
|
|
}
|
|
.wp-caption p.wp-caption-text{
|
|
font-size:11px;
|
|
line-height:17px;
|
|
margin:0;
|
|
padding:0 4px 5px
|
|
}
|
|
.screen-reader-text{
|
|
border:0;
|
|
clip:rect(1px,1px,1px,1px);
|
|
clip-path:inset(50%);
|
|
height:1px;
|
|
margin:-1px;
|
|
overflow:hidden;
|
|
padding:0;
|
|
position:absolute!important;
|
|
width:1px;
|
|
word-wrap:normal!important
|
|
}
|
|
.screen-reader-text:focus{
|
|
background-color:#eee;
|
|
clip:auto!important;
|
|
clip-path:none;
|
|
color:#444;
|
|
display:block;
|
|
font-size:1em;
|
|
height:auto;
|
|
left:5px;
|
|
line-height:normal;
|
|
padding:15px 23px 14px;
|
|
text-decoration:none;
|
|
top:5px;
|
|
width:auto;
|
|
z-index:100000
|
|
}
|
|
.sidebar-nav{
|
|
position:fixed;
|
|
display:table-cell;
|
|
font-size:.875rem;
|
|
width:220px;
|
|
height:100vh;
|
|
z-index:1081;
|
|
opacity:1!important
|
|
}
|
|
.animate-nav .sidebar-nav{
|
|
-webkit-transform:translate3d(0,0,0);
|
|
transform:translate3d(0,0,0);
|
|
-webkit-transition:width .3s;
|
|
-o-transition:width .3s;
|
|
transition:width .3s
|
|
}
|
|
.mini-sidebar .sidebar-nav{
|
|
width:60px
|
|
}
|
|
.sidebar-nav-inner{
|
|
width:inherit;
|
|
margin:0;
|
|
max-width:260px;
|
|
background:#2c2e2f;
|
|
pointer-events:inherit;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-direction:column;
|
|
-webkit-box-orient:vertical;
|
|
-webkit-box-direction:normal;
|
|
flex-direction:column;
|
|
transition:background-color .3s
|
|
}
|
|
.sidebar-nav .logo{
|
|
line-height:74px;
|
|
width:100%;
|
|
text-align:center
|
|
}
|
|
.sidebar-nav .logo .logo-collapsed{
|
|
display:none
|
|
}
|
|
.sidebar-logo{
|
|
height:74px;
|
|
transition:background-color .2s
|
|
}
|
|
.sidebar-logo img{
|
|
max-height:40px
|
|
}
|
|
.sidebar-menu{
|
|
transition:all .3s
|
|
}
|
|
.sidebar-menu .sidebar-more{
|
|
display:flex;
|
|
justify-content:space-around;
|
|
align-items:center;
|
|
color:#c6c9cf
|
|
}
|
|
.sidebar-menu .sidebar-more:after{
|
|
content:'';
|
|
position:absolute;
|
|
background:rgba(136,136,136,.1);
|
|
width:40px;
|
|
height:40px;
|
|
border-radius:40px;
|
|
opacity:0;
|
|
transition:.3s
|
|
}
|
|
.sidebar-menu .sidebar-more:hover::after{
|
|
opacity:1
|
|
}
|
|
.sidebar-nav .flex-bottom a,.sidebar-menu-inner a{
|
|
display:flex;
|
|
overflow:hidden;
|
|
padding:8px 10px;
|
|
margin:1.5px 8px;
|
|
color:#b2b8be;
|
|
align-items:center;
|
|
white-space:nowrap;
|
|
transition:all .3s
|
|
}
|
|
.sidebar-menu ul:first-child > li> a{
|
|
padding:12px 10px
|
|
}
|
|
.sidebar-menu-inner a span,.sidebar-nav .flex-bottom a span{
|
|
margin-left:8px
|
|
}
|
|
.sidebar-menu-inner .sidebar-item .sidebar-item >ul>li a span{
|
|
margin-left:60px
|
|
}
|
|
.sidebar-item{
|
|
position:relative;
|
|
display:block
|
|
}
|
|
.sidebar-item.sidebar-show{
|
|
border-bottom:none
|
|
}
|
|
.sidebar-item ul{
|
|
display:none
|
|
}
|
|
.sidebar-item.sidebar-show>ul{
|
|
display:block
|
|
}
|
|
.sidebar-item ul li{
|
|
display:block
|
|
}
|
|
.sidebar-menu-inner ul li ul li a{
|
|
margin-left:36px
|
|
}
|
|
.sidebar-item .menu-item-has-children{
|
|
position:relative
|
|
}
|
|
.sidebar-more{
|
|
position:absolute;
|
|
cursor:pointer;
|
|
top:0;
|
|
right:0;
|
|
padding:0 16px;
|
|
line-height:48px!important;
|
|
transition:transform .3s
|
|
}
|
|
.sidebar-item .menu-item-has-children .sidebar-more{
|
|
line-height:40px!important
|
|
}
|
|
.sidebar-item .label-Primary{
|
|
float:right;
|
|
margin-right:24px
|
|
}
|
|
.sidebar-item .sidebar-more{
|
|
transform:scale(.8)
|
|
}
|
|
.sidebar-show>.sidebar-more{
|
|
transform:scale(.8) rotate(90deg)
|
|
}
|
|
.sidebar-item>a:hover{
|
|
color:#FFF;
|
|
background:rgba(0,0,0,.1);
|
|
border-radius:5px
|
|
}
|
|
.sidebar-show>a:before,.sidebar-item>a:hover:before{
|
|
opacity:1
|
|
}
|
|
.sidebar-nav-inner .flex-fill{
|
|
overflow-y:auto;
|
|
overflow-x:hidden;
|
|
-webkit-overflow-scrolling:touch
|
|
}
|
|
.border-color{
|
|
border-color:rgba(129,129,129,.15)!important
|
|
}
|
|
.border-t{
|
|
border-color:rgba(129,129,129,.15)!important
|
|
}
|
|
.mini-sidebar .sidebar-nav .logo .logo-expanded{
|
|
display:none
|
|
}
|
|
.mini-sidebar .sidebar-nav .logo .logo-collapsed{
|
|
display:block
|
|
}
|
|
.mini-sidebar .sidebar-nav .sidebar-menu{
|
|
width:60px
|
|
}
|
|
.mini-sidebar .sidebar-nav .sidebar-more{
|
|
display:none
|
|
}
|
|
.sidebar-nav ul{
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
.mini-sidebar .sidebar-nav ul:first-child>li.sidebar-item>a span{
|
|
display:none
|
|
}
|
|
.mini-sidebar .sidebar-nav ul:first-child > li > ul{
|
|
display:none
|
|
}
|
|
.sidebar-nav .top-menu{
|
|
display:none
|
|
}
|
|
.sidebar-nav .top-menu .sub-menu{
|
|
background-color:rgba(136,136,136,.05)
|
|
}
|
|
.sidebar-nav .top-menu>ul i:not(.sidebar-more){
|
|
display:none
|
|
}
|
|
.sidebar-nav.show .top-menu{
|
|
display:inherit
|
|
}
|
|
.error404 .header-mini-btn,.error404 .nav-item.mobile-menu{
|
|
display:none
|
|
}
|
|
.error404 .main-content{
|
|
margin-left:0!important
|
|
}
|
|
.error404 .main-content .page-header{
|
|
left:0!important
|
|
}
|
|
.sidebar-popup div{
|
|
background:#151618;
|
|
border-radius:5px
|
|
}
|
|
.sidebar-popup{
|
|
display:block;
|
|
position:absolute;
|
|
position:fixed;
|
|
z-index:5;
|
|
border:3px solid rgba(60,71,76,0)
|
|
}
|
|
.sidebar-popup.second{
|
|
left:60px
|
|
}
|
|
.sidebar-popup i,.sidiebar-popup .label-Primary{
|
|
display:none
|
|
}
|
|
.sidebar-popup.sidebar-menu-inner a{
|
|
padding:8px 10px
|
|
}
|
|
.sidebar-popup.sidebar-menu-inner a span{
|
|
margin-left:0px
|
|
}
|
|
.sidebar-popup.sidebar-menu-inner > div > ul > li.sidebar-item>ul{
|
|
position:absolute;
|
|
top:0px;
|
|
left:180px;
|
|
width:180px;
|
|
z-index:99
|
|
}
|
|
.sidebar-popup.sidebar-menu-inner ul{
|
|
width:180px
|
|
}
|
|
.sidebar-popup.sidebar-menu-inner ul li{
|
|
width:180px
|
|
}
|
|
.sidebar-popup.sidebar-menu-inner ul li:last-child,.sidebar-popup>div>ul>li:last-child>a{
|
|
border-radius:0 0 5px 5px
|
|
}
|
|
.sidebar-popup a{
|
|
padding-right:16px
|
|
}
|
|
.sidebar-popup::before{
|
|
content:'';
|
|
border-width:5px 5px 5px 0px;
|
|
border-style:solid;
|
|
border-color:transparent #151618 transparent;
|
|
position:absolute;
|
|
top:14px;
|
|
left:-4px
|
|
}
|
|
.sidebar-popup ul{
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
.sidebar-popup.sidebar-menu-inner ul{
|
|
background:#2c2e2f;
|
|
border-radius:0 0 5px 5px;
|
|
list-style:none;
|
|
padding:5px 0
|
|
}
|
|
.sidebar-item li>a:hover,.sidebar-popup>div>ul>li>a:hover{
|
|
color:#FFF;
|
|
background:rgba(0,0,0,.1);
|
|
border-radius:5px
|
|
}
|
|
.navbar-collapse ul li{
|
|
position:relative;
|
|
list-style:none
|
|
}
|
|
.navbar-collapse li>ul{
|
|
-webkit-transform:translateY(15px);
|
|
transform:translateY(15px);
|
|
will-change:transform
|
|
}
|
|
.navbar-collapse ul li ul{
|
|
position:absolute;
|
|
min-width:160px;
|
|
opacity:0;
|
|
overflow:hidden;
|
|
visibility:hidden;
|
|
background:#fff;
|
|
border-radius:8px;
|
|
box-shadow:0 5px 20px 0px rgba(0,0,0,.15);
|
|
-webkit-transition:.3s;
|
|
-o-transition:.3s;
|
|
transition:.3s
|
|
}
|
|
.navbar-collapse ul li.focus>ul,.navbar-collapse ul li:hover>ul{
|
|
opacity:1;
|
|
z-index:1;
|
|
overflow:visible;
|
|
visibility:visible;
|
|
-webkit-transform:translateY(0);
|
|
transform:translateY(0)
|
|
}
|
|
.navbar-collapse ul li.menu-item-has-children:after{
|
|
content:'\e612';
|
|
font-family:"iconfont";
|
|
position:absolute;
|
|
top:11px;
|
|
right:-2px;
|
|
font-size:12px;
|
|
-webkit-transform:scale(.6);
|
|
transform:rotate(0deg) scale(.6);
|
|
will-change:transform;
|
|
-webkit-transition:-webkit-transform .2s;
|
|
transition:-webkit-transform .2s;
|
|
-o-transition:transform .2s;
|
|
transition:transform .2s;
|
|
transition:transform .2s,-webkit-transform .2s
|
|
}
|
|
.navbar-collapse ul li.menu-item-has-children:hover:after{
|
|
transform:rotate(45deg) scale(.6)
|
|
}
|
|
.navbar .navbar-nav li>a{
|
|
font-size:14px;
|
|
padding:10px 15px;
|
|
display:block;
|
|
transition:color .2s
|
|
}
|
|
.navbar .navbar-nav i{
|
|
margin-right:2px!important
|
|
}
|
|
.navbar-menu{
|
|
-ms-flex-direction:row;
|
|
flex-direction:row;
|
|
margin-left:auto;
|
|
-ms-align-items:center;
|
|
align-items:center
|
|
}
|
|
.navbar-collapse .weather{
|
|
display:table
|
|
}
|
|
.navbar-brand img{
|
|
max-height:30px
|
|
}
|
|
.nav-github{
|
|
display:none;
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
border:0
|
|
}
|
|
.page-header{
|
|
position:fixed;
|
|
right:0;
|
|
left:0;
|
|
background:#fff;
|
|
box-shadow:0px 0px 25px 5px rgba(10,10,10,.05);
|
|
transition:background-color .3s
|
|
}
|
|
.page-header ul{
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
.navbar-top .sub-menu{
|
|
padding:6px
|
|
}
|
|
.navbar-top .sub-menu a{
|
|
padding:8px 15px!important
|
|
}
|
|
.navbar-top .sub-menu a:hover{
|
|
background:rgba(0,0,0,.1);
|
|
border-radius:5px
|
|
}
|
|
.navbar-top .sub-menu .sub-menu{
|
|
left:102%;
|
|
top:0
|
|
}
|
|
.header-mini-btn{
|
|
height:74px;
|
|
width:40px
|
|
}
|
|
.header-mini-btn svg{
|
|
margin:0 -20px;
|
|
height:74px
|
|
}
|
|
.header-mini-btn input[type="checkbox"]{
|
|
display:none
|
|
}
|
|
.header-mini-btn path{
|
|
fill:none;
|
|
stroke:#888;
|
|
stroke-width:3;
|
|
stroke-linecap:round;
|
|
stroke-linejoin:round;
|
|
--length:24;
|
|
--offset:-38;
|
|
stroke-dasharray:var(--length) var(--total-length);
|
|
stroke-dashoffset:var(--offset);
|
|
transition:all .8s cubic-bezier(.645,.045,.355,1)
|
|
}
|
|
.header-mini-btn circle{
|
|
fill:#fff3;
|
|
opacity:0;
|
|
transition:opacity .3s;
|
|
cursor:pointer
|
|
}
|
|
.header-mini-btn label{
|
|
display:block;
|
|
top:0;
|
|
right:0
|
|
}
|
|
.header-mini-btn label circle:hover{
|
|
opacity:1
|
|
}
|
|
.header-mini-btn input:checked+svg .line--1,.header-mini-btn input:checked+svg .line--3{
|
|
--length:12.602325267
|
|
}
|
|
.header-mini-btn .line--1,.header-mini-btn .line--3{
|
|
--total-length:126.38166809082031
|
|
}
|
|
.header-mini-btn .line--2{
|
|
--total-length:80
|
|
}
|
|
.header-mini-btn label{
|
|
cursor:pointer
|
|
}
|
|
.header-mini-btn path{
|
|
transition:all .5s cubic-bezier(.645,.045,.355,1),stroke .2s ease
|
|
}
|
|
.header-mini-btn label:hover path{
|
|
stroke:#f1404b
|
|
}
|
|
.bulletin-swiper{
|
|
box-sizing:border-box;
|
|
height:25px;
|
|
line-height:25px;
|
|
overflow:hidden
|
|
}
|
|
.bulletin-swiper ul{
|
|
margin:0;
|
|
padding:0;
|
|
list-style-type:none;
|
|
font-size:14px
|
|
}
|
|
.page-header+.placeholder{
|
|
height:66px
|
|
}
|
|
@media (min-width:768px){
|
|
.navbar{
|
|
padding:0 1rem;
|
|
height: 4rem;
|
|
}
|
|
.page-header+.placeholder{
|
|
height:74px
|
|
}
|
|
|
|
.animate-nav .main-content{
|
|
-webkit-transition:.3s;
|
|
-o-transition:.3s;
|
|
transition:.3s
|
|
}
|
|
.animate-nav .main-content .page-header{
|
|
-webkit-transform:translate3d(0,0,0);
|
|
transform:translate3d(0,0,0);
|
|
-webkit-transition:left .3s,color .3s,background-color .3s;
|
|
-o-transition:left .3s,color .3s,background-color .3s;
|
|
transition:left .3s,color .3s,background-color .3s
|
|
}
|
|
|
|
}
|
|
@media (max-width:767.98px){
|
|
.nav-github{
|
|
display:none
|
|
}
|
|
}
|
|
.navbar-menu a:not(.btn){
|
|
color:#777
|
|
}
|
|
@media (min-width:768px){
|
|
.sidebar-nav{
|
|
display:block!important
|
|
}
|
|
}
|
|
@media (max-width:767.98px){
|
|
.sidebar-nav{
|
|
background:transparent!important
|
|
}
|
|
.sidebar-nav{
|
|
width:100%!important;
|
|
height:100%!important;
|
|
top:0!important;
|
|
position:fixed;
|
|
z-index:1090!important;
|
|
display:none;
|
|
padding-left:0!important
|
|
}
|
|
.sidebar-nav>*{
|
|
position:fixed;
|
|
height:100%;
|
|
-webkit-transform:translate3d(-100%,0,0);
|
|
transform:translate3d(-100%,0,0);
|
|
will-change:transform;
|
|
width:17.5rem;
|
|
-webkit-transition:.3s cubic-bezier(.25,.8,.25,1);
|
|
-o-transition:.3s cubic-bezier(.25,.8,.25,1);
|
|
transition:.3s cubic-bezier(.25,.8,.25,1)
|
|
}
|
|
.sidebar-nav.show>div{
|
|
-webkit-transform:translate3d(0,0,0);
|
|
transform:translate3d(0,0,0)
|
|
}
|
|
}
|
|
.text-ss{
|
|
font-size:.45rem!important
|
|
}
|
|
.text-xs{
|
|
font-size:.75rem!important
|
|
}
|
|
.text-sm{
|
|
font-size:.875rem!important
|
|
}
|
|
.text-md{
|
|
font-size:1rem!important
|
|
}
|
|
.text-lg{
|
|
font-size:1.125rem!important
|
|
}
|
|
.text-xl{
|
|
font-size:1.375rem!important
|
|
}
|
|
.text-64{
|
|
font-size:4rem!important
|
|
}
|
|
.badge.text-ss{
|
|
font-weight:normal
|
|
}
|
|
@media (max-width:767.98px){
|
|
.text-lg{
|
|
font-size:1rem!important
|
|
}
|
|
.text-xl{
|
|
font-size:1.25rem!important
|
|
}
|
|
.alert-body .text-md{
|
|
font-size:.875rem!important
|
|
}
|
|
}
|
|
.text-height-xs{
|
|
line-height:1!important
|
|
}
|
|
.text-height-sm{
|
|
line-height:1.2!important
|
|
}
|
|
.text-height-md{
|
|
line-height:1.4!important
|
|
}
|
|
.text-height-lg{
|
|
line-height:1.6!important
|
|
}
|
|
.text-height-xl{
|
|
line-height:2!important
|
|
}
|
|
.text-gray{
|
|
color:#555
|
|
}
|
|
.overflowClip_1{
|
|
overflow:hidden;
|
|
-o-text-overflow:ellipsis;
|
|
text-overflow:ellipsis;
|
|
word-break:break-all;
|
|
display:-webkit-box;
|
|
-webkit-line-clamp:1;
|
|
-webkit-box-orient:vertical
|
|
}
|
|
.overflowClip_1{
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
display:block
|
|
}
|
|
.overflowClip_2{
|
|
overflow:hidden;
|
|
-o-text-overflow:ellipsis;
|
|
text-overflow:ellipsis;
|
|
word-break:break-all;
|
|
display:-webkit-box!important;
|
|
-webkit-line-clamp:2;
|
|
-webkit-box-orient:vertical
|
|
}
|
|
.url-card .url-body{
|
|
transform:translateY(0px);
|
|
-webkit-transform:translateY(0px);
|
|
-moz-transform:translateY(0px);
|
|
will-change:transform;
|
|
-webkit-transition:all .3s ease;
|
|
-moz-transition:all .3s ease;
|
|
-o-transition:all .3s ease;
|
|
transition:all .3s ease
|
|
}
|
|
.url-card .url-body:hover{
|
|
transform:translateY(-6px);
|
|
-webkit-transform:translateY(-6px);
|
|
-moz-transform:translateY(-6px);
|
|
box-shadow:0 26px 40px -24px rgba(0,36,100,.3);
|
|
-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);
|
|
-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3)
|
|
}
|
|
.url-card .url-like{
|
|
position:absolute;
|
|
top:5px;
|
|
right:10px;
|
|
opacity:0;
|
|
transition:opacity .3s
|
|
}
|
|
.url-card .url-body:hover .url-like{
|
|
opacity:1
|
|
}
|
|
.url-card .url-info{
|
|
overflow:hidden;
|
|
padding-right:5px
|
|
}
|
|
.url-card .url-goto-after{
|
|
height:24px;
|
|
border-top:1px solid rgba(136,136,136,.2)
|
|
}
|
|
.url-card .url-goto{
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0px;
|
|
right:0
|
|
}
|
|
.url-card .card-body{
|
|
position:relative;
|
|
padding:.938rem
|
|
}
|
|
.url-card .url-img{
|
|
width:40px;
|
|
height:40px;
|
|
-webkit-box-flex:0;
|
|
-ms-flex:none;
|
|
flex:none;
|
|
background:rgba(128,128,128,.1);
|
|
overflow:hidden
|
|
}
|
|
.url-card .url-img>img{
|
|
max-height:100%;
|
|
vertical-align:unset
|
|
}
|
|
.url-card .max .url-img{
|
|
width:60px;
|
|
height:60px
|
|
}
|
|
.url-card .mini .url-img{
|
|
width:25px;
|
|
height:25px
|
|
}
|
|
.url-card .post-min .url-img{
|
|
width:20px;
|
|
height:20px
|
|
}
|
|
.url-card .post-min .url-img>img{
|
|
vertical-align:unset
|
|
}
|
|
.url-card a.card{
|
|
justify-content:center
|
|
}
|
|
.url-card.wechat a.card::before{
|
|
content:'\eb74';
|
|
position:absolute;
|
|
display:inline-block;
|
|
font-family:"iconfont";
|
|
font-size:66px;
|
|
color:#888;
|
|
left:1px;
|
|
opacity:.2
|
|
}
|
|
.url-card.down a.card:after{
|
|
content:'\e604';
|
|
position:absolute;
|
|
display:inline-block;
|
|
font-family:"iconfont";
|
|
font-size:60px;
|
|
color:#888;
|
|
margin-left:10px;
|
|
right:10px;
|
|
opacity:.2
|
|
}
|
|
.url-card.down .mini a.card:after{
|
|
font-size:30px;
|
|
margin-left:10px;
|
|
right:10px
|
|
}
|
|
.url-card.down .max a.card:after{
|
|
font-size:30px
|
|
}
|
|
.url-card.wechat .mini a.card:before{
|
|
font-size:36px;
|
|
left:2px
|
|
}
|
|
.url-card.wechat .max a.card:before{
|
|
font-size:80px;
|
|
left:5px;
|
|
top:-22px
|
|
}
|
|
.url-card.wechat .max .url-img,.url-card.wechat .mini .url-img{
|
|
background:transparent
|
|
}
|
|
.url-card.wechat .max .url-img img,.url-card.wechat .mini .url-img img{
|
|
max-height:80%
|
|
}
|
|
.url-card.wechat .no_ico a.card:before{
|
|
font-size:26px;
|
|
right:2px;
|
|
left:auto
|
|
}
|
|
.url-card.wechat .max.no_ico a.card:before{
|
|
right:11px;
|
|
top:auto;
|
|
bottom:-3px
|
|
}
|
|
.url-card .mini a.togo,.url-card .default a.togo{
|
|
position:absolute;
|
|
top:20px;
|
|
right:0;
|
|
width:30px;
|
|
height:30px;
|
|
line-height:30px;
|
|
opacity:.2;
|
|
transition:opacity .3s
|
|
}
|
|
.url-card .mini a.togo{
|
|
top:3px
|
|
}
|
|
.url-card .url-body:hover a.togo{
|
|
opacity:1
|
|
}
|
|
.url-card .max a.togo{
|
|
margin-left:auto
|
|
}
|
|
.url-card .max .tga{
|
|
width:calc(100% - 15px);
|
|
overflow:hidden
|
|
}
|
|
.url-card .max .tga a{
|
|
font-size:75%;
|
|
padding:.125rem .4rem;
|
|
background:rgba(134,134,134,.1);
|
|
color:#888;
|
|
border-radius:10px;
|
|
transition:.3s
|
|
}
|
|
.url-card .max .tga a:not(.no-tag):hover{
|
|
background:#f1404b;
|
|
color:#fff
|
|
}
|
|
.home-like,.btn-like{
|
|
cursor:pointer
|
|
}
|
|
.home-like:hover,.btn-like:hover{
|
|
color:#f1404b
|
|
}
|
|
.home-like-hide{
|
|
opacity:0!important;
|
|
transform:scale(3) translateY(-25px)!important
|
|
}
|
|
.url-card a.togo:hover i{
|
|
text-shadow:0 0 5px
|
|
}
|
|
.panel-body .url-card.shortcode-url .card{
|
|
background:rgba(136,136,136,.1)
|
|
}
|
|
.url-card .remove-site,.url-card .remove-cm-site{
|
|
position:absolute;
|
|
top:-8px;
|
|
right:0;
|
|
font-size:20px;
|
|
color:#f1404b;
|
|
line-height:20px
|
|
}
|
|
.url-card .mini .card-body{
|
|
padding:.4rem .5rem
|
|
}
|
|
.edit .url-card.sortable{
|
|
cursor:move
|
|
}
|
|
.edit .url-card.sortable .url-body a{
|
|
pointer-events:none
|
|
}
|
|
.edit .url-card.sortable .url-body:hover{
|
|
transform:initial;
|
|
box-shadow:initial
|
|
}
|
|
.card-app.default .media,.card-app.card{
|
|
transform:translateY(0);
|
|
-webkit-transform:translateY(0);
|
|
-moz-transform:translateY(0);
|
|
-webkit-transition:all .3s ease;
|
|
-moz-transition:all .3s ease;
|
|
-o-transition:all .3s ease;
|
|
transition:all .3s ease
|
|
}
|
|
.app-rounded{
|
|
border-radius:30%!important
|
|
}
|
|
.card-app.default .media-content{
|
|
background-color:transparent!important
|
|
}
|
|
.card-app.default:hover .media,.card-app.card:hover{
|
|
transform:translateY(-6px);
|
|
-webkit-transform:translateY(-6px);
|
|
-moz-transform:translateY(-6px);
|
|
box-shadow:0 26px 40px -24px rgba(0,36,100,.3);
|
|
-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);
|
|
-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);
|
|
-webkit-transition:all .3s ease;
|
|
-moz-transition:all .3s ease;
|
|
-o-transition:all .3s ease;
|
|
transition:all .3s ease
|
|
}
|
|
.app-info .info-term{
|
|
display:inline-block
|
|
}
|
|
.app-content{
|
|
overflow:hidden;
|
|
align-items:center
|
|
}
|
|
.app-content .app-ico img{
|
|
width:128px
|
|
}
|
|
.app-nature .badge i{
|
|
font-weight:100
|
|
}
|
|
.card-app.card .tga{
|
|
overflow:hidden
|
|
}
|
|
.card-app.card .tga a{
|
|
font-size:75%;
|
|
padding:.125rem .4rem;
|
|
background:rgba(134,134,134,.1);
|
|
color:#888;
|
|
border-radius:10px;
|
|
transition:.3s
|
|
}
|
|
.card-app.card .tga a:not(.no-tag):hover{
|
|
background:#f1404b;
|
|
color:#fff
|
|
}
|
|
.card-app.card .app-platform{
|
|
position:absolute;
|
|
top:3px;
|
|
right:5px;
|
|
opacity:0;
|
|
transition:opacity .3s
|
|
}
|
|
.card-app.card:hover .app-platform{
|
|
opacity:.3
|
|
}
|
|
.radius-50{
|
|
border-radius:100px!important
|
|
}
|
|
.historic .line-thead,.historic .line-tbody{
|
|
position:relative;
|
|
height:1px
|
|
}
|
|
.historic .line-thead:before,.historic .line-tbody:before{
|
|
content:'';
|
|
position:absolute;
|
|
height:1px;
|
|
left:0;
|
|
right:0;
|
|
background-color:rgba(136,136,136,.4)
|
|
}
|
|
.historic .line-tbody:before{
|
|
background-color:rgba(136,136,136,.2)
|
|
}
|
|
.resources-down-modal .statement{
|
|
border-radius:5px;
|
|
border:2px dashed rgba(159,255,95,.7);
|
|
background-color:rgba(159,255,95,.2)
|
|
}
|
|
.screenshot-carousel{
|
|
background-color:rgba(0,0,0,.1);
|
|
overflow:hidden;
|
|
box-shadow:0 0 50px 0 rgba(0,0,0,.1) inset
|
|
}
|
|
.screenshot-carousel .img_wrapper{
|
|
height:420px;
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center
|
|
}
|
|
.screenshot-carousel .img_wrapper a{
|
|
display:contents;
|
|
flex:1
|
|
}
|
|
.screenshot-carousel .img_wrapper img{
|
|
max-width:calc(100% - 20px);
|
|
max-height:calc(100% - 20px);
|
|
-webkit-box-shadow:0 10px 13px rgba(31,45,62,.35);
|
|
box-shadow:0 10px 13px rgba(31,45,62,.35);
|
|
border-radius:5px
|
|
}
|
|
.screenshot-carousel .carousel-indicators li{
|
|
width:8px;
|
|
height:8px;
|
|
border:0;
|
|
border-radius:10px;
|
|
transition:.3s
|
|
}
|
|
.screenshot-carousel .carousel-indicators .active{
|
|
width:20px;
|
|
height:8px;
|
|
border-radius:10px
|
|
}
|
|
.carousel-control-next,.carousel-control-prev{
|
|
opacity:0;
|
|
width:60px;
|
|
transition:all .3s
|
|
}
|
|
.carousel-control-prev{
|
|
transform:translateX(-50px)
|
|
}
|
|
.carousel-control-next{
|
|
transform:translateX(50px)
|
|
}
|
|
.screenshot-carousel .carousel-control-prev:before,.screenshot-carousel .carousel-control-next:before{
|
|
content:'';
|
|
position:absolute;
|
|
width:40px;
|
|
height:40px;
|
|
top:calc(50% - 20px);
|
|
left:calc(50% - 20px);
|
|
border-radius:20px;
|
|
z-index:-1;
|
|
background-color:rgba(0,0,0,.2)
|
|
}
|
|
.screenshot-carousel:hover .carousel-control-next,.screenshot-carousel:hover .carousel-control-prev{
|
|
opacity:.5;
|
|
transform:translateX(0)
|
|
}
|
|
.screenshot-carousel .carousel-control-next:hover,.screenshot-carousel .carousel-control-prev:hover{
|
|
opacity:.9
|
|
}
|
|
.screenshot-carousel .carousel-control-next:focus,.screenshot-carousel .carousel-control-prev:focus{
|
|
opacity:.9
|
|
}
|
|
.footer-social>a{
|
|
position:relative;
|
|
display:inline-block;
|
|
margin:5px;
|
|
width:35px;
|
|
height:35px;
|
|
line-height:35px;
|
|
text-align:center
|
|
}
|
|
.footer-links>a+a:before,.footer-nav-links>li+li:before{
|
|
content:"";
|
|
width:4px;
|
|
height:4px;
|
|
margin:0 0.5em;
|
|
border-radius:50%;
|
|
display:inline-block;
|
|
vertical-align:middle;
|
|
background:#888;
|
|
opacity:.3;
|
|
vertical-align:0.2em
|
|
}
|
|
.footer-mini-img{
|
|
width:90px;
|
|
margin:0 10px;
|
|
text-align:center;
|
|
vertical-align:text-top;
|
|
display:inline-block
|
|
}
|
|
.footer-mini-img img{
|
|
width:100%
|
|
}
|
|
.footer-nav-links{
|
|
list-style:none
|
|
}
|
|
.footer-nav-links>li{
|
|
text-align:center;
|
|
position:relative
|
|
}
|
|
.footer-nav-links>li::before{
|
|
position:absolute;
|
|
margin:0!important;
|
|
left:-17px;
|
|
top:10px
|
|
}
|
|
.footer-nav-links>li+li{
|
|
margin-left:30px
|
|
}
|
|
.footer-nav-links ul{
|
|
list-style:none;
|
|
padding:0;
|
|
margin-top:10px;
|
|
font-size:.75rem!important;
|
|
text-align:center
|
|
}
|
|
.footer-nav-links ul li{
|
|
margin:6px 0
|
|
}
|
|
.footer-nav-links i{
|
|
display:none
|
|
}
|
|
#footer-tools{
|
|
position:fixed;
|
|
bottom:20px;
|
|
right:10px;
|
|
display:flex;
|
|
z-index:5
|
|
}
|
|
#footer-tools .btn{
|
|
color:#555;
|
|
background:rgba(210,210,210,.5);
|
|
width:40px;
|
|
height:40px;
|
|
font-size:1rem;
|
|
text-align:center;
|
|
line-height:40px;
|
|
padding:unset;
|
|
display:block;
|
|
border:unset
|
|
}
|
|
#footer-tools .go-up{
|
|
display:none
|
|
}
|
|
#footer-tools .btn:hover{
|
|
color:#333
|
|
}
|
|
#footer-tools [data-v-db6ccf64][data-v-41ba7e2c],#footer-tools [data-v-db6ccf64][data-v-6d083e75]{
|
|
top:unset!important;
|
|
bottom:0!important;
|
|
right:44px!important
|
|
}
|
|
#footer-tools .s-sticker-tmp{
|
|
position:absolute!important;
|
|
font-size:12px!important;
|
|
top:-6px;
|
|
left:18px;
|
|
transform:scale(.82);
|
|
padding:1px 5px;
|
|
background:#f1404b;
|
|
color:#ffffff!important;
|
|
border-radius:50px;
|
|
padding:1px 5px!important
|
|
}
|
|
.friendlink a{
|
|
position:relative;
|
|
display:inline-block;
|
|
margin:.25rem .5rem .25rem .25rem
|
|
}
|
|
.friendlink a:before{
|
|
content:'\2022';
|
|
display:inline-block;
|
|
position:relative;
|
|
margin-right:5px
|
|
}
|
|
@media (max-width:767.98px){
|
|
footer.main-footer .footer-text{
|
|
text-align:center;
|
|
float:none
|
|
}
|
|
#footer-tools{
|
|
bottom:15px;
|
|
right:5px
|
|
}
|
|
}
|
|
.btn.focus,.btn:focus{
|
|
outline:0;
|
|
box-shadow:none
|
|
}
|
|
.tooltip-inner img{
|
|
margin:.25rem 0
|
|
}
|
|
.tooltip-inner p{
|
|
color:#fff
|
|
}
|
|
.modal-backdrop{
|
|
z-index:1089!important;
|
|
-webkit-backdrop-filter:blur(10px);
|
|
backdrop-filter:blur(10px);
|
|
background:rgba(0,0,0,.5)
|
|
}
|
|
.modal-backdrop.show{
|
|
opacity:1
|
|
}
|
|
.modal{
|
|
z-index:1090
|
|
}
|
|
.modal-content,.modal-header,.modal-footer{
|
|
border:0
|
|
}
|
|
.btn:not(.go-up){
|
|
border-radius:3px;
|
|
white-space:normal;
|
|
font-size:.875rem
|
|
}
|
|
.carousel-blog li{
|
|
width:10px;
|
|
height:10px;
|
|
border:0;
|
|
border-radius:10px
|
|
}
|
|
.carousel-blog{
|
|
margin:0 10px;
|
|
top:0;
|
|
bottom:unset!important;
|
|
width:unset!important;
|
|
right:0;
|
|
left:auto!important
|
|
}
|
|
.carousel-blog .swiper-pagination-bullet{
|
|
width:6px;
|
|
height:6px;
|
|
background:#fff;
|
|
opacity:.7;
|
|
border-radius:10px;
|
|
transition:.4s;
|
|
border:none
|
|
}
|
|
.carousel-blog .swiper-pagination-bullet.swiper-pagination-bullet-active{
|
|
width:12px;
|
|
opacity:1
|
|
}
|
|
.card,.block{
|
|
background:#fff;
|
|
border-width:0;
|
|
margin-bottom:1rem;
|
|
box-shadow:0px 0px 20px -5px rgba(158,158,158,.2);
|
|
transition:background-color .3s
|
|
}
|
|
.card-header{
|
|
background-color:unset;
|
|
border-bottom:1px solid rgba(130,130,130,.1)
|
|
}
|
|
.card-footer{
|
|
background-color:unset;
|
|
border-top:1px solid rgba(130,130,130,.1)
|
|
}
|
|
.input-group-text{
|
|
border:1px solid #e9ebef;
|
|
background-color:#e9ebef
|
|
}
|
|
.badge-danger{
|
|
background-color:#F1404B
|
|
}
|
|
.form-control{
|
|
font-size:.875rem;
|
|
color:#6d6e74;
|
|
border:1px solid #f1f3f6;
|
|
background-color:#f1f3f6
|
|
}
|
|
.form-control:focus{
|
|
border:1px solid #f1f3f6;
|
|
background-color:#f1f3f6;
|
|
box-shadow:none
|
|
}
|
|
.form-control::-webkit-input-placeholder{
|
|
color:#888a8f;
|
|
opacity:1
|
|
}
|
|
.form-control::-moz-placeholder{
|
|
color:#888a8f;
|
|
opacity:1
|
|
}
|
|
.form-control:-ms-input-placeholder{
|
|
color:#888a8f;
|
|
opacity:1
|
|
}
|
|
.form-control::-ms-input-placeholder{
|
|
color:#888a8f;
|
|
opacity:1
|
|
}
|
|
.form-control::placeholder{
|
|
color:#888a8f;
|
|
opacity:1
|
|
}
|
|
.form-control:disabled,.form-control[readonly]{
|
|
background-color:#f1f3f6;
|
|
opacity:1;
|
|
color:#0d131b
|
|
}
|
|
.btn-danger{
|
|
color:#fff;
|
|
background-color:#f1404b;
|
|
border-color:#f1404b
|
|
}
|
|
.btn-danger:hover{
|
|
color:#fff;
|
|
background-color:#14171b;
|
|
border-color:#14171b
|
|
}
|
|
.btn-danger:focus,.btn-danger.focus{
|
|
color:#fff;
|
|
background-color:#f1404b;
|
|
border-color:#f1404b;
|
|
box-shadow:none
|
|
}
|
|
.btn-danger.disabled,.btn-danger:disabled{
|
|
color:#fff;
|
|
background-color:#f1404b;
|
|
border-color:#f1404b
|
|
}
|
|
.btn-danger:not(:disabled):not(.disabled):active,.btn-danger:not(:disabled):not(.disabled).active,.show>.btn-danger.dropdown-toggle{
|
|
color:#fff;
|
|
background-color:#f1404b;
|
|
border-color:#f1404b
|
|
}
|
|
.btn-danger:not(:disabled):not(.disabled):active:focus,.btn-danger:not(:disabled):not(.disabled).active:focus,.show>.btn-danger.dropdown-toggle:focus{
|
|
box-shadow:none
|
|
}
|
|
.btn-dark{
|
|
color:#fff;
|
|
background-color:#14171b;
|
|
border-color:#14171b
|
|
}
|
|
.btn-dark:hover{
|
|
color:#fff;
|
|
background-color:#f1404b;
|
|
border-color:#f1404b
|
|
}
|
|
.btn-dark:focus,.btn-dark.focus{
|
|
color:#fff;
|
|
background-color:#000;
|
|
border-color:#000;
|
|
box-shadow:none
|
|
}
|
|
.btn-dark.disabled,.btn-dark:disabled{
|
|
color:#fff;
|
|
background-color:#222831;
|
|
border-color:#222831
|
|
}
|
|
.btn-dark:not(:disabled):not(.disabled):active,.btn-dark:not(:disabled):not(.disabled).active,.show>.btn-dark.dropdown-toggle{
|
|
color:#fff;
|
|
background-color:#000;
|
|
border-color:#000
|
|
}
|
|
.btn-dark:not(:disabled):not(.disabled):active:focus,.btn-dark:not(:disabled):not(.disabled).active:focus,.show>.btn-dark.dropdown-toggle:focus{
|
|
box-shadow:none
|
|
}
|
|
.btn-outline-danger{
|
|
color:#f1404b;
|
|
border-color:#f1404b
|
|
}
|
|
.btn-outline-danger:hover{
|
|
color:#fff;
|
|
border-color:#f1404b;
|
|
background-color:#f1404b
|
|
}
|
|
.text-muted a{
|
|
color:#6c757d
|
|
}
|
|
.text-muted a:hover{
|
|
color:#5c656d
|
|
}
|
|
.custom-switch .custom-control-label::before{
|
|
height:1.125rem;
|
|
width:2rem;
|
|
border-radius:.57rem;
|
|
background-color:transparent
|
|
}
|
|
.custom-switch .custom-control-label::after{
|
|
width:calc(1.125rem - 4px);
|
|
height:calc(1.125rem - 4px)
|
|
}
|
|
.custom-control-input:not(:disabled):active~.custom-control-label::before{
|
|
background-color:rgba(241,64,76,.15);
|
|
border-color:rgba(241,64,76,.15)
|
|
}
|
|
.custom-control-input:focus~.custom-control-label::before{
|
|
box-shadow:0 0 0 .2rem rgba(241,64,76,.25)
|
|
}
|
|
.custom-control-input:focus:not(:checked)~.custom-control-label::before{
|
|
border-color:#f1404b
|
|
}
|
|
.custom-switch .custom-control-input:checked~.custom-control-label::after{
|
|
-webkit-transform:translateX(.85rem);
|
|
transform:translateX(.85rem)
|
|
}
|
|
.custom-control-input:checked~.custom-control-label::before{
|
|
border-color:#f1404b;
|
|
background-color:#f1404b
|
|
}
|
|
.transparent{
|
|
background:transparent!important;
|
|
border-color:transparent!important;
|
|
box-shadow:unset!important
|
|
}
|
|
.navbar-menu .dropdown-menu{
|
|
display:block;
|
|
border:unset;
|
|
box-shadow:0 5px 20px 0px rgba(0,0,0,.15);
|
|
border-radius:.25rem;
|
|
overflow:hidden;
|
|
opacity:0;
|
|
transform-origin:100% 0 0;
|
|
pointer-events:none;
|
|
transform:scale(0);
|
|
transition:all 500ms cubic-bezier(0,.5,.2,1)
|
|
}
|
|
.navbar-menu .dropdown-menu.show{
|
|
opacity:1;
|
|
transform:scale(1);
|
|
display:block;
|
|
pointer-events:auto
|
|
}
|
|
.dropdown-item:hover{
|
|
background-color:rgba(136,136,136,.1)
|
|
}
|
|
.dropdown-item:active,.dropdown-item:focus{
|
|
color:#333;
|
|
background-color:rgba(136,136,136,.2)
|
|
}
|
|
.dropdown-divider{
|
|
border-color:rgba(136,136,136,.2)
|
|
}
|
|
.rounded-xl{
|
|
border-radius:.525rem!important
|
|
}
|
|
.carousel-vertical .carousel-inner .carousel-item-next.carousel-item-left,.carousel-vertical .carousel-inner .carousel-item-prev.carousel-item-right{
|
|
-webkit-transform:translateY(0);
|
|
transform:translateY(0)
|
|
}
|
|
.carousel-vertical .carousel-inner .active.carousel-item-left,.carousel-vertical .carousel-inner .carousel-item-prev{
|
|
-webkit-transform:translateY(-100%);
|
|
transform:translateY(-100%)
|
|
}
|
|
.carousel-vertical .carousel-inner .active.carousel-item-right,.carousel-vertical .carousel-inner .carousel-item-next{
|
|
-webkit-transform:translateY(100%);
|
|
transform:translateY(100%)
|
|
}
|
|
.custom-switch-before{
|
|
margin-left:-2.25rem;
|
|
margin-right:2.25rem
|
|
}
|
|
.io-close{
|
|
text-shadow:none
|
|
}
|
|
.col-1a,.col-2a,.col-3a,.col-4a,.col-5a,.col-6a,.col-7a,.col-8a,.col-9a,.col-10a,.col-11a,.col-12a,.col-sm-1a,.col-sm-2a,.col-sm-3a,.col-sm-4a,.col-sm-5a,.col-sm-6a,.col-sm-7a,.col-sm-8a,.col-sm-9a,.col-sm-10a,.col-sm-11a,.col-sm-12a,.col-md-1a,.col-md-2a,.col-md-3a,.col-md-4a,.col-md-5a,.col-md-6a,.col-md-7a,.col-md-8a,.col-md-9a,.col-md-10a,.col-md-11a,.col-md-12a,.col-lg-1a,.col-lg-2a,.col-lg-3a,.col-lg-4a,.col-lg-5a,.col-lg-6a,.col-lg-7a,.col-lg-8a,.col-lg-9a,.col-lg-10a,.col-lg-11a,.col-lg-12a,.col-xl-1a,.col-xl-2a,.col-xl-3a,.col-xl-4a,.col-xl-5a,.col-xl-6a,.col-xl-7a,.col-xl-8a,.col-xl-9a,.col-xl-10a,.col-xl-11a,.col-xl-12a,.col-xxl-1a,.col-xxl-2a,.col-xxl-3a,.col-xxl-4a,.col-xxl-5a,.col-xxl-6a,.col-xxl-7a,.col-xxl-8a,.col-xxl-9a,.col-xxl-10a.col-xxl-11a,.col-xxl-12a{
|
|
position:relative;
|
|
width:100%;
|
|
padding-right:15px;
|
|
padding-left:15px
|
|
}
|
|
.col-1a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 100%;
|
|
flex:0 0 100%;
|
|
max-width:100%
|
|
}
|
|
.col-2a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 50%;
|
|
flex:0 0 50%;
|
|
max-width:50%
|
|
}
|
|
.col-3a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 33.333333%;
|
|
flex:0 0 33.333333%;
|
|
max-width:33.333333%
|
|
}
|
|
.col-4a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 25%;
|
|
flex:0 0 25%;
|
|
max-width:25%
|
|
}
|
|
.col-5a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 20%;
|
|
flex:0 0 20%;
|
|
max-width:20%
|
|
}
|
|
.col-6a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 16.666667%;
|
|
flex:0 0 16.666667%;
|
|
max-width:16.666667%
|
|
}
|
|
.col-7a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 14.285714%;
|
|
flex:0 0 14.285714%;
|
|
max-width:14.285714%
|
|
}
|
|
.col-8a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 12.5%;
|
|
flex:0 0 12.5%;
|
|
max-width:12.5%
|
|
}
|
|
.col-9a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 11.111111%;
|
|
flex:0 0 11.111111%;
|
|
max-width:11.111111%
|
|
}
|
|
.col-10a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 10%;
|
|
flex:0 0 10%;
|
|
max-width:10%
|
|
}
|
|
@media (min-width:576px){
|
|
.col-sm-1a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 100%;
|
|
flex:0 0 100%;
|
|
max-width:100%
|
|
}
|
|
.col-sm-2a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 50%;
|
|
flex:0 0 50%;
|
|
max-width:50%
|
|
}
|
|
.col-sm-3a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 33.333333%;
|
|
flex:0 0 33.333333%;
|
|
max-width:33.333333%
|
|
}
|
|
.col-sm-4a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 25%;
|
|
flex:0 0 25%;
|
|
max-width:25%
|
|
}
|
|
.col-sm-5a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 20%;
|
|
flex:0 0 20%;
|
|
max-width:20%
|
|
}
|
|
.col-sm-6a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 16.666667%;
|
|
flex:0 0 16.666667%;
|
|
max-width:16.666667%
|
|
}
|
|
.col-sm-7a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 14.285714%;
|
|
flex:0 0 14.285714%;
|
|
max-width:14.285714%
|
|
}
|
|
.col-sm-8a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 12.5%;
|
|
flex:0 0 12.5%;
|
|
max-width:12.5%
|
|
}
|
|
.col-sm-9a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 11.111111%;
|
|
flex:0 0 11.111111%;
|
|
max-width:11.111111%
|
|
}
|
|
.col-sm-10a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 10%;
|
|
flex:0 0 10%;
|
|
max-width:10%
|
|
}
|
|
}
|
|
@media (min-width:768px){
|
|
.col-md-1a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 100%;
|
|
flex:0 0 100%;
|
|
max-width:100%
|
|
}
|
|
.col-md-2a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 50%;
|
|
flex:0 0 50%;
|
|
max-width:50%
|
|
}
|
|
.col-md-3a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 33.333333%;
|
|
flex:0 0 33.333333%;
|
|
max-width:33.333333%
|
|
}
|
|
.col-md-4a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 25%;
|
|
flex:0 0 25%;
|
|
max-width:25%
|
|
}
|
|
.col-md-5a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 20%;
|
|
flex:0 0 20%;
|
|
max-width:20%
|
|
}
|
|
.col-md-6a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 16.666667%;
|
|
flex:0 0 16.666667%;
|
|
max-width:16.666667%
|
|
}
|
|
.col-md-7a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 14.285714%;
|
|
flex:0 0 14.285714%;
|
|
max-width:14.285714%
|
|
}
|
|
.col-md-8a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 12.5%;
|
|
flex:0 0 12.5%;
|
|
max-width:12.5%
|
|
}
|
|
.col-md-9a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 11.111111%;
|
|
flex:0 0 11.111111%;
|
|
max-width:11.111111%
|
|
}
|
|
.col-md-10a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 10%;
|
|
flex:0 0 10%;
|
|
max-width:10%
|
|
}
|
|
}
|
|
@media (min-width:992px){
|
|
.col-lg-1a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 100%;
|
|
flex:0 0 100%;
|
|
max-width:100%
|
|
}
|
|
.col-lg-2a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 50%;
|
|
flex:0 0 50%;
|
|
max-width:50%
|
|
}
|
|
.col-lg-3a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 33.333333%;
|
|
flex:0 0 33.333333%;
|
|
max-width:33.333333%
|
|
}
|
|
.col-lg-4a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 25%;
|
|
flex:0 0 25%;
|
|
max-width:25%
|
|
}
|
|
.col-lg-5a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 20%;
|
|
flex:0 0 20%;
|
|
max-width:20%
|
|
}
|
|
.col-lg-6a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 16.666667%;
|
|
flex:0 0 16.666667%;
|
|
max-width:16.666667%
|
|
}
|
|
.col-lg-7a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 14.285714%;
|
|
flex:0 0 14.285714%;
|
|
max-width:14.285714%
|
|
}
|
|
.col-lg-8a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 12.5%;
|
|
flex:0 0 12.5%;
|
|
max-width:12.5%
|
|
}
|
|
.col-lg-9a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 11.111111%;
|
|
flex:0 0 11.111111%;
|
|
max-width:11.111111%
|
|
}
|
|
.col-lg-10a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 10%;
|
|
flex:0 0 10%;
|
|
max-width:10%
|
|
}
|
|
}
|
|
@media (min-width:1200px){
|
|
.col-xl-1a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 100%;
|
|
flex:0 0 100%;
|
|
max-width:100%
|
|
}
|
|
.col-xl-2a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 50%;
|
|
flex:0 0 50%;
|
|
max-width:50%
|
|
}
|
|
.col-xl-3a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 33.333333%;
|
|
flex:0 0 33.333333%;
|
|
max-width:33.333333%
|
|
}
|
|
.col-xl-4a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 25%;
|
|
flex:0 0 25%;
|
|
max-width:25%
|
|
}
|
|
.col-xl-5a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 20%;
|
|
flex:0 0 20%;
|
|
max-width:20%
|
|
}
|
|
.col-xl-6a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 16.666667%;
|
|
flex:0 0 16.666667%;
|
|
max-width:16.666667%
|
|
}
|
|
.col-xl-7a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 14.285714%;
|
|
flex:0 0 14.285714%;
|
|
max-width:14.285714%
|
|
}
|
|
.col-xl-8a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 12.5%;
|
|
flex:0 0 12.5%;
|
|
max-width:12.5%
|
|
}
|
|
.col-xl-9a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 11.111111%;
|
|
flex:0 0 11.111111%;
|
|
max-width:11.111111%
|
|
}
|
|
.col-xl-10a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 10%;
|
|
flex:0 0 10%;
|
|
max-width:10%
|
|
}
|
|
}
|
|
@media (min-width:1400px){
|
|
.container-lg,.container-md,.container-sm,.container-xl{
|
|
max-width:1320px
|
|
}
|
|
.d-xxl-block{
|
|
display:block!important
|
|
}
|
|
.col-xxl-auto{
|
|
-ms-flex:0 0 auto;
|
|
flex:0 0 auto;
|
|
width:auto;
|
|
max-width:100%
|
|
}
|
|
.col-xxl-1{
|
|
-ms-flex:0 0 8.333333%;
|
|
flex:0 0 8.333333%;
|
|
max-width:8.333333%
|
|
}
|
|
.col-xxl-2{
|
|
-ms-flex:0 0 16.666667%;
|
|
flex:0 0 16.666667%;
|
|
max-width:16.666667%
|
|
}
|
|
.col-xxl-3{
|
|
-ms-flex:0 0 25%;
|
|
flex:0 0 25%;
|
|
max-width:25%
|
|
}
|
|
.col-xxl-4{
|
|
-ms-flex:0 0 33.333333%;
|
|
flex:0 0 33.333333%;
|
|
max-width:33.333333%
|
|
}
|
|
.col-xxl-5{
|
|
-ms-flex:0 0 41.666667%;
|
|
flex:0 0 41.666667%;
|
|
max-width:41.666667%
|
|
}
|
|
.col-xxl-6{
|
|
-ms-flex:0 0 50%;
|
|
flex:0 0 50%;
|
|
max-width:50%
|
|
}
|
|
.col-xxl-7{
|
|
-ms-flex:0 0 58.333333%;
|
|
flex:0 0 58.333333%;
|
|
max-width:58.333333%
|
|
}
|
|
.col-xxl-8{
|
|
-ms-flex:0 0 66.666667%;
|
|
flex:0 0 66.666667%;
|
|
max-width:66.666667%
|
|
}
|
|
.col-xxl-9{
|
|
-ms-flex:0 0 75%;
|
|
flex:0 0 75%;
|
|
max-width:75%
|
|
}
|
|
.col-xxl-10{
|
|
-ms-flex:0 0 83.333333%;
|
|
flex:0 0 83.333333%;
|
|
max-width:83.333333%
|
|
}
|
|
.col-xxl-11{
|
|
-ms-flex:0 0 91.666667%;
|
|
flex:0 0 91.666667%;
|
|
max-width:91.666667%
|
|
}
|
|
.col-xxl-12{
|
|
-ms-flex:0 0 100%;
|
|
flex:0 0 100%;
|
|
max-width:100%
|
|
}
|
|
.col-xxl-1a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 100%;
|
|
flex:0 0 100%;
|
|
max-width:100%
|
|
}
|
|
.col-xxl-2a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 50%;
|
|
flex:0 0 50%;
|
|
max-width:50%
|
|
}
|
|
.col-xxl-3a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 33.333333%;
|
|
flex:0 0 33.333333%;
|
|
max-width:33.333333%
|
|
}
|
|
.col-xxl-4a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 25%;
|
|
flex:0 0 25%;
|
|
max-width:25%
|
|
}
|
|
.col-xxl-5a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 20%;
|
|
flex:0 0 20%;
|
|
max-width:20%
|
|
}
|
|
.col-xxl-6a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 16.666667%;
|
|
flex:0 0 16.666667%;
|
|
max-width:16.666667%
|
|
}
|
|
.col-xxl-7a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 14.285714%;
|
|
flex:0 0 14.285714%;
|
|
max-width:14.285714%
|
|
}
|
|
.col-xxl-8a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 12.5%;
|
|
flex:0 0 12.5%;
|
|
max-width:12.5%
|
|
}
|
|
.col-xxl-9a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 11.111111%;
|
|
flex:0 0 11.111111%;
|
|
max-width:11.111111%
|
|
}
|
|
.col-xxl-10a{
|
|
-webkit-box-flex:0;
|
|
-ms-flex:0 0 10%;
|
|
flex:0 0 10%;
|
|
max-width:10%
|
|
}
|
|
.mx-xxl-n5{
|
|
margin-left:-5rem!important;
|
|
margin-right:-5rem!important
|
|
}
|
|
.container-lg,.container-md,.container-sm,.container-xl{
|
|
max-width:1500px
|
|
}
|
|
}
|
|
.size-50{
|
|
width:50px;
|
|
height:50px
|
|
}
|
|
.size-70{
|
|
width:70px;
|
|
height:70px
|
|
}
|
|
.row-lg{
|
|
margin-left:-1rem;
|
|
margin-right:-1rem
|
|
}
|
|
.row-lg [class*="col-"],.row-lg .col{
|
|
padding-left:1rem;
|
|
padding-right:1rem
|
|
}
|
|
.row-md{
|
|
margin-left:-.75rem;
|
|
margin-right:-.75rem
|
|
}
|
|
.row-md [class*="col-"],.row-md .col{
|
|
padding-left:.75rem;
|
|
padding-right:.75rem
|
|
}
|
|
.row-sm{
|
|
margin-left:-.5rem!important;
|
|
margin-right:-.5rem!important
|
|
}
|
|
.row-sm [class*="col-"],.row-sm .col{
|
|
padding-left:.5rem!important;
|
|
padding-right:.5rem!important
|
|
}
|
|
.row-xs{
|
|
margin-left:-.25rem!important;
|
|
margin-right:-.25rem!important
|
|
}
|
|
.row-xs [class*="col-"],.row-xs .col{
|
|
padding-left:.25rem!important;
|
|
padding-right:.25rem!important
|
|
}
|
|
.row-xs .card,.row-xs .block{
|
|
margin-bottom:.5rem!important
|
|
}
|
|
.io-mx-n2{
|
|
margin-left:-.5rem!important;
|
|
margin-right:-.5rem!important
|
|
}
|
|
.io-px-2,.io-mx-n2 .url-card{
|
|
padding-left:.5rem!important;
|
|
padding-right:.5rem!important
|
|
}
|
|
@media (min-width:768px){
|
|
.io-mx-n2{
|
|
margin-left:-.825rem!important;
|
|
margin-right:-.825rem!important
|
|
}
|
|
.io-px-2,.io-mx-n2 .url-card{
|
|
padding-left:.825rem!important;
|
|
padding-right:.825rem!important
|
|
}
|
|
}
|
|
@media (min-width:768px) and (max-width:991.98px){
|
|
.row-md{
|
|
margin-left:-.5rem;
|
|
margin-right:-.5rem
|
|
}
|
|
.row-md [class*="col-"],.row-md .col{
|
|
padding-left:.5rem;
|
|
padding-right:.5rem
|
|
}
|
|
}
|
|
@media (max-width:991.98px){
|
|
.padding{
|
|
padding:1.5rem
|
|
}
|
|
.row-lg{
|
|
margin-left:-.5rem;
|
|
margin-right:-.5rem
|
|
}
|
|
.row-lg [class*="col-"],.row-lg .col{
|
|
padding-left:.5rem;
|
|
padding-right:.5rem
|
|
}
|
|
}
|
|
@media (max-width:767.98px){
|
|
.padding{
|
|
padding:1rem
|
|
}
|
|
.container{
|
|
padding-right:.625rem;
|
|
padding-left:.625rem
|
|
}
|
|
.row{
|
|
margin-right:-.5rem;
|
|
margin-left:-.5rem
|
|
}
|
|
.row [class*="col-"]{
|
|
padding-right:.5rem;
|
|
padding-left:.5rem
|
|
}
|
|
.row-md{
|
|
margin-left:-.5rem;
|
|
margin-right:-.5rem
|
|
}
|
|
.row-md [class*="col-"],.row-md .col{
|
|
padding-left:.5rem;
|
|
padding-right:.5rem
|
|
}
|
|
}
|
|
#loading,#load-loading,.load-loading{
|
|
-webkit-box-pack:center;
|
|
justify-content:center;
|
|
-webkit-box-align:center;
|
|
align-items:center;
|
|
display:-webkit-box;
|
|
display:flex;
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:100%;
|
|
height:100%;
|
|
z-index:88888;
|
|
background:#fff;
|
|
-webkit-transition:ease-in-out .5s;
|
|
transition:ease-in-out .5s
|
|
}
|
|
#loading,#load-loading{
|
|
z-index:99999
|
|
}
|
|
.load-loading{
|
|
position:absolute;
|
|
background:transparent
|
|
}
|
|
.load-loading .bg{
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
background:#000;
|
|
opacity:.2
|
|
}
|
|
#load-loading{
|
|
opacity:0
|
|
}
|
|
#loading.close{
|
|
opacity:0;
|
|
visibility:hidden
|
|
}
|
|
.io-black-mode #loading,.io-black-mode #load-loading{
|
|
background:#111
|
|
}
|
|
#search{
|
|
max-width:800px;
|
|
position:relative
|
|
}
|
|
#search form{
|
|
position:relative
|
|
}
|
|
#search-text{
|
|
z-index:inherit;
|
|
padding:9pt;
|
|
height:50px;
|
|
font-size:1pc;
|
|
border:0;
|
|
border-radius:3px;
|
|
background-color:#fff;
|
|
transition:.3s
|
|
}
|
|
#search button{
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
background:#313437;
|
|
border:0;
|
|
width:60px;
|
|
height:36px;
|
|
margin:7px 9pt 0;
|
|
line-height:36px;
|
|
border-radius:3px
|
|
}
|
|
#search button:hover{
|
|
background:#000;
|
|
cursor:pointer
|
|
}
|
|
#search button i{
|
|
color:#fff;
|
|
font-size:18px
|
|
}
|
|
#search .search-select{
|
|
height:50px;
|
|
cursor:pointer;
|
|
border:none;
|
|
background-color:#fff;
|
|
transition:.3s
|
|
}
|
|
#search .input-group-prepend:not(.d-none)+.search-key{
|
|
border-top-left-radius:0;
|
|
border-bottom-left-radius:0
|
|
}
|
|
.search-group{
|
|
display:none
|
|
}
|
|
.search-group-modal{
|
|
display:none
|
|
}
|
|
.s-current .search-type{
|
|
padding-left:5px;
|
|
display:initial
|
|
}
|
|
.s-current{
|
|
display:flex
|
|
}
|
|
#search-list{
|
|
position:relative
|
|
}
|
|
#search-list-modal{
|
|
position:relative
|
|
}
|
|
.s-type{
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
z-index:23;
|
|
width:75px
|
|
}
|
|
.s-type:hover{
|
|
height:auto
|
|
}
|
|
.s-type>span{
|
|
display:block;
|
|
height:31px;
|
|
width:75px
|
|
}
|
|
.s-type-list{
|
|
display:none;
|
|
position:absolute;
|
|
top:31px;
|
|
min-width:75px;
|
|
padding:12px 0;
|
|
background:#fff;
|
|
border-radius:5px;
|
|
box-shadow:0 9px 20px rgba(0,0,0,.16)
|
|
}
|
|
.s-type-list:before{
|
|
position:absolute;
|
|
top:-1pc;
|
|
left:20px;
|
|
content:'';
|
|
display:block;
|
|
width:0;
|
|
height:0;
|
|
border:10px solid transparent;
|
|
border-bottom-color:#fff
|
|
}
|
|
.s-type-list label{
|
|
display:block;
|
|
font-size:15px;
|
|
text-align:center;
|
|
font-weight:normal;
|
|
margin-bottom:0;
|
|
padding:2px 0px;
|
|
word-break:keep-all;
|
|
cursor:pointer;
|
|
transition:.3s
|
|
}
|
|
.s-type-list:not(.big) label{
|
|
padding:2px 12px
|
|
}
|
|
.s-type-list label:hover{
|
|
background:rgba(136,136,136,.1)
|
|
}
|
|
.s-type-list .tile-lg{
|
|
color:#fff;
|
|
width:3pc;
|
|
height:3pc;
|
|
font-size:1.25rem;
|
|
line-height:3rem;
|
|
border-radius:.3rem;
|
|
display:block;
|
|
margin:auto
|
|
}
|
|
.s-type:hover .s-type-list{
|
|
display:block
|
|
}
|
|
.type-text{
|
|
display:flex;
|
|
align-items:center;
|
|
word-break:keep-all;
|
|
padding-left:9pt
|
|
}
|
|
.type-text:after{
|
|
content:"\e793";
|
|
font-family:"iconfont";
|
|
font-size:12px;
|
|
margin:0 0 0 10px
|
|
}
|
|
.search-type{
|
|
white-space:nowrap;
|
|
margin:0
|
|
}
|
|
.search-type label{
|
|
margin:0
|
|
}
|
|
.search-type li{
|
|
display:inline-block
|
|
}
|
|
.search-type li label{
|
|
display:inline-block;
|
|
padding:0 11px;
|
|
font-size:14px;
|
|
line-height:31px;
|
|
border-radius:3px 3px 0 0;
|
|
cursor:pointer
|
|
}
|
|
.search-type li.menu-item a{
|
|
display:inline-block;
|
|
font-size:14px;
|
|
line-height:31px;
|
|
border-radius:3px 3px 0 0
|
|
}
|
|
.search-type input:checked+label,.search-type input:hover+label{
|
|
background-color:#fff
|
|
}
|
|
.set-check{
|
|
margin-top:3px;
|
|
font-size:9pt
|
|
}
|
|
.set-check label{
|
|
margin-left:3px
|
|
}
|
|
.set-check input,.set-check label{
|
|
opacity:0;
|
|
transition:all .3s ease
|
|
}
|
|
.search-type li{
|
|
list-style:none;
|
|
display:inline-block
|
|
}
|
|
.search-type{
|
|
overflow:auto
|
|
}
|
|
.search-smart-tips{
|
|
position:absolute;
|
|
z-index:20;
|
|
width:100%;
|
|
overflow:hidden
|
|
}
|
|
.search-smart-tips ul{
|
|
padding:10px 0;
|
|
margin:0
|
|
}
|
|
.search-smart-tips ul li{
|
|
line-height:30px;
|
|
font-size:14px;
|
|
padding:0px 25px;
|
|
cursor:pointer;
|
|
list-style:none;
|
|
transition:.3s
|
|
}
|
|
.search-smart-tips ul li:hover,.search-smart-tips ul li.current{
|
|
background-color:rgba(130,130,130,.5)
|
|
}
|
|
@media screen and (max-width:767.98px){
|
|
#search{
|
|
margin:25px auto 15px
|
|
}
|
|
.s-type-list label{
|
|
padding:5px 0
|
|
}
|
|
.s-type-list:not(.big) label{
|
|
padding:5px 16px
|
|
}
|
|
.search-list{
|
|
height:30px;
|
|
overflow-y:hidden;
|
|
overflow-x:scroll;
|
|
white-space:nowrap
|
|
}
|
|
}
|
|
.search-modal #m_search-text{
|
|
z-index:inherit;
|
|
padding:9pt;
|
|
height:50px;
|
|
font-size:1pc;
|
|
border:0;
|
|
border-radius:3px;
|
|
background-color:rgba(126,126,126,.1)
|
|
}
|
|
.search-modal #search .search-select,.search-modal .search-type input:checked+label,.search-modal .search-type input:hover+label{
|
|
background-color:rgba(126,126,126,.1)
|
|
}
|
|
.search-modal li.menu-item{
|
|
display:inline-block!important;
|
|
margin:4px
|
|
}
|
|
.search-modal li.menu-item a{
|
|
font-size:12px;
|
|
padding:.375rem .875rem;
|
|
background:rgba(136,136,136,.1);
|
|
border-radius:50px
|
|
}
|
|
.btn-search{
|
|
position:relative;
|
|
background-color:rgba(150,150,150,.16);
|
|
transition:.2s ease-out
|
|
}
|
|
.btn-search:hover,.btn-search.current{
|
|
color:#fff!important;
|
|
background-color:#f1404b;
|
|
box-shadow:0 5px 20px -3px rgba(249,100,90,.6)
|
|
}
|
|
.btn-search.current:after{
|
|
content:"";
|
|
position:absolute;
|
|
bottom:-17px;
|
|
left:0;
|
|
right:0;
|
|
margin:0 auto;
|
|
width:0;
|
|
border:10px solid transparent;
|
|
border-top-color:#f1404b
|
|
}
|
|
.text-break-all{
|
|
word-break:break-all
|
|
}
|
|
.hot-ico{
|
|
height:18px;
|
|
margin-right:.25rem;
|
|
margin-bottom:.2rem
|
|
}
|
|
.posts-nav{
|
|
font-size:14px;
|
|
color:rgba(0,0,0,.44);
|
|
padding:10px 0;
|
|
text-align:center
|
|
}
|
|
.posts-nav .page-numbers{
|
|
position:relative;
|
|
min-width:35px;
|
|
height:35px;
|
|
padding:0 5px;
|
|
line-height:35px;
|
|
display:inline-block;
|
|
background-color:rgba(150,150,150,.16);
|
|
margin:0 2px;
|
|
border-radius:.2rem;
|
|
-webkit-transition:.2s ease-out;
|
|
transition:.2s ease-out
|
|
}
|
|
.posts-nav .page-numbers.current,.posts-nav .page-numbers:not(.dots):hover{
|
|
color:#fff!important;
|
|
background-color:#f1404b;
|
|
box-shadow:0px 5px 20px -3px rgba(249,100,90,.6)
|
|
}
|
|
.posts-nav .page-numbers.dots{
|
|
border-color:rgba(0,0,0,0)
|
|
}
|
|
.ajax-loading{
|
|
background:rgba(250,250,250,.7)!important
|
|
}
|
|
#comments-navi>span,#comments-navi>a,.page-nav span:not(.current){
|
|
position:relative;
|
|
display:inline-block;
|
|
background-color:rgba(150,150,150,.16);
|
|
min-width:35px;
|
|
height:35px;
|
|
padding:0 5px;
|
|
line-height:35px;
|
|
margin:.2rem .1rem;
|
|
font-size:.75rem;
|
|
border-radius:.2rem;
|
|
-webkit-transition:.2s ease-out;
|
|
transition:.2s ease-out
|
|
}
|
|
.page-nav span.all{
|
|
width:auto;
|
|
padding:0 10px
|
|
}
|
|
#comments-navi>a:hover,#comments-navi>.current,.page-nav>a:hover span,.page-nav>.current span{
|
|
color:#fff!important;
|
|
background-color:#f1404b;
|
|
box-shadow:0px 5px 20px -3px rgba(249,100,90,.6)
|
|
}
|
|
.overflow-x-auto{
|
|
-webkit-overflow-scrolling:touch;
|
|
overflow-x:auto;
|
|
overflow-y:unset
|
|
}
|
|
.overflow-y-auto{
|
|
overflow-y:auto;
|
|
overflow-x:unset
|
|
}
|
|
.media-title-bg:before{
|
|
content:"";
|
|
position:absolute;
|
|
left:0;
|
|
height:80px;
|
|
right:0;
|
|
bottom:0;
|
|
background-image:linear-gradient(to top,rgba(0,0,0,.5) 20%,transparent 80%)
|
|
}
|
|
.external{
|
|
padding-right:5px
|
|
}
|
|
.external:after{
|
|
content:"\e66c";
|
|
font-family:"iconfont";
|
|
font-size:75%
|
|
}
|
|
.nav-login-user{
|
|
position:relative
|
|
}
|
|
.nav-login-user .user-ico img{
|
|
width:28px;
|
|
height:28px;
|
|
border-radius:100%
|
|
}
|
|
.nav-login-user .header-user{
|
|
position:absolute;
|
|
opacity:0;
|
|
width:400px;
|
|
right:-30px;
|
|
visibility:hidden;
|
|
transition:.3s
|
|
}
|
|
.nav-login-user:hover .header-user{
|
|
opacity:1;
|
|
visibility:visible
|
|
}
|
|
.user-card-top img{
|
|
width:46px;
|
|
height:46px;
|
|
border-radius:100%
|
|
}
|
|
.nav-login-user .card-top{
|
|
padding-bottom:10px;
|
|
border-bottom:1px dashed #cecece
|
|
}
|
|
.fancybox-slide--iframe .fancybox-content{
|
|
max-width:1280px;
|
|
margin:0
|
|
}
|
|
.fancybox-slide--iframe.fancybox-slide{
|
|
padding:44px 0
|
|
}
|
|
.fancybox-toolbar{
|
|
right:calc(50% - 22px);
|
|
top:22px
|
|
}
|
|
.big-header-banner .page-header{
|
|
color:#fff;
|
|
background:rgba(255,255,255,0);
|
|
box-shadow:none;
|
|
transition:color .3s,background-color .3s
|
|
}
|
|
.big-header-banner.header-bg .page-header{
|
|
color:initial;
|
|
background:rgba(255,255,255,1)
|
|
}
|
|
.big-header-banner:not(.header-bg) .page-header .navbar-nav>li>a,.big-header-banner:not(.header-bg) .navbar-menu a:not(.dropdown-item),.big-header-banner:not(.header-bg) .mobile-menu a{
|
|
color:#eee
|
|
}
|
|
.big-header-banner:not(.header-bg) .header-mini-btn path{
|
|
stroke:#eee
|
|
}
|
|
.big-header-banner:not(.header-bg) .page-header .navbar-nav>li>a:hover,.big-header-banner:not(.header-bg) .navbar-menu a:not(.dropdown-item):hover{
|
|
color:#fff
|
|
}
|
|
.big-header-banner:not(.header-bg) .header-mini-btn label:hover path{
|
|
stroke:#fff
|
|
}
|
|
.header-big{
|
|
position:relative;
|
|
margin-top:-75px;
|
|
padding-top:60px;
|
|
padding-bottom:60px
|
|
}
|
|
.header-big.bg-gradual:before{
|
|
content:"";
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
transition:.3s
|
|
}
|
|
.header-big.bg-gradual:after{
|
|
content:"";
|
|
position:absolute;
|
|
left:0;
|
|
height:280px;
|
|
right:0;
|
|
bottom:-1px;
|
|
background-image:linear-gradient(to top,#f9f9f9 0%,transparent 80%);
|
|
pointer-events:none;
|
|
transition:.3s
|
|
}
|
|
.header-big.css-img,.header-big.css-bing{
|
|
background-color:#1b1d1f;
|
|
background-size:cover;
|
|
background-position:cover
|
|
}
|
|
.header-big.canvas-fx{
|
|
background-color:#1b1d1f
|
|
}
|
|
.post-top{
|
|
padding-bottom:120px
|
|
}
|
|
.header-big.no-bg{
|
|
padding-bottom:10px
|
|
}
|
|
.header-big.css-color{
|
|
background-size:400%;
|
|
background-position:0% 100%;
|
|
-webkit-animation:gradient 7.5s ease-in-out infinite;
|
|
animation:gradient 7.5s ease-in-out infinite
|
|
}
|
|
@-webkit-keyframes gradient{
|
|
50%{
|
|
background-position:100% 0
|
|
}
|
|
}
|
|
@keyframes gradient{
|
|
50%{
|
|
background-position:100% 0
|
|
}
|
|
}
|
|
.blog-tab{
|
|
height:50px;
|
|
margin-bottom:-30px
|
|
}
|
|
.white-nowrap{
|
|
white-space:nowrap
|
|
}
|
|
.dl{
|
|
margin-top:-1.5px;
|
|
width:80%;
|
|
height:3px;
|
|
background:#888;
|
|
border-radius:3px;
|
|
opacity:.3;
|
|
transition:.4s;
|
|
margin:auto
|
|
}
|
|
.dlb:hover .dl{
|
|
width:90%;
|
|
background:#f1404b;
|
|
opacity:1;
|
|
box-shadow:0 1px 6px rgba(241,64,75,.6)
|
|
}
|
|
.dl-text{
|
|
position:relative;
|
|
display:flex;
|
|
justify-content:space-evenly;
|
|
align-items:center;
|
|
color:#888;
|
|
text-align:center;
|
|
font-size:12px;
|
|
margin:20px 0
|
|
}
|
|
.dl-text::before,.dl-text::after{
|
|
content:"";
|
|
width:33%;
|
|
height:1px;
|
|
background:#888;
|
|
opacity:.5
|
|
}
|
|
.upload-box{
|
|
cursor:pointer;
|
|
transition:.3s
|
|
}
|
|
.upload-box:hover.bg-light{
|
|
background:rgba(32,158,255,.1)!important
|
|
}
|
|
.tab-btn{
|
|
position:relative;
|
|
padding:8px 16px
|
|
}
|
|
.tab-btn.active::after{
|
|
content:"";
|
|
position:absolute;
|
|
bottom:0;
|
|
width:40%;
|
|
height:4px;
|
|
border-radius:2px;
|
|
left:0;
|
|
right:0;
|
|
margin:auto;
|
|
background:#f1404b;
|
|
box-shadow:0 1px 6px rgba(241,64,75,.6)
|
|
}
|
|
.count-tips::after{
|
|
content:attr(data-min) "/" attr(data-max);
|
|
position:absolute;
|
|
top:50%;
|
|
z-index:3;
|
|
right:5px;
|
|
color:#999;
|
|
transform:translate(0,-50%)
|
|
}
|
|
.count-tips .form-control{
|
|
padding-right:60px
|
|
}
|
|
.header-big .s-search,.header-big #bulletin_box{
|
|
margin:0 15px
|
|
}
|
|
.header-big #bulletin_box{
|
|
background:transparent;
|
|
box-shadow:none
|
|
}
|
|
.header-big:not(.no-bg) #bulletin_box a{
|
|
color:#fff
|
|
}
|
|
.header-big .bulletin-big #bulletin_box{
|
|
max-width:600px;
|
|
margin:0 auto
|
|
}
|
|
.header-big:not(.no-bg) #bulletin_box .card-body{
|
|
color:#fff!important;
|
|
background:rgba(0,0,0,.3);
|
|
border-radius:50px
|
|
}
|
|
.header-big .bulletin-close{
|
|
opacity:.1;
|
|
transition:opacity .3s
|
|
}
|
|
.header-big .bulletin-big #bulletin_box:hover .bulletin-close{
|
|
opacity:.7
|
|
}
|
|
.header-big .search-group{
|
|
padding:0;
|
|
margin:0 auto
|
|
}
|
|
.header-big #search-list{
|
|
text-align:center
|
|
}
|
|
.header-big .search-smart-tips{
|
|
width:unset;
|
|
left:20px;
|
|
right:20px
|
|
}
|
|
.header-big .search-type input:checked+label,.header-big .search-type input:hover+label{
|
|
position:relative;
|
|
background:transparent!important
|
|
}
|
|
.header-big .search-type input:checked+label:before{
|
|
content:'';
|
|
border-width:8px 8px 0px 8px;
|
|
border-style:solid;
|
|
border-color:rgba(0,0,0,.6) transparent transparent;
|
|
position:absolute;
|
|
left:50%;
|
|
top:0;
|
|
margin-left:-8px
|
|
}
|
|
.header-big .search-type li label{
|
|
padding-top:5px
|
|
}
|
|
.header-big .s-type-list{
|
|
position:relative!important;
|
|
display:block;
|
|
white-space:nowrap;
|
|
text-align:center;
|
|
position:inherit;
|
|
top:inherit;
|
|
padding:inherit;
|
|
width:none;
|
|
background:none!important;
|
|
border-radius:inherit;
|
|
box-shadow:none!important
|
|
}
|
|
.header-big:not(.no-bg) .s-type-list{
|
|
color:#fff
|
|
}
|
|
.s-type:hover .s-type-list.big{
|
|
display:block
|
|
}
|
|
.header-big .s-type-list .anchor{
|
|
background:#888;
|
|
border-radius:100px;
|
|
width:10px;
|
|
height:4px;
|
|
bottom:5px;
|
|
-webkit-transition:.25s;
|
|
transition:.25s
|
|
}
|
|
.header-big:not(.no-bg) .s-type-list .anchor{
|
|
background:#fff
|
|
}
|
|
.header-big .s-type-list label:hover{
|
|
background:none
|
|
}
|
|
.header-big .s-type-list:before{
|
|
display:none
|
|
}
|
|
.header-big .s-type{
|
|
position:inherit;
|
|
top:inherit;
|
|
left:inherit;
|
|
z-index:inherit;
|
|
width:auto
|
|
}
|
|
.header-big .s-type-list label{
|
|
position:relative;
|
|
display:inline-block
|
|
}
|
|
.header-big .s-type-list label span{
|
|
display:block;
|
|
padding:10px 10px
|
|
}
|
|
.header-big .s-type-list label:not(.active)::after{
|
|
content:'';
|
|
height:4px;
|
|
width:4px;
|
|
border-radius:2px;
|
|
position:absolute;
|
|
left:50%;
|
|
bottom:5px;
|
|
margin-left:-2px;
|
|
background-color:rgba(255,255,255,0);
|
|
transition:.3s
|
|
}
|
|
.header-big .s-type-list label:not(.active):hover::after{
|
|
background-color:#fff
|
|
}
|
|
.header-big .s-type-list label:not(.active),.header-big:not(.no-bg) .search-type label{
|
|
opacity:.5;
|
|
transition:opacity .3s
|
|
}
|
|
.header-big .s-type-list label:not(.active):hover,.header-big:not(.no-bg) .search-type label:hover{
|
|
opacity:1
|
|
}
|
|
.header-big .search-type input:checked+label{
|
|
opacity:1
|
|
}
|
|
.header-big #search-text{
|
|
border-radius:50px;
|
|
color:#fff;
|
|
border:1px solid rgba(255,255,255,.05);
|
|
padding:9px 20px;
|
|
-webkit-backdrop-filter:blur(5px);
|
|
backdrop-filter:blur(5px);
|
|
background-color:rgba(0,0,0,.6)!important
|
|
}
|
|
.header-big #search button{
|
|
position:absolute;
|
|
top:0;
|
|
right:0;
|
|
background:transparent;
|
|
border:0!important;
|
|
width:unset;
|
|
height:unset;
|
|
margin:0 9px;
|
|
line-height:50px;
|
|
border-radius:3px
|
|
}
|
|
.header-big #search button:active,.header-big #search button:focus{
|
|
box-shadow:none;
|
|
outline:none;
|
|
border:0!important
|
|
}
|
|
.header-big .canvas-bg{
|
|
position:absolute;
|
|
top:0;
|
|
width:100%;
|
|
height:100%;
|
|
border-width:0
|
|
}
|
|
.header-big:not(.no-bg) .text-muted,.header-big:not(.no-bg) .search-type .menu-item a,.header-big:not(.no-bg) .big-title .h1{
|
|
color:#fff!important
|
|
}
|
|
.header-big.no-bg #search-text{
|
|
color:#fff;
|
|
border:none;
|
|
background-color:rgba(0,0,0,.2)!important
|
|
}
|
|
.header-big.no-bg .search-type input:checked+label:before{
|
|
border-color:rgba(0,0,0,.2) transparent transparent
|
|
}
|
|
.header-big .search-type li.menu-item{
|
|
padding:5px 10px 0px 10px
|
|
}
|
|
@media screen and (min-width:768px){
|
|
.header-big{
|
|
padding-top:110px;
|
|
padding-bottom:110px
|
|
}
|
|
.post-top{
|
|
padding-bottom:180px
|
|
}
|
|
.header-big.no-bg{
|
|
padding-bottom:20px
|
|
}
|
|
.header-big .search-type li label,.header-big .search-type li.menu-item{
|
|
padding:5px 20px
|
|
}
|
|
.header-big .s-type-list label span{
|
|
padding:10px 20px
|
|
}
|
|
}
|
|
@media screen and (min-width:992px){
|
|
.header-big .s-search{
|
|
margin:0
|
|
}
|
|
}
|
|
.io-black-mode .header-big.bg-gradual:before,.io-black-mode .header-big.bg-gradual:after{
|
|
background-image:linear-gradient(to top,#1b1d1f 0%,transparent 80%)
|
|
}
|
|
.io-black-mode .big-header-banner .page-header{
|
|
background:transparent;
|
|
box-shadow:none
|
|
}
|
|
.io-black-mode .big-header-banner.header-bg .page-header{
|
|
color:#fff;
|
|
background:#2c2e2f;
|
|
box-shadow:0 0 25px 5px rgba(10,10,10,.25)
|
|
}
|
|
.media-content{
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
border:0;
|
|
border-radius:inherit;
|
|
background-size:cover;
|
|
background-repeat:no-repeat;
|
|
background-position:50% 50%;
|
|
background-color:rgba(120,120,120,.1)
|
|
}
|
|
.carousel-item.home-item:after{
|
|
content:"";
|
|
display:block;
|
|
padding-top:300px
|
|
}
|
|
.carousel-caption{
|
|
bottom:0;
|
|
padding-top:10px;
|
|
padding-bottom:10px
|
|
}
|
|
.media{
|
|
position:relative;
|
|
display:block;
|
|
overflow:hidden;
|
|
padding:0;
|
|
-ms-flex-negative:0;
|
|
flex-shrink:0;
|
|
border-top-left-radius:inherit;
|
|
border-top-right-radius:inherit
|
|
}
|
|
.media:after{
|
|
content:'';
|
|
display:block;
|
|
padding-top:100%
|
|
}
|
|
.media-title{
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
margin:5px 10px;
|
|
color:#fff
|
|
}
|
|
.new-news{
|
|
height:100%
|
|
}
|
|
.new-news .news_title{
|
|
background-color:rgba(0,0,0,.1);
|
|
padding:8px 10px;
|
|
border-radius:.20rem .20rem 0 0
|
|
}
|
|
.new-news ul{
|
|
overflow:auto;
|
|
padding:0 20px;
|
|
margin-bottom:10px
|
|
}
|
|
.new-news ul li{
|
|
position:relative;
|
|
padding:0 10px 10px 20px;
|
|
border-left:2px solid rgba(136,136,136,.2)
|
|
}
|
|
.new-news ul li i{
|
|
font-size:12px;
|
|
top:3px;
|
|
color:#888;
|
|
position:absolute;
|
|
padding:5px;
|
|
left:-12px;
|
|
background:#fff;
|
|
transition:background-color .3s
|
|
}
|
|
.new-news .news_all_btn{
|
|
position:absolute;
|
|
right:4px;
|
|
padding:8px 10px;
|
|
transition:.3s
|
|
}
|
|
.new-news .news_all_btn:hover{
|
|
right:0px
|
|
}
|
|
@media screen and (min-width:768px){
|
|
.new-news{
|
|
position:absolute;
|
|
left:.5rem;
|
|
right:0
|
|
}
|
|
}
|
|
@media screen and (max-width:767.98px){
|
|
.new-news{
|
|
height:200px
|
|
}
|
|
.big-title .h1{
|
|
font-size:30px
|
|
}
|
|
}
|
|
@media screen and (max-width:575.98px){
|
|
.carousel-item.home-item:after{
|
|
padding-top:250px
|
|
}
|
|
.new-news{
|
|
height:150px
|
|
}
|
|
}
|
|
@media screen and (max-width:454.98px){
|
|
.carousel-item.home-item:after{
|
|
padding-top:180px
|
|
}
|
|
.new-news{
|
|
height:100px
|
|
}
|
|
}
|
|
.overlay{
|
|
width:100%;
|
|
height:100%;
|
|
background-color:rgba(0,0,0,.66);
|
|
position:absolute;
|
|
opacity:.22;
|
|
top:0;
|
|
left:0;
|
|
-webkit-transition:opacity .3s ease-in-out;
|
|
-moz-transition:opacity .3s ease-in-out;
|
|
-o-transition:opacity .3s ease-in-out;
|
|
transition:opacity .3s ease-in-out
|
|
}
|
|
.article-list:after{
|
|
padding-top:146px
|
|
}
|
|
.media-21x9:after{
|
|
padding-top:42.857143%
|
|
}
|
|
.media-16x9:after{
|
|
padding-top:56.25%
|
|
}
|
|
.media-4x3:after{
|
|
padding-top:75%
|
|
}
|
|
.media-2x3:after{
|
|
padding-top:150%
|
|
}
|
|
.media-3x2:after{
|
|
padding-top:66.66666%
|
|
}
|
|
.media-3x4:after{
|
|
padding-top:133.33333%
|
|
}
|
|
.media-1x2:after{
|
|
padding-top:200%
|
|
}
|
|
.media-2x1:after{
|
|
padding-top:50%
|
|
}
|
|
.media-3x1:after{
|
|
padding-top:33.3333%
|
|
}
|
|
.media-4x1:after{
|
|
padding-top:25%
|
|
}
|
|
.media-5x1:after{
|
|
padding-top:20%
|
|
}
|
|
.media-5x7:after{
|
|
padding-top:141%
|
|
}
|
|
.media-1-4:after{
|
|
padding-top:25vh;
|
|
min-height:10rem
|
|
}
|
|
.media-1-3:after{
|
|
padding-top:33vh;
|
|
min-height:12.5rem
|
|
}
|
|
.media-1-2:after{
|
|
padding-top:50vh;
|
|
min-height:15rem
|
|
}
|
|
@media (max-width:767.98px){
|
|
.post-cover .media-5x1:after{
|
|
padding-top:30%
|
|
}
|
|
}
|
|
@media (min-width:1200px){
|
|
.media-xl-16x9:after{
|
|
padding-top:56.25%!important
|
|
}
|
|
.media-xl-3x2:after{
|
|
padding-top:66.66666%!important
|
|
}
|
|
}
|
|
blockquote{
|
|
position:relative;
|
|
padding:.9375rem 0 .9375rem 1.75rem;
|
|
margin:1.5rem 0;
|
|
border-left:5px solid rgba(136,136,136,.2);
|
|
background-color:rgba(136,136,136,.1)
|
|
}
|
|
blockquote p:last-of-type{
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
.tags i{
|
|
color:#f1404b;
|
|
margin-right:10px;
|
|
vertical-align:middle
|
|
}
|
|
.tags a{
|
|
display:inline-block;
|
|
margin:0 6px 12px 0;
|
|
padding:3px 10px;
|
|
color:#6d6d6d;
|
|
font-size:10px;
|
|
transition:.3s;
|
|
background:rgba(148,149,158,.15);
|
|
border-radius:15px
|
|
}
|
|
.color-0{
|
|
color:#F1404B!important;
|
|
background-color:rgba(249,100,90,.15)!important
|
|
}
|
|
.color-1,.color-5{
|
|
color:#20a0ff!important;
|
|
background-color:rgba(32,158,255,.15)!important
|
|
}
|
|
.color-2,.color-6{
|
|
color:#39c408!important;
|
|
background-color:rgba(58,196,8,.15)!important
|
|
}
|
|
.color-3,.color-7{
|
|
color:#ff8400!important;
|
|
background-color:rgba(255,131,0,.15)!important
|
|
}
|
|
.color-4,.color-8{
|
|
color:#837adc!important;
|
|
background-color:rgba(132,122,220,.15)!important
|
|
}
|
|
.color-d{
|
|
color:#888
|
|
}
|
|
.card.new-news li{
|
|
list-style:none
|
|
}
|
|
.tags a:focus,.tags a:hover{
|
|
background-color:#232425!important;
|
|
text-decoration:none;
|
|
color:#fff!important
|
|
}
|
|
pre{
|
|
position:relative;
|
|
overflow-y:auto;
|
|
border:0;
|
|
color:#777;
|
|
border-radius:3px;
|
|
padding:.75rem;
|
|
margin:1.5rem 0;
|
|
white-space:pre-wrap;
|
|
word-wrap:break-word;
|
|
background-color:rgba(0,0,0,.04)
|
|
}
|
|
table{
|
|
width:100%
|
|
}
|
|
th,td{
|
|
border:1px solid rgba(136,136,136,.3);
|
|
padding:8px 12px
|
|
}
|
|
.single-top-area{
|
|
background:#fff
|
|
}
|
|
.near-navigation{
|
|
display:flex;
|
|
background:#fff
|
|
}
|
|
.near-navigation .nav{
|
|
display:flex;
|
|
flex-direction:column;
|
|
justify-content:center;
|
|
min-height:80px;
|
|
padding:0 20px;
|
|
position:relative;
|
|
width:50%;
|
|
word-break:break-word
|
|
}
|
|
.near-navigation .next{
|
|
align-items:flex-end;
|
|
text-align:right;
|
|
border-radius:0 5px 5px 0;
|
|
overflow:hidden
|
|
}
|
|
.near-navigation .previous{
|
|
border-radius:5px 0 0 5px;
|
|
overflow:hidden
|
|
}
|
|
.near-navigation span{
|
|
font-size:14px;
|
|
font-weight:500;
|
|
position:relative;
|
|
text-transform:uppercase;
|
|
z-index:2
|
|
}
|
|
.near-navigation .near-title{
|
|
font-size:12px;
|
|
margin:5px 0 0;
|
|
position:relative;
|
|
z-index:2
|
|
}
|
|
.near-navigation img{
|
|
height:100%;
|
|
left:0;
|
|
-o-object-fit:cover;
|
|
object-fit:cover;
|
|
position:absolute;
|
|
top:0;
|
|
width:100%
|
|
}
|
|
.near-navigation .none span,.near-navigation .none .near-title{
|
|
color:#999
|
|
}
|
|
.panel-header h1{
|
|
line-height:1.5
|
|
}
|
|
.panel-body p,.site-content p,.post-content figure{
|
|
margin-bottom:1.25rem;
|
|
font-size:1rem;
|
|
line-height:2;
|
|
word-wrap:break-word
|
|
}
|
|
.panel-body h1,.panel-body h2,.panel-body h3,.panel-body h4,.panel-body h5,.panel-body h6{
|
|
margin-bottom:1rem
|
|
}
|
|
.panel-body h1{
|
|
font-size:1.5rem
|
|
}
|
|
.panel-body h2{
|
|
font-size:1.25rem;
|
|
border-left:3px solid #f1404b;
|
|
padding:.25rem 0 .25rem 1.25rem;
|
|
margin-left:-1.438rem
|
|
}
|
|
.panel-body h3{
|
|
font-size:1.125rem;
|
|
border-left:3px solid #f1404b;
|
|
padding-left:1.25rem;
|
|
margin-left:-1.438rem
|
|
}
|
|
.panel-body h4{
|
|
font-size:1rem;
|
|
padding-bottom:.5rem;
|
|
border-bottom:1px solid rgba(136,136,136,.2)
|
|
}
|
|
.panel-body h5,.panel-body h6{
|
|
font-size:1rem
|
|
}
|
|
.panel-body ul,.panel-body ol{
|
|
font-size:.875rem
|
|
}
|
|
.panel-body ul li,.panel-body ol li{
|
|
margin:.5rem 0
|
|
}
|
|
.transparent .panel-body h2,.transparent .panel-body h3{
|
|
position:relative;
|
|
margin-left:0
|
|
}
|
|
@media (max-width:767.98px){
|
|
blockquote{
|
|
padding-left:1.25rem
|
|
}
|
|
.panel-body p,.panel-body figure{
|
|
font-size:.9375rem
|
|
}
|
|
.panel-header h3,.panel-header .h3{
|
|
font-size:1.5rem
|
|
}
|
|
}
|
|
.siteico{
|
|
background:#e6e8ed;
|
|
position:relative;
|
|
overflow:hidden;
|
|
box-shadow:0 30px 20px -20px rgba(0,0,0,.15);
|
|
border-radius:10px;
|
|
transition:background-color .3s
|
|
}
|
|
.siteico:before{
|
|
content:'';
|
|
display:block;
|
|
padding-top:100%
|
|
}
|
|
.tool-actions{
|
|
position:absolute;
|
|
left:0;
|
|
bottom:0;
|
|
right:0;
|
|
padding:.625rem 0
|
|
}
|
|
.tool-actions .btn-light{
|
|
color:#424446!important;
|
|
-webkit-backdrop-filter:blur(5px);
|
|
backdrop-filter:blur(5px);
|
|
background-color:rgba(250,250,250,.5)!important;
|
|
border-color:transparent!important
|
|
}
|
|
.tool-actions .btn-light:hover{
|
|
background-color:rgba(255,255,255,.8)!important
|
|
}
|
|
.customize-menu .btn-edit{
|
|
color:#ddd;
|
|
line-height:24px;
|
|
background:#f1404b;
|
|
padding:0 10px;
|
|
margin:5px 0;
|
|
border-radius:50px;
|
|
white-space:nowrap
|
|
}
|
|
.customize-menu .btn-edit:hover{
|
|
color:#fff
|
|
}
|
|
.blur{
|
|
-moz-filter:blur(15px);
|
|
-ms-filter:blur(15px);
|
|
-webkit-filter:blur(15px);
|
|
filter:blur(15px);
|
|
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=15,MakeShadow=false)
|
|
}
|
|
.blur-layer{
|
|
top:0;
|
|
left:0;
|
|
right:0;
|
|
bottom:0;
|
|
position:absolute;
|
|
width:inherit;
|
|
height:inherit;
|
|
opacity:.2
|
|
}
|
|
.img-cover{
|
|
max-width:90%!important;
|
|
min-width:72px!important;
|
|
max-height:90%!important;
|
|
position:absolute;
|
|
top:0;
|
|
bottom:0;
|
|
left:0;
|
|
right:0;
|
|
margin:auto;
|
|
border-radius:6px
|
|
}
|
|
@keyframes rotate{
|
|
0%{
|
|
-webkit-transform:rotate(0deg);
|
|
transform:rotate(0deg)
|
|
}
|
|
to{
|
|
-webkit-transform:rotate(360deg);
|
|
transform:rotate(360deg)
|
|
}
|
|
}
|
|
.site-body .btn-arrow{
|
|
border-radius:6px;
|
|
padding:7px 16px;
|
|
background-color:rgba(138,138,138,.15);
|
|
transition:.3s
|
|
}
|
|
.site-body .btn-arrow:hover{
|
|
color:#fff;
|
|
background:#202224
|
|
}
|
|
.site-body .btn-arrow:active{
|
|
box-shadow:unset
|
|
}
|
|
.site-body .site-go .btn{
|
|
margin-bottom:10px
|
|
}
|
|
.site-go-url{
|
|
position:relative
|
|
}
|
|
.site-go-url .spare-url{
|
|
position:absolute;
|
|
opacity:0;
|
|
visibility:hidden;
|
|
margin-top:0;
|
|
transition:.3s
|
|
}
|
|
.site-go-url .spare-url a{
|
|
white-space:nowrap
|
|
}
|
|
.site-go-url:hover .spare-url{
|
|
opacity:1;
|
|
visibility:visible;
|
|
margin-top:-10px
|
|
}
|
|
.card-post .flex-avatar{
|
|
padding:2px!important
|
|
}
|
|
.card-post .media,.card-book .media{
|
|
box-shadow:0 0 20px -5px rgba(20,20,20,.2);
|
|
-webkit-transition:all .3s ease;
|
|
-moz-transition:all .3s ease;
|
|
-o-transition:all .3s ease;
|
|
transition:all .3s ease
|
|
}
|
|
.card-post:hover .media,.card-book:hover .media{
|
|
transform:translateY(-6px);
|
|
-webkit-transform:translateY(-6px);
|
|
-moz-transform:translateY(-6px);
|
|
box-shadow:0 26px 40px -24px rgba(27,28,31,.3);
|
|
-webkit-box-shadow:0 26px 40px -24px rgba(27,28,31,.3);
|
|
-moz-box-shadow:0 26px 40px -24px rgba(27,28,31,.3)
|
|
}
|
|
.card-post .list-content{
|
|
padding-bottom:.5rem
|
|
}
|
|
.btn-arrow{
|
|
position:relative
|
|
}
|
|
.btn-arrow span{
|
|
padding-right:1.25rem;
|
|
display:inline-block
|
|
}
|
|
.btn-arrow i{
|
|
position:absolute;
|
|
font-size:18px;
|
|
width:.8em;
|
|
right:1rem;
|
|
top:50%;
|
|
opacity:.6;
|
|
-webkit-transform:translateY(-50%);
|
|
-ms-transform:translateY(-50%);
|
|
transform:translateY(-50%);
|
|
-webkit-transition:all 200ms ease-out;
|
|
-o-transition:all 200ms ease-out;
|
|
transition:all 200ms ease-out;
|
|
will-change:right,opacity
|
|
}
|
|
.btn-arrow:hover i,.btn-arrow:focus i{
|
|
opacity:1;
|
|
right:.6rem
|
|
}
|
|
.btn-cat{
|
|
color:#fff!important;
|
|
background:#f1404b;
|
|
font-size:12px;
|
|
padding:2px 5px;
|
|
border-radius:4px;
|
|
transition:.3s
|
|
}
|
|
.btn-cat:hover{
|
|
color:#fff;
|
|
background:#212224
|
|
}
|
|
.btn-icon{
|
|
text-align:center;
|
|
width:3.125rem;
|
|
height:3.125rem;
|
|
padding:0!important;
|
|
position:relative
|
|
}
|
|
.btn-icon span{
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-webkit-box-align:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-webkit-box-pack:center;
|
|
-ms-flex-pack:center;
|
|
justify-content:center
|
|
}
|
|
.country-piece{
|
|
position:absolute;
|
|
color:#fff;
|
|
top:10px;
|
|
right:10px;
|
|
transition:.3s;
|
|
padding:0 5px;
|
|
background:#f1404b;
|
|
border-radius:20px
|
|
}
|
|
.sites-default-content .card-footer{
|
|
background-color:transparent
|
|
}
|
|
.content-title{
|
|
position:relative
|
|
}
|
|
.content-title:before,.content-title:after{
|
|
position:absolute;
|
|
top:50%;
|
|
width:50px;
|
|
height:1px;
|
|
border-top:1px solid;
|
|
content:'';
|
|
border-color:inherit;
|
|
-webkit-transition:all .3s ease;
|
|
-moz-transition:all .3s ease;
|
|
-ms-transition:all .3s ease;
|
|
-o-transition:all .3s ease;
|
|
transition:all .3s ease
|
|
}
|
|
.content-title:before{
|
|
left:-65px
|
|
}
|
|
.content-title:after{
|
|
right:-65px
|
|
}
|
|
@media screen and (max-width:575.98px){
|
|
.siteico:before{
|
|
padding-top:60%
|
|
}
|
|
.card-post .list-content{
|
|
padding-top:.5rem
|
|
}
|
|
}
|
|
.down-content{
|
|
margin-top:120px
|
|
}
|
|
.down-content .card{
|
|
border:0
|
|
}
|
|
.down-content .card .card-header{
|
|
position:relative;
|
|
border-radius:6px;
|
|
padding:.3rem;
|
|
margin:0 15px;
|
|
margin-top:-30px;
|
|
border:0;
|
|
background:linear-gradient(60deg,#f1404b,#f1417c);
|
|
box-shadow:0 5px 20px 0 rgba(0,0,0,.2),0 13px 24px -11px rgba(176,39,62,.6)
|
|
}
|
|
.down-content .card-header-img{
|
|
margin-top:-100px;
|
|
padding:8px;
|
|
width:120px;
|
|
height:120px;
|
|
background:#ffffff;
|
|
transition:background-color .3s
|
|
}
|
|
.down-content .card-signup{
|
|
border-radius:6px;
|
|
margin:0 15px;
|
|
box-shadow:0 16px 24px 2px rgba(0,0,0,.1),0 6px 30px 5px rgba(0,0,0,.08),0 8px 10px -5px rgba(0,0,0,.15)
|
|
}
|
|
.down-content .down-info li{
|
|
margin:5px 0
|
|
}
|
|
.btn-danger{
|
|
color:#fff;
|
|
background-color:#f1404b;
|
|
border-color:transparent
|
|
}
|
|
.btn-danger.focus,.btn-danger:focus,.btn-danger:hover{
|
|
color:#fff;
|
|
box-shadow:0 0 0 0 transparent
|
|
}
|
|
.down-content .apd-right{
|
|
position:relative;
|
|
background:rgba(34,34,34,.05);
|
|
width:100%;
|
|
height:100%;
|
|
border-radius:6px;
|
|
border:2px dashed rgba(0,0,0,.1)
|
|
}
|
|
.down-content .statement{
|
|
position:relative;
|
|
margin:0 -1.25rem;
|
|
border-bottom:2px dashed #eee;
|
|
border-top:2px dashed #eee;
|
|
background:rgba(0,0,0,.01);
|
|
transition:.3s
|
|
}
|
|
.down-content .statement:before{
|
|
content:"";
|
|
position:absolute;
|
|
width:8px;
|
|
height:8px;
|
|
top:5px;
|
|
left:5px;
|
|
border-radius:50%;
|
|
background:#eee;
|
|
box-shadow:0 10px #eee,0 20px #eee;
|
|
transition:.3s
|
|
}
|
|
.down-content .card-nav-tabs:before{
|
|
content:"\e604";
|
|
position:absolute;
|
|
bottom:-3px;
|
|
right:5px;
|
|
font-size:20px;
|
|
color:rgba(129,129,129,.3);
|
|
font-family:"iconfont"
|
|
}
|
|
@media screen and (max-width:767.98px){
|
|
.down-content .card-signup{
|
|
border-radius:6px;
|
|
margin:0 -10px
|
|
}
|
|
.down-content{
|
|
margin-top:90px
|
|
}
|
|
.down-content .card .card-header{
|
|
margin-left:5px;
|
|
margin-right:5px
|
|
}
|
|
.down-content .card-header-img{
|
|
margin-top:-70px;
|
|
padding:6px;
|
|
width:90px;
|
|
height:90px
|
|
}
|
|
}
|
|
.book-info ul{
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
.book-info .info-title{
|
|
display:inline-block;
|
|
width:70px;
|
|
text-align:justify;
|
|
text-justify:distribute-all-lines;
|
|
-moz-text-align-last:justify;
|
|
text-align-last:justify
|
|
}
|
|
.rankings .ranking-tab-body:not(.add-js)>:first-child{
|
|
display:block!important
|
|
}
|
|
.ranking .ranking-tab-button{
|
|
top:0
|
|
}
|
|
.ranking .ranking-title{
|
|
padding-top:12px
|
|
}
|
|
.ranking .tab-button{
|
|
border-left:1px solid rgba(136,136,136,.1);
|
|
padding:14px 11px
|
|
}
|
|
.ranking .tab-button:hover,.ranking .tab-button.active{
|
|
background:rgba(136,136,136,.1)
|
|
}
|
|
.empty-list{
|
|
align-items:center;
|
|
justify-content:center;
|
|
flex:1 1 auto;
|
|
display:flex
|
|
}
|
|
.empty-list i{
|
|
font-size:56px;
|
|
opacity:.5
|
|
}
|
|
@media (max-width:767.98px){
|
|
.ranking-tabs .card{
|
|
border-radius:0 0 .25rem .25rem
|
|
}
|
|
.ranking-tab-body .tab-title{
|
|
visibility:hidden
|
|
}
|
|
}
|
|
.v-avatar{
|
|
width:32px;
|
|
height:32px
|
|
}
|
|
.profile img{
|
|
width:48px;
|
|
height:48px;
|
|
border-radius:50%
|
|
}
|
|
.children .profile img{
|
|
width:40px;
|
|
height:40px;
|
|
border-radius:50%
|
|
}
|
|
.comment-list .comment-text{
|
|
border-bottom:1px solid rgba(135,135,135,.15);
|
|
padding-bottom:1rem;
|
|
margin-bottom:1rem
|
|
}
|
|
.comment-list .children .comment_body,.comment-list .children .comment-respond{
|
|
margin-left:3.875rem;
|
|
padding:0 0 1rem
|
|
}
|
|
.comment-list>.comment>.children .comment:last-child .comment-text{
|
|
border-bottom:1px solid rgba(135,135,135,.15);
|
|
padding-bottom:1rem;
|
|
margin-bottom:0
|
|
}
|
|
.comment-list>.comment:last-child .comment-text{
|
|
border:0;
|
|
padding-bottom:0
|
|
}
|
|
.not-comment,.commclose{
|
|
background-color:rgba(136,161,199,.3)!important
|
|
}
|
|
.comment-list .is-author{
|
|
opacity:.5;
|
|
cursor:pointer;
|
|
transition:opacity .3s
|
|
}
|
|
.comment-list .rank{
|
|
position:relative;
|
|
color:#fff;
|
|
cursor:pointer;
|
|
font-size:.75rem;
|
|
padding:1px 8px;
|
|
margin:0 4px;
|
|
background:#f1404b;
|
|
border-radius:6px;
|
|
transition:opacity .3s
|
|
}
|
|
.comment-list .rank:after{
|
|
content:"";
|
|
position:absolute;
|
|
width:8px;
|
|
height:4px;
|
|
top:50%;
|
|
margin-top:-2px;
|
|
left:-4px;
|
|
border-radius:2px;
|
|
background:#ffae00
|
|
}
|
|
.comment-list .rank:before{
|
|
content:"";
|
|
position:absolute;
|
|
width:5px;
|
|
height:5px;
|
|
top:50%;
|
|
margin-top:-2.5px;
|
|
left:0px;
|
|
border-radius:3px;
|
|
background:#fff
|
|
}
|
|
.comment-list .rank:hover{
|
|
color:#fff
|
|
}
|
|
.comment-list .is-author:hover{
|
|
opacity:1
|
|
}
|
|
.comment-form .comment-form-cookies-consent label{
|
|
display:inline
|
|
}
|
|
input[type="radio"] + label,input[type="checkbox"] + label{
|
|
font-weight:400
|
|
}
|
|
.form-submit{
|
|
text-align:right
|
|
}
|
|
.comment-list,.comment-list .children{
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
.comment-body{
|
|
color:#333;
|
|
margin-bottom:4em
|
|
}
|
|
.comment-body{
|
|
margin-left:65px
|
|
}
|
|
.comment-author{
|
|
margin-bottom:.4em;
|
|
position:relative;
|
|
z-index:2
|
|
}
|
|
.comment-author .avatar{
|
|
height:50px;
|
|
left:-65px;
|
|
position:absolute;
|
|
width:50px
|
|
}
|
|
.comment-metadata{
|
|
color:#767676;
|
|
font-weight:800;
|
|
letter-spacing:.1818em;
|
|
text-transform:uppercase
|
|
}
|
|
.comment-reply-link{
|
|
font-weight:800;
|
|
position:relative
|
|
}
|
|
.btn-home{
|
|
color:#fff;
|
|
background:#f1404b;
|
|
padding:10px 30px;
|
|
transition:.3s
|
|
}
|
|
.btn-home:hover{
|
|
color:#fff;
|
|
background:#333
|
|
}
|
|
.iconfont{
|
|
display:inline-block;
|
|
font-size:inherit;
|
|
font-variant:normal;
|
|
text-rendering:auto;
|
|
line-height:1
|
|
}
|
|
.icon-lg{
|
|
font-size:1.333rem;
|
|
line-height:1.333rem;
|
|
vertical-align:-.0667em
|
|
}
|
|
.icon-2x{
|
|
font-size:2rem
|
|
}
|
|
.icon-3x{
|
|
font-size:3rem
|
|
}
|
|
.icon-4x{
|
|
font-size:4rem
|
|
}
|
|
.icon-5x{
|
|
font-size:5rem
|
|
}
|
|
.icon-8x{
|
|
font-size:8rem
|
|
}
|
|
.icon-fw{
|
|
text-align:center;
|
|
width:1.25em
|
|
}
|
|
.icon-spin{
|
|
-webkit-animation:icon-spin 2s infinite linear;
|
|
animation:icon-spin 2s infinite linear
|
|
}
|
|
.hot-card .hot-body{
|
|
height:200px
|
|
}
|
|
.hot-card .hot-heat{
|
|
white-space:nowrap
|
|
}
|
|
.hot-card ul{
|
|
margin:0;
|
|
padding:0;
|
|
list-style-type:none
|
|
}
|
|
.hot-rank{
|
|
width:18px;
|
|
border-radius:4px;
|
|
background:rgba(124,124,124,.3);
|
|
display:inline-block
|
|
}
|
|
.hot-rank-1{
|
|
color:#fff;
|
|
background:#f1404b
|
|
}
|
|
.hot-rank-2{
|
|
color:#fff;
|
|
background:#c56831
|
|
}
|
|
.hot-rank-3{
|
|
color:#fff;
|
|
background:#b89e2c
|
|
}
|
|
.hot-platform span{
|
|
margin:0 5px;
|
|
white-space:nowrap
|
|
}
|
|
.hot-platform{
|
|
border-radius:4px;
|
|
display:inline-table;
|
|
background:rgba(77,77,77,.3)
|
|
}
|
|
.background-fx{
|
|
position:absolute;
|
|
left:60px;
|
|
right:0;
|
|
height:100vh;
|
|
top:0;
|
|
overflow:hidden;
|
|
opacity:1;
|
|
z-index:-1
|
|
}
|
|
.shape-01{
|
|
position:absolute;
|
|
top:11%;
|
|
right:42%;
|
|
-webkit-animation:animationFramesTwo 13s linear infinite;
|
|
animation:animationFramesTwo 13s linear infinite
|
|
}
|
|
.shape-02{
|
|
position:absolute;
|
|
top:27%;
|
|
left:17%;
|
|
-webkit-animation:animationFramesFour 25s linear infinite alternate;
|
|
animation:animationFramesFour 25s linear infinite alternate
|
|
}
|
|
.shape-03{
|
|
position:absolute;
|
|
top:30%;
|
|
left:50%;
|
|
-webkit-animation:animationFramesThree 35s linear infinite alternate;
|
|
animation:animationFramesThree 35s linear infinite alternate
|
|
}
|
|
.shape-04{
|
|
position:absolute;
|
|
top:40%;
|
|
right:23%;
|
|
-webkit-animation:animationFramesFour 20s linear infinite alternate;
|
|
animation:animationFramesFour 20s linear infinite alternate
|
|
}
|
|
.shape-05{
|
|
position:absolute;
|
|
bottom:62%;
|
|
right:28%;
|
|
-webkit-animation:animationFramesOne 15s linear infinite;
|
|
animation:animationFramesOne 15s linear infinite
|
|
}
|
|
.shape-06{
|
|
position:absolute;
|
|
bottom:73%;
|
|
left:38%;
|
|
-webkit-animation:animationFramesFour 20s linear infinite alternate;
|
|
animation:animationFramesFour 20s linear infinite alternate
|
|
}
|
|
.shape-07{
|
|
position:absolute;
|
|
left:14%;
|
|
bottom:54%;
|
|
-webkit-animation:animationFramesOne 17s linear infinite;
|
|
animation:animationFramesOne 17s linear infinite
|
|
}
|
|
.shape-08{
|
|
position:absolute;
|
|
left:14%;
|
|
top:60%;
|
|
-webkit-animation:animationFramesOne 20s linear infinite alternate;
|
|
animation:animationFramesOne 20s linear infinite alternate
|
|
}
|
|
.shape-09{
|
|
position:absolute;
|
|
top:22%;
|
|
left:41%;
|
|
-webkit-animation:animationFramesOne 15s linear infinite;
|
|
animation:animationFramesOne 15s linear infinite
|
|
}
|
|
.shape-10{
|
|
position:absolute;
|
|
top:8%;
|
|
right:6%;
|
|
-webkit-animation:animationFramesOne 15s linear infinite;
|
|
animation:animationFramesOne 15s linear infinite
|
|
}
|
|
.shape-11{
|
|
position:absolute;
|
|
top:10%;
|
|
right:8%;
|
|
-webkit-animation:animationFramesOne 12s linear infinite;
|
|
animation:animationFramesOne 12s linear infinite
|
|
}
|
|
@keyframes animationFramesOne{
|
|
0%{
|
|
transform:translate(0) rotate(0deg)
|
|
}
|
|
20%{
|
|
transform:translate(73px,-1px) rotate(36deg)
|
|
}
|
|
40%{
|
|
transform:translate(141px,72px) rotate(72deg)
|
|
}
|
|
60%{
|
|
transform:translate(83px,122px) rotate(108deg)
|
|
}
|
|
80%{
|
|
transform:translate(-40px,72px) rotate(144deg)
|
|
}
|
|
to{
|
|
transform:translate(0) rotate(0deg)
|
|
}
|
|
}
|
|
@-webkit-keyframes animationFramesOne{
|
|
0%{
|
|
-webkit-transform:translate(0) rotate(0deg)
|
|
}
|
|
20%{
|
|
-webkit-transform:translate(73px,-1px) rotate(36deg)
|
|
}
|
|
40%{
|
|
-webkit-transform:translate(141px,72px) rotate(72deg)
|
|
}
|
|
60%{
|
|
-webkit-transform:translate(83px,122px) rotate(108deg)
|
|
}
|
|
80%{
|
|
-webkit-transform:translate(-40px,72px) rotate(144deg)
|
|
}
|
|
to{
|
|
-webkit-transform:translate(0) rotate(0deg)
|
|
}
|
|
}
|
|
@keyframes animationFramesTwo{
|
|
0%{
|
|
transform:translate(0) rotate(0deg) scale(1)
|
|
}
|
|
20%{
|
|
transform:translate(73px,-1px) rotate(36deg) scale(.9)
|
|
}
|
|
40%{
|
|
transform:translate(141px,72px) rotate(72deg) scale(1)
|
|
}
|
|
60%{
|
|
transform:translate(83px,122px) rotate(108deg) scale(1.2)
|
|
}
|
|
80%{
|
|
transform:translate(-40px,72px) rotate(144deg) scale(1.1)
|
|
}
|
|
to{
|
|
transform:translate(0) rotate(0deg) scale(1)
|
|
}
|
|
}
|
|
@-webkit-keyframes animationFramesTwo{
|
|
0%{
|
|
-webkit-transform:translate(0) rotate(0deg) scale(1)
|
|
}
|
|
20%{
|
|
-webkit-transform:translate(73px,-1px) rotate(36deg) scale(.9)
|
|
}
|
|
40%{
|
|
-webkit-transform:translate(141px,72px) rotate(72deg) scale(1)
|
|
}
|
|
60%{
|
|
-webkit-transform:translate(83px,122px) rotate(108deg) scale(1.2)
|
|
}
|
|
80%{
|
|
-webkit-transform:translate(-40px,72px) rotate(144deg) scale(1.1)
|
|
}
|
|
to{
|
|
-webkit-transform:translate(0) rotate(0deg) scale(1)
|
|
}
|
|
}
|
|
@keyframes animationFramesThree{
|
|
0%{
|
|
transform:translate(165px,-179px)
|
|
}
|
|
to{
|
|
transform:translate(-346px,617px)
|
|
}
|
|
}
|
|
@-webkit-keyframes animationFramesThree{
|
|
0%{
|
|
-webkit-transform:translate(165px,-179px)
|
|
}
|
|
to{
|
|
-webkit-transform:translate(-346px,617px)
|
|
}
|
|
}
|
|
@keyframes animationFramesFour{
|
|
0%{
|
|
transform:translate(-300px,151px) rotate(0deg)
|
|
}
|
|
to{
|
|
transform:translate(251px,-200px) rotate(180deg)
|
|
}
|
|
}
|
|
@-webkit-keyframes animationFramesFour{
|
|
0%{
|
|
-webkit-transform:translate(-300px,151px) rotate(0deg)
|
|
}
|
|
to{
|
|
-webkit-transform:translate(251px,-200px) rotate(180deg)
|
|
}
|
|
}
|
|
@media screen and (max-width:1199.98px){
|
|
.hot-search{
|
|
min-width:1164px
|
|
}
|
|
}
|
|
@media screen and (max-width:575.98px){
|
|
.shape-10{
|
|
right:12%;
|
|
width:100px
|
|
}
|
|
.shape-11{
|
|
right:14%;
|
|
width:100px
|
|
}
|
|
.comment-list .children .comment_body,.comment-list .children .comment-respond{
|
|
margin-left:1.875rem
|
|
}
|
|
}
|
|
@-webkit-keyframes icon-spin{
|
|
0%{
|
|
-webkit-transform:rotate(0deg);
|
|
transform:rotate(0deg)
|
|
}
|
|
100%{
|
|
-webkit-transform:rotate(359deg);
|
|
transform:rotate(359deg)
|
|
}
|
|
}
|
|
@keyframes icon-spin{
|
|
0%{
|
|
-webkit-transform:rotate(0deg);
|
|
transform:rotate(0deg)
|
|
}
|
|
100%{
|
|
-webkit-transform:rotate(359deg);
|
|
transform:rotate(359deg)
|
|
}
|
|
}
|
|
.user-bg{
|
|
height:269px;
|
|
margin-top:-75px;
|
|
position:relative;
|
|
background-color:rgba(5,15,25,.2);
|
|
background-repeat:no-repeat;
|
|
background-size:cover;
|
|
background-position:center center
|
|
}
|
|
.user-bg::before{
|
|
content:"";
|
|
position:absolute;
|
|
left:0;
|
|
height:240px;
|
|
right:0;
|
|
bottom:0;
|
|
background-image:linear-gradient(to top,#000000 0%,transparent 60%);
|
|
transition:.3s
|
|
}
|
|
.user-area .avatar-body{
|
|
display:inline-block;
|
|
min-height:112px;
|
|
min-width:112px
|
|
}
|
|
.user-area img{
|
|
max-width:100%
|
|
}
|
|
.bg-white,.border-light{
|
|
transition:.3s
|
|
}
|
|
.border-2w{
|
|
border-width:2px!important
|
|
}
|
|
.user-area .user-menu{
|
|
margin-top:-169px
|
|
}
|
|
.user-area .card-menu{
|
|
margin-top:60px
|
|
}
|
|
.user-area .author-avatar{
|
|
margin-top:-75px
|
|
}
|
|
.user-area ul{
|
|
list-style:none;
|
|
padding:0;
|
|
margin:0;
|
|
width:100%
|
|
}
|
|
.user-nav li .user-tab{
|
|
padding:8px 0;
|
|
display:block;
|
|
border-radius:4px
|
|
}
|
|
.user-nav li .user-tab.active{
|
|
background-color:rgba(136,136,136,.1)
|
|
}
|
|
.user-area .local-avatar-label svg{
|
|
display:none;
|
|
width:38px;
|
|
height:38px;
|
|
position:absolute;
|
|
top:0;
|
|
left:0;
|
|
color:#fff;
|
|
background:rgba(0,0,0,.2);
|
|
border-radius:50%;
|
|
transform-origin:50% 50% 0;
|
|
fill:rgba(255,255,255,.65);
|
|
cursor:pointer
|
|
}
|
|
.user-area .local-avatar-label:hover svg{
|
|
display:block
|
|
}
|
|
.user-area .avatar-picker{
|
|
display:inline-block;
|
|
width:38px;
|
|
height:38px;
|
|
position:absolute;
|
|
left:0;
|
|
top:0;
|
|
cursor:pointer
|
|
}
|
|
.user-area .avatar-picker input,.user-area .cover-picker input{
|
|
border:1px solid #eee;
|
|
border-radius:5px
|
|
}
|
|
.user-area .user-cover{
|
|
position:relative
|
|
}
|
|
.user-area .io-cover-picker{
|
|
display:inline-block;
|
|
width:25px;
|
|
height:25px;
|
|
position:absolute;
|
|
right:2px;
|
|
top:2px;
|
|
border-radius:20px;
|
|
background-color:rgba(0,0,0,.1);
|
|
cursor:pointer
|
|
}
|
|
.user-area .cover-picker::after{
|
|
content:'\e634';
|
|
color:#fff;
|
|
font-family:"iconfont";
|
|
position:absolute;
|
|
font-size:24px;
|
|
line-height:24px;
|
|
opacity:.6
|
|
}
|
|
.user-area .cover-picker:hover:after{
|
|
opacity:1
|
|
}
|
|
.user-area .author-meta-r{
|
|
margin-top:-110px
|
|
}
|
|
.empty-content{
|
|
font-size:169px;
|
|
opacity:.3
|
|
}
|
|
.terms-placeholder{
|
|
border:2px dashed #4ecdff;
|
|
background-color:transparent;
|
|
min-height:42px
|
|
}
|
|
.admin-sites .overflow-auto{
|
|
max-height:300px
|
|
}
|
|
.manage-sites .sites-card,.sites-placeholder,.admin-sites .sites-card{
|
|
padding:6px 8px;
|
|
background-color:#eee
|
|
}
|
|
.manage-sites .sites-card:not(.add){
|
|
cursor:move;
|
|
transition:box-shadow .3s
|
|
}
|
|
.sites-placeholder{
|
|
border:2px dashed #4ecdff;
|
|
background-color:transparent
|
|
}
|
|
.manage-sites .sites-card:not(.add):hover,.admin-sites .sites-card:hover{
|
|
box-shadow:0 6px 10px rgba(0,0,0,.15)
|
|
}
|
|
.sites-hover .nav-link{
|
|
background-color:rgba(136,136,136,.15)
|
|
}
|
|
input.nav-link{
|
|
display:block;
|
|
width:100%;
|
|
color:#495057;
|
|
background-color:transparent;
|
|
background-clip:padding-box;
|
|
border:1px solid #ced4da;
|
|
border-radius:.25rem;
|
|
transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
|
|
}
|
|
input.nav-link::-ms-expand{
|
|
background-color:transparent;
|
|
border:0
|
|
}
|
|
input.nav-link:-moz-focusring{
|
|
color:transparent;
|
|
text-shadow:0 0 0 #495057
|
|
}
|
|
input.nav-link:focus{
|
|
color:#495057;
|
|
background-color:transparent;
|
|
border-color:#80bdff;
|
|
outline:0;
|
|
box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
|
|
}
|
|
input.nav-link::-webkit-input-placeholder{
|
|
color:#6c757d;
|
|
opacity:1
|
|
}
|
|
input.nav-link::-moz-placeholder{
|
|
color:#6c757d;
|
|
opacity:1
|
|
}
|
|
input.nav-link:-ms-input-placeholder{
|
|
color:#6c757d;
|
|
opacity:1
|
|
}
|
|
input.nav-link::-ms-input-placeholder{
|
|
color:#6c757d;
|
|
opacity:1
|
|
}
|
|
input.nav-link::placeholder{
|
|
color:#6c757d;
|
|
opacity:1
|
|
}
|
|
input.nav-link:disabled,input.nav-link[readonly]{
|
|
background-color:transparent;
|
|
opacity:1
|
|
}
|
|
.sites-card .dropdown-menu{
|
|
min-width:320px
|
|
}
|
|
.nav-pills.sites-nav .nav-link{
|
|
border:1px solid rgba(136,136,136,.1)
|
|
}
|
|
.nav-pills.sites-nav .nav-link.active,.nav-pills.sites-nav .show>.nav-link{
|
|
background-color:#f1404b;
|
|
box-shadow:0px 5px 20px -3px rgba(241,64,75,.6)
|
|
}
|
|
.sites-li{
|
|
position:relative
|
|
}
|
|
.sites-li .sites-setting{
|
|
position:absolute;
|
|
top:9px;
|
|
right:5px;
|
|
opacity:0;
|
|
transition:opacity .3s
|
|
}
|
|
.sites-li.admin-li .sites-setting{
|
|
top:15px
|
|
}
|
|
.tab-pane .sites-li .sites-setting{
|
|
top:6px
|
|
}
|
|
.sites-li:hover .sites-setting{
|
|
opacity:1
|
|
}
|
|
.sites-li .active:not(.d-none)+.change-terms-name+.sites-setting a{
|
|
color:#fff
|
|
}
|
|
.notifications-list li{
|
|
position:relative
|
|
}
|
|
.notifications-list li .notifi-time{
|
|
position:absolute;
|
|
top:-18px;
|
|
left:0
|
|
}
|
|
.drag-add-bookmarks{
|
|
border:2px dashed rgb(235,34,34);
|
|
opacity:.8
|
|
}
|
|
#add-new-sites button.close{
|
|
text-shadow:none
|
|
}
|
|
#add-new-sites button.close:focus{
|
|
outline:none
|
|
}
|
|
.list-author-data li{
|
|
padding:2px 0
|
|
}
|
|
.author-set-left,.author-set-right{
|
|
display:inline-block;
|
|
vertical-align:top
|
|
}
|
|
.author-set-left{
|
|
width:20%;
|
|
margin-right:20px;
|
|
text-align:right;
|
|
padding-top:6px
|
|
}
|
|
.author-set-right{
|
|
width:calc(80% - 25px);
|
|
overflow:hidden
|
|
}
|
|
@media screen and (min-width:768px){
|
|
.sites-card .dropdown-menu{
|
|
min-width:450px
|
|
}
|
|
.admin-sites .overflow-auto{
|
|
max-height:750px
|
|
}
|
|
}
|
|
.show_ico{
|
|
float:left;
|
|
width:64px;
|
|
height:64px;
|
|
line-height:60px;
|
|
padding:2px;
|
|
cursor:pointer
|
|
}
|
|
.show_ico .remove-ico{
|
|
position:absolute;
|
|
cursor:pointer;
|
|
top:1px;
|
|
right:1px;
|
|
font-size:20px;
|
|
z-index:1;
|
|
display:block;
|
|
width:24px;
|
|
height:24px;
|
|
line-height:24px;
|
|
background:rgba(34,34,34,.5);
|
|
border-radius:50%
|
|
}
|
|
.wechat .show_ico .remove-ico{
|
|
font-size:25px;
|
|
width:29px;
|
|
height:29px;
|
|
line-height:29px
|
|
}
|
|
.show_ico .remove-ico:hover{
|
|
color:#f1404b
|
|
}
|
|
.upload_img{
|
|
position:relative;
|
|
display:table;
|
|
color:white;
|
|
background-color:rgba(136,136,136,.1);
|
|
overflow:hidden;
|
|
cursor:pointer;
|
|
text-align:center;
|
|
vertical-align:center;
|
|
border-radius:5px;
|
|
transition:.3s
|
|
}
|
|
.wechat .show_ico{
|
|
width:138px;
|
|
height:138px;
|
|
line-height:128px
|
|
}
|
|
.upload_img:not(.disabled):hover{
|
|
background:#222324
|
|
}
|
|
.upload_img input{
|
|
position:absolute;
|
|
cursor:pointer;
|
|
opacity:0;
|
|
left:0;
|
|
right:0;
|
|
top:0;
|
|
bottom:0
|
|
}
|
|
.postform{
|
|
margin:5px
|
|
}
|
|
.tougao-form img{
|
|
max-width:100%
|
|
}
|
|
#alert_placeholder .alert{
|
|
display:inline-block
|
|
}
|
|
#tougaocategorg{
|
|
padding-left:8px
|
|
}
|
|
.slider_menu[sliderTab]{
|
|
position:relative;
|
|
background:rgba(0,0,0,.1);
|
|
border-radius:50px;
|
|
border:3px solid transparent;
|
|
overflow:hidden;
|
|
-webkit-transform:rotate(0deg);
|
|
-ms-transform:rotate(0deg);
|
|
transform:rotate(0deg)
|
|
}
|
|
.slider_menu[sliderTab]>.menu{
|
|
position:relative;
|
|
white-space:nowrap;
|
|
flex-wrap:initial
|
|
}
|
|
.slider_menu[sliderTab] .anchor{
|
|
background:#f1404b;
|
|
border-radius:100px;
|
|
width:60px;
|
|
height:40px;
|
|
opacity:0;
|
|
-webkit-transition:.35s;
|
|
transition:.35s
|
|
}
|
|
.slider_menu[sliderTab]>.menu>li{
|
|
cursor:pointer;
|
|
width:auto;
|
|
height:auto
|
|
}
|
|
.slider_menu[sliderTab]>.menu>li.next,.slider_menu[sliderTab]>.menu>li.prev,.slider_menu[sliderTab]>.menu>li>.sub-menu{
|
|
display:none
|
|
}
|
|
.slider_menu[sliderTab]>.menu>li>a{
|
|
display:block;
|
|
text-decoration:none;
|
|
position:relative;
|
|
color:#888;
|
|
height:40px;
|
|
line-height:40px;
|
|
text-align:center;
|
|
font-size:14px;
|
|
padding:0 16px;
|
|
-webkit-transition:.25s;
|
|
transition:.25s
|
|
}
|
|
.slider_menu[sliderTab]>.menu>li>a:hover{
|
|
color:#fff
|
|
}
|
|
.slider_menu[sliderTab]>.menu>li>a.active{
|
|
color:#fff
|
|
}
|
|
.slider_menu[sliderTab] ul:hover li:not(.hover) a.active{
|
|
color:#888!important
|
|
}
|
|
.slider_menu.mini_tab[sliderTab]>.menu>li>a{
|
|
height:28px;
|
|
line-height:28px;
|
|
padding:0 12px
|
|
}
|
|
.nav-pills.menu .nav-link.active,.nav-pills.menu .show>.nav-link{
|
|
background:none
|
|
}
|
|
.io-bomb,.io-bomb-overlay{
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0
|
|
}
|
|
.io-bomb{
|
|
position:fixed;
|
|
display:-webkit-flex;
|
|
display:flex;
|
|
-webkit-align-items:center;
|
|
align-items:center;
|
|
-webkit-justify-content:center;
|
|
justify-content:center;
|
|
pointer-events:none
|
|
}
|
|
.io-bomb{
|
|
z-index:1099
|
|
}
|
|
.io-bomb.tips-success i{
|
|
color:#28a745
|
|
}
|
|
.io-bomb.tips-error i{
|
|
color:#ffc107
|
|
}
|
|
.io-bomb-overlay{
|
|
position:absolute;
|
|
background:rgba(10,10,10,.4);
|
|
opacity:0;
|
|
-webkit-transition:opacity .3s;
|
|
transition:opacity .3s;
|
|
-webkit-backface-visibility:hidden;
|
|
backface-visibility:hidden;
|
|
-webkit-transition-duration:.3s;
|
|
transition-duration:.3s
|
|
}
|
|
.io-bomb-open .io-bomb-overlay{
|
|
opacity:1;
|
|
pointer-events:auto
|
|
}
|
|
.io-bomb-open .io-bomb-overlay{
|
|
-webkit-backdrop-filter:blur(10px);
|
|
backdrop-filter:blur(10px)
|
|
}
|
|
.io-bomb-body{
|
|
position:relative;
|
|
opacity:0;
|
|
max-width:340px;
|
|
width:100%
|
|
}
|
|
.io-bomb-open .io-bomb-body{
|
|
pointer-events:auto
|
|
}
|
|
.io-bomb-xl .io-bomb-body{
|
|
width:100%;
|
|
max-width:790px
|
|
}
|
|
.io-bomb-lg .io-bomb-body{
|
|
width:100%;
|
|
max-width:790px
|
|
}
|
|
.io-bomb-md .io-bomb-body{
|
|
max-width:340px;
|
|
width:100%
|
|
}
|
|
.io-bomb-sm .io-bomb-body{
|
|
max-width:300px;
|
|
width:auto
|
|
}
|
|
.io-bomb-reward .io-bomb-body{
|
|
max-width:270px
|
|
}
|
|
.io-bomb-content{
|
|
position:relative;
|
|
padding:1.25rem;
|
|
overflow:hidden;
|
|
border-radius:6px;
|
|
box-shadow:0 10px 50px -5px rgba(6,39,67,.12);
|
|
transition:.3s
|
|
}
|
|
.io-bomb-xl .io-bomb-content{
|
|
padding:0;
|
|
border:0
|
|
}
|
|
.io-bomb-lg .io-bomb-content{
|
|
padding:0;
|
|
border:0;
|
|
border-radius:0
|
|
}
|
|
.io-bomb-sm .io-bomb-content{
|
|
padding:2rem;
|
|
padding:1.75rem 2.5rem
|
|
}
|
|
.io-bomb-nopd .io-bomb-content{
|
|
padding:0;
|
|
border:0
|
|
}
|
|
.io-popup-tips-content{
|
|
overflow-y:auto;
|
|
max-height:580px
|
|
}
|
|
@media (max-width:991.98px){
|
|
.io-bomb-xl .io-bomb-body{
|
|
height:100%
|
|
}
|
|
.io-bomb-xl .io-bomb-body .io-bomb-content{
|
|
box-shadow:none;
|
|
border-radius:0;
|
|
height:100%
|
|
}
|
|
}
|
|
.io-bomb-content .text-success i{
|
|
color:#28a745
|
|
}
|
|
.io-bomb-content .text-danger i{
|
|
color:#ffc107
|
|
}
|
|
.io-bomb-content img{
|
|
width:100%;
|
|
height:auto
|
|
}
|
|
.btn-close-bomb i{
|
|
cursor:pointer;
|
|
font-size:1.75rem;
|
|
color:#fff;
|
|
transition:.3s
|
|
}
|
|
.btn-close-bomb i:hover{
|
|
color:#F1404B
|
|
}
|
|
.io-bomb.io-bomb-open .io-bomb-body,.io-bomb.io-bomb-close .io-bomb-body{
|
|
-webkit-animation-duration:.3s;
|
|
animation-duration:.3s;
|
|
-webkit-animation-fill-mode:forwards;
|
|
animation-fill-mode:forwards
|
|
}
|
|
.io-bomb.io-bomb-open .io-bomb-body{
|
|
-webkit-animation-name:tips-open;
|
|
animation-name:tips-open
|
|
}
|
|
.io-bomb.io-bomb-close .io-bomb-body{
|
|
-webkit-animation-name:tips-close;
|
|
animation-name:tips-close
|
|
}
|
|
@-webkit-keyframes tips-open{
|
|
0%{
|
|
opacity:0;
|
|
-webkit-transform:translate3d(0,50px,0)
|
|
}
|
|
100%{
|
|
opacity:1;
|
|
-webkit-transform:translate3d(0,0,0)
|
|
}
|
|
}
|
|
@keyframes tips-open{
|
|
0%{
|
|
opacity:0;
|
|
-webkit-transform:translate3d(0,50px,0);
|
|
transform:translate3d(0,50px,0)
|
|
}
|
|
100%{
|
|
opacity:1;
|
|
-webkit-transform:translate3d(0,0,0);
|
|
transform:translate3d(0,0,0)
|
|
}
|
|
}
|
|
@-webkit-keyframes tips-close{
|
|
0%{
|
|
opacity:1;
|
|
-webkit-transform:translate3d(0,0,0)
|
|
}
|
|
100%{
|
|
opacity:0;
|
|
-webkit-transform:translate3d(0,50px,0)
|
|
}
|
|
}
|
|
@keyframes tips-close{
|
|
0%{
|
|
opacity:1;
|
|
-webkit-transform:translate3d(0,0,0);
|
|
transform:translate3d(0,0,0)
|
|
}
|
|
100%{
|
|
opacity:0;
|
|
-webkit-transform:translate3d(0,50px,0);
|
|
transform:translate3d(0,50px,0)
|
|
}
|
|
}
|
|
.sidebar .card-header{
|
|
position:relative;
|
|
background-color:transparent;
|
|
border-bottom:none
|
|
}
|
|
.sidebar .sidebar-header .load{
|
|
padding:.75rem 1.25rem;
|
|
margin-bottom:0
|
|
}
|
|
.sidebar .card-header:after{
|
|
content:"";
|
|
background-color:#f1404b;
|
|
left:1.25rem;
|
|
width:50px;
|
|
height:2px;
|
|
bottom:-2px;
|
|
position:absolute;
|
|
-webkit-transition:.5s;
|
|
-moz-transition:.5s;
|
|
-ms-transition:.5s;
|
|
-o-transition:.5s;
|
|
transition:.5s
|
|
}
|
|
.sidebar .card:hover .card-header:after{
|
|
width:80px
|
|
}
|
|
.sidebar .tags a{
|
|
display:inline-block;
|
|
margin:4px 2px;
|
|
font-size:12px;
|
|
background:rgba(148,149,158,.15);
|
|
border-radius:5px
|
|
}
|
|
.sidebar .card .searchform{
|
|
flex:1 1 auto;
|
|
padding:1.25rem
|
|
}
|
|
.sidebar .card .searchform>div{
|
|
position:relative;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
-ms-flex-align:stretch;
|
|
align-items:stretch;
|
|
width:100%
|
|
}
|
|
.sidebar .card .searchform input[type='text']{
|
|
position:relative;
|
|
display:block;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto;
|
|
width:1%;
|
|
padding:.375rem .75rem;
|
|
margin-bottom:0;
|
|
font-size:.875rem;
|
|
font-weight:400;
|
|
line-height:1.5;
|
|
color:#6d6e74;
|
|
background-color:#f1f3f6;
|
|
background-clip:padding-box;
|
|
border:1px solid #f1f3f6;
|
|
border-radius:.25rem;
|
|
transition:border-color .3s,background-color .3s;
|
|
border-top-right-radius:0;
|
|
border-bottom-right-radius:0
|
|
}
|
|
.sidebar .card .searchform input[type="submit"]{
|
|
margin-left:-1px;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
padding:.375rem 1.25rem;
|
|
margin-bottom:0;
|
|
font-size:.875rem;
|
|
font-weight:400;
|
|
line-height:1.5;
|
|
color:#fff;
|
|
text-align:center;
|
|
white-space:nowrap;
|
|
border:1px solid #f1404b;
|
|
background-color:#f1404b;
|
|
border-radius:.25rem;
|
|
border-top-left-radius:0;
|
|
border-bottom-left-radius:0;
|
|
transition:.3s
|
|
}
|
|
.sidebar .card .searchform input[type="submit"]:hover{
|
|
border:1px solid #14171b;
|
|
background-color:#14171b
|
|
}
|
|
.sidebar .url-card .card{
|
|
background:#f1f3f6;
|
|
box-shadow:unset;
|
|
border:1px solid #f1f3f6;
|
|
transition:.3s
|
|
}
|
|
.sidebar .url-card .card:hover{
|
|
transform:unset;
|
|
box-shadow:unset;
|
|
border:1px solid #f1404b!important
|
|
}
|
|
.sidebar .url-card.down a:after,.sidebar .url-card.wechat a:before{
|
|
font-size:27px;
|
|
bottom:-6px;
|
|
left:1px
|
|
}
|
|
.sidebar .card.hot-card{
|
|
box-shadow:none
|
|
}
|
|
.sidebar .card-body.pb-3.pt-0{
|
|
padding-top:5px!important
|
|
}
|
|
.sidebar.sidebar-border>.card{
|
|
background-color:transparent;
|
|
border:2px solid rgba(136,136,136,.2);
|
|
box-shadow:unset
|
|
}
|
|
.sidebar_no .sidebar:not(.col-12){
|
|
display:none!important
|
|
}
|
|
.sidebar_left .content-wrap{
|
|
width:100%
|
|
}
|
|
.sidebar_left .sidebar:not(.col-12){
|
|
width:100%
|
|
}
|
|
.sidebar_right .content-wrap{
|
|
width:100%
|
|
}
|
|
.sidebar_right .sidebar:not(.col-12){
|
|
width:100%
|
|
}
|
|
.widget_author_meta{
|
|
position:relative
|
|
}
|
|
.widget-author-avatar{
|
|
position:absolute;
|
|
left:50%;
|
|
top:0;
|
|
-webkit-transform:translate(-50%,-50%);
|
|
-ms-transform:translate(-50%,-50%);
|
|
transform:translate(-50%,-50%)
|
|
}
|
|
.widget-author-meta{
|
|
margin-top:2rem
|
|
}
|
|
.widget-author-cover{
|
|
position:relative;
|
|
border-radius:3px 3px 0 0
|
|
}
|
|
.widget-author-cover+.widget-author-meta{
|
|
margin-top:2rem
|
|
}
|
|
.widget-author-cover .widget-author-avatar{
|
|
top:auto;
|
|
bottom:0;
|
|
-webkit-transform:translate(-50%,50%);
|
|
-ms-transform:translate(-50%,50%);
|
|
transform:translate(-50%,50%)
|
|
}
|
|
.flex-avatar{
|
|
position:relative;
|
|
line-height:1;
|
|
white-space:nowrap;
|
|
font-weight:bold;
|
|
border-radius:100%;
|
|
padding:5px;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-pack:center;
|
|
justify-content:center;
|
|
-ms-flex-align:center;
|
|
align-items:center;
|
|
-ms-flex-negative:0;
|
|
flex-shrink:0;
|
|
background:#fff;
|
|
transition:background-color .3s
|
|
}
|
|
.flex-avatar img{
|
|
border-radius:inherit
|
|
}
|
|
.badge-outline-primary{
|
|
color:#f1404b;
|
|
border:#f1404b solid 1px
|
|
}
|
|
.list-post>div{
|
|
display:-ms-flexbox;
|
|
display:flex
|
|
}
|
|
.list-post>div>.list-item{
|
|
-ms-flex-item-align:stretch;
|
|
align-self:stretch;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto
|
|
}
|
|
.list{
|
|
padding-left:0;
|
|
padding-right:0
|
|
}
|
|
.list-item{
|
|
position:relative;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
min-width:0;
|
|
word-wrap:break-word
|
|
}
|
|
.list-content{
|
|
padding:1rem 0;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-direction:column;
|
|
flex-direction:column;
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto;
|
|
-ms-flex-pack:center;
|
|
justify-content:center
|
|
}
|
|
.list-item.block .list-content{
|
|
padding:1rem
|
|
}
|
|
.list-body{
|
|
-ms-flex:1 1 auto;
|
|
flex:1 1 auto
|
|
}
|
|
.list-footer{
|
|
margin-top:.5rem
|
|
}
|
|
.list-title{
|
|
font-size:.875rem;
|
|
line-height:1.4285714286;
|
|
display:block;
|
|
color:inherit
|
|
}
|
|
.list-title .badge{
|
|
position:relative;
|
|
top:-2px;
|
|
font-size:.75rem;
|
|
margin:0 .25rem 0 0
|
|
}
|
|
.list-bulletin .list-item{
|
|
position:relative;
|
|
padding:0 10px 10px 20px;
|
|
border-left:2px solid rgba(136,136,136,.2)
|
|
}
|
|
.list-bulletin .list-item>i{
|
|
font-size:12px;
|
|
top:8px;
|
|
color:#888;
|
|
position:absolute;
|
|
padding:5px;
|
|
left:-12px;
|
|
background:#fff;
|
|
transition:background-color .3s
|
|
}
|
|
.bulletin-card{
|
|
transform:translateY(0);
|
|
transition:.3s
|
|
}
|
|
.bulletin-card:hover{
|
|
transform:translateY(-6px)
|
|
}
|
|
@media (min-width:992px){
|
|
.sidebar_left .content-wrap{
|
|
float:right
|
|
}
|
|
.sidebar_left .content-layout{
|
|
margin-left:calc(310px + 15px)
|
|
}
|
|
.sidebar_left .sidebar:not(.col-12){
|
|
float:left;
|
|
margin-right:-310px;
|
|
width:310px;
|
|
position:unset
|
|
}
|
|
.sidebar_right .content-wrap{
|
|
float:left
|
|
}
|
|
.sidebar_right .content-layout{
|
|
margin-right:calc(310px + 15px)
|
|
}
|
|
.sidebar_right .sidebar:not(.col-12){
|
|
float:right;
|
|
margin-left:-310px;
|
|
width:310px;
|
|
position:unset
|
|
}
|
|
}
|
|
@media (max-width:767.98px){
|
|
.list-title{
|
|
font-size:.9375rem!important
|
|
}
|
|
.list-title .badge{
|
|
padding:.2em;
|
|
margin:0 .25rem 0 0
|
|
}
|
|
}
|
|
.list-grid .list-item{
|
|
-ms-flex-direction:row;
|
|
flex-direction:row
|
|
}
|
|
.list-grid.list-grid-padding .list-item{
|
|
padding:1.25rem
|
|
}
|
|
.list-grid.list-grid-padding .list-content{
|
|
padding:0 0 0 1rem
|
|
}
|
|
.list-grid .list-item .media:first-child{
|
|
border-radius:inherit
|
|
}
|
|
.list-grid .list-item .media:last-child{
|
|
border-radius:inherit
|
|
}
|
|
.list-grid .flex-row-reverse .media:first-child{
|
|
border-radius:0;
|
|
border-top-right-radius:inherit;
|
|
border-bottom-right-radius:inherit
|
|
}
|
|
@media (max-width:767.98px){
|
|
.list-grid.list-grid-padding .list-item{
|
|
padding:.675rem .75rem;
|
|
margin-bottom:.75rem
|
|
}
|
|
.list-grid.list-grid-padding .list-item .media-3x2:after{
|
|
padding-top:75%
|
|
}
|
|
.list-grid.list-grid-padding .list-content{
|
|
padding:0 0 0 .75rem
|
|
}
|
|
}
|
|
.io-grey-mode .sidebar-logo{
|
|
background:#fff
|
|
}
|
|
.io-grey-mode .page-header{
|
|
box-shadow:none
|
|
}
|
|
.io-grey-mode .sidebar-nav-inner{
|
|
background:#f9f9f9
|
|
}
|
|
.io-grey-mode .border-color{
|
|
border-color:transparent!important
|
|
}
|
|
.io-grey-mode .sidebar-nav .flex-bottom a,.io-grey-mode .sidebar-menu-inner a{
|
|
color:#515C6B
|
|
}
|
|
.io-grey-mode .sidebar-menu .sidebar-more{
|
|
color:#282a2d
|
|
}
|
|
.io-grey-mode .sidebar-item>a:hover{
|
|
color:#f1404b
|
|
}
|
|
.io-grey-mode .sidebar-popup div{
|
|
background:#dadbdd
|
|
}
|
|
.io-grey-mode .sidebar-popup::before{
|
|
border-color:transparent #dadbdd transparent
|
|
}
|
|
.io-grey-mode .sidebar-nav,.io-grey-mode .sidebar-popup.sidebar-menu-inner ul{
|
|
background:#f0f2f4
|
|
}
|
|
.io-grey-mode .sidebar-item li>a:hover,.io-grey-mode .sidebar-popup>div>ul>li>a:hover{
|
|
color:#f1404b
|
|
}
|
|
.menu-backdrop{
|
|
position:fixed;
|
|
top:0;
|
|
left:0;
|
|
width:100vw;
|
|
height:100vh;
|
|
-webkit-backdrop-filter:blur(6px);
|
|
backdrop-filter:blur(6px);
|
|
background-color:rgba(0,0,0,.5)
|
|
}
|
|
.ub-blur-bg{
|
|
-webkit-backdrop-filter:blur(5px);
|
|
backdrop-filter:blur(5px)
|
|
}
|
|
.user-bookmark-body .canvas-bg{
|
|
position:absolute;
|
|
top:0;
|
|
width:100%;
|
|
height:100%;
|
|
border-width:0
|
|
}
|
|
.user-bookmark-body .navbar{
|
|
padding:2rem 1rem
|
|
}
|
|
.user-bookmark-body .navbar .bookmark-ico{
|
|
font-size:1.75em
|
|
}
|
|
.user-bookmark-body .header-big{
|
|
margin-top:0
|
|
}
|
|
.user-bookmark-body .header-big{
|
|
padding-top:100px
|
|
}
|
|
.user-bookmark-body .quick-sites{
|
|
margin-top:-70px
|
|
}
|
|
.user-bookmark-body .bookmark-content{
|
|
margin-top:147px
|
|
}
|
|
@media (min-width:576px){
|
|
.user-bookmark-body .quick-sites .container{
|
|
max-width:460px
|
|
}
|
|
}
|
|
@media screen and (min-width:768px){
|
|
.user-bookmark-body .quick-sites{
|
|
margin-top:-100px
|
|
}
|
|
.user-bookmark-body .header-big{
|
|
padding-top:190px;
|
|
padding-bottom:110px
|
|
}
|
|
.user-bookmark-body .bookmark-content{
|
|
margin-top:256px
|
|
}
|
|
.user-bookmark-body .quick-sites .container{
|
|
max-width:660px
|
|
}
|
|
}
|
|
.user-bookmark-body .quick-sites .sites-icon{
|
|
align-items:center;
|
|
background-color:#ffffff;
|
|
border-radius:50%;
|
|
display:flex;
|
|
flex-shrink:0;
|
|
height:50px;
|
|
justify-content:center;
|
|
width:50px
|
|
}
|
|
.user-bookmark-body .quick-sites .sites-icon img{
|
|
height:auto;
|
|
width:26px;
|
|
transition:.2s
|
|
}
|
|
.user-bookmark-body .quick-sites .sites-btn:hover .sites-icon img{
|
|
width:34px
|
|
}
|
|
.user-bookmark-body .quick-sites .sites-title{
|
|
background-color:rgba(175,175,175,.2);
|
|
color:#fff;
|
|
border-radius:20px
|
|
}
|
|
.quick-sites .row{
|
|
height:200px;
|
|
overflow:hidden
|
|
}
|
|
.user-bookmark-body .customize-sites-list .card{
|
|
background:rgba(255,255,255,.7)
|
|
}
|
|
.user-bookmark-body .sites-pane{
|
|
position:relative;
|
|
background:rgba(0,0,0,.2);
|
|
padding:2rem 1rem 1rem 1rem;
|
|
border-radius:.25rem;
|
|
-webkit-backdrop-filter:blur(5px);
|
|
backdrop-filter:blur(5px)
|
|
}
|
|
.user-bookmark-body footer a{
|
|
color:#ddd
|
|
}
|
|
.user-bookmark-body footer a:hover{
|
|
color:#fff
|
|
}
|
|
.bookmark-bg{
|
|
position:fixed;
|
|
top:0;
|
|
width:100%;
|
|
height:100vh
|
|
}
|
|
.bookmark-bg .img-bg{
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
background-size:cover;
|
|
background-color:#242424;
|
|
height:100%;
|
|
margin:0;
|
|
opacity:1;
|
|
padding:0;
|
|
position:absolute;
|
|
transition:opacity .5s ease 0s;
|
|
width:100%
|
|
}
|
|
.gradient-linear{
|
|
background-attachment:fixed;
|
|
background-image:radial-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%),radial-gradient(rgba(0,0,0,0) 33%,rgba(0,0,0,.3) 166%),linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 0% 75%,rgba(0,0,0,0) 0%,rgba(0,0,0,.4) 100%);
|
|
background-position-y:top;
|
|
background-repeat:no-repeat;
|
|
background-size:cover;
|
|
height:100%;
|
|
opacity:1;
|
|
position:absolute;
|
|
transition:opacity .3s linear;
|
|
width:100%
|
|
}
|
|
.user-bookmark-body .sites-pane .ct-name{
|
|
position:absolute;
|
|
color:rgba(255,255,255,.3);
|
|
top:8px;
|
|
font-size:.75rem
|
|
}
|
|
.sites-tabs-container{
|
|
flex-direction:row;
|
|
position:absolute;
|
|
background:rgba(0,0,0,.2);
|
|
z-index:10;
|
|
top:-66px;
|
|
width:calc(100% - 30px);
|
|
-webkit-backdrop-filter:blur(5px);
|
|
backdrop-filter:blur(5px)
|
|
}
|
|
.sites-tabs-container-top{
|
|
position:fixed;
|
|
width:100%;
|
|
height:140px;
|
|
left:0;
|
|
right:0;
|
|
top:0px;
|
|
background:rgba(0,0,0,.35);
|
|
border-radius:0!important
|
|
}
|
|
.sites-tabs-btn{
|
|
width:calc(100% - 50px);
|
|
overflow:hidden
|
|
}
|
|
.sites-tabs-container-top .container-lg{
|
|
padding-left:30px;
|
|
padding-right:30px
|
|
}
|
|
.sites-tabs a{
|
|
position:relative;
|
|
color:#fff
|
|
}
|
|
.sites-tabs a.hide{
|
|
opacity:0;
|
|
pointer-events:none
|
|
}
|
|
.sites-tabs a::before{
|
|
content:'';
|
|
position:absolute;
|
|
background:rgba(255,255,255,.2);
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0;
|
|
border-radius:10px;
|
|
transform:scale(1);
|
|
opacity:0;
|
|
transition:.3s
|
|
}
|
|
.sites-tabs a:hover:before{
|
|
transform:scale(.8);
|
|
opacity:1
|
|
}
|
|
.sites-btn-dropdown-list{
|
|
max-height:calc(100vh - 256px);
|
|
overflow-y:auto
|
|
}
|
|
.sites-tab-slider{
|
|
position:absolute;
|
|
bottom:-3px;
|
|
height:6px;
|
|
border-radius:10px;
|
|
background:#f1404b;
|
|
transition:left .3s ease
|
|
}
|
|
.seting-panel{
|
|
overflow:hidden;
|
|
position:fixed;
|
|
top:0;
|
|
right:0;
|
|
transform:translateX(500px);
|
|
height:100vh;
|
|
width:100%;
|
|
max-width:500px;
|
|
background:rgba(255,255,255,.8);
|
|
opacity:0;
|
|
transition:all 800ms cubic-bezier(.8,0,.33,1)
|
|
}
|
|
.seting-panel.seting-open{
|
|
transform:translateX(0px);
|
|
opacity:1
|
|
}
|
|
.seting-container{
|
|
transform:translateX(100px);
|
|
opacity:0;
|
|
transition:all 1000ms cubic-bezier(.9,0,.33,1)
|
|
}
|
|
.seting-panel.seting-open .seting-container{
|
|
opacity:1;
|
|
transform:translateX(0px)
|
|
}
|
|
.img-radio .label-img{
|
|
display:inline-block;
|
|
background-position:center;
|
|
background-repeat:no-repeat;
|
|
background-size:cover;
|
|
border:4px solid #b6b6b6;
|
|
width:100%;
|
|
height:90px
|
|
}
|
|
.img-radio input[type="radio"]{
|
|
display:none
|
|
}
|
|
.img-radio input[type="radio"] + .label-img{
|
|
cursor:pointer;
|
|
transition:.3s
|
|
}
|
|
.img-radio input[type="radio"]:checked + .label-img{
|
|
border:4px solid #f1404b
|
|
}
|
|
.user-bookmark-body .author-info .avatar-body{
|
|
display:inline-block;
|
|
min-height:92px;
|
|
min-width:92px
|
|
}
|
|
input:-internal-autofill-previewed,input:-internal-autofill-selected{
|
|
box-shadow:0 0 0 1000px #f1f3f6 inset!important;
|
|
-webkit-text-fill-color:#6d6e74!important
|
|
}
|
|
.tab-sites-body{
|
|
display:flex;
|
|
justify-content:space-between
|
|
}
|
|
.tab-widget-nav{
|
|
height:auto
|
|
}
|
|
.tab-widget-nav .nav-link{
|
|
display:flex;
|
|
overflow:hidden;
|
|
padding:5px;
|
|
width:50px;
|
|
height:50px;
|
|
flex-direction:column;
|
|
align-items:center;
|
|
justify-content:center;
|
|
border-radius:8px;
|
|
-webkit-transition:.3s;
|
|
-o-transition:.3s;
|
|
transition:.3s
|
|
}
|
|
.tab-widget-nav .nav-link+.nav-link{
|
|
margin-top:2px
|
|
}
|
|
.tab-widget-nav .nav-link i{
|
|
font-size:1.5rem
|
|
}
|
|
.tab-widget-nav .nav-link span{
|
|
line-height:0.75rem
|
|
}
|
|
.tab-widget-nav .nav-pills .nav-link:hover{
|
|
background-color:rgba(132,132,132,.2)
|
|
}
|
|
.tab-widget-nav .nav-pills .nav-link.active{
|
|
color:inherit;
|
|
background-color:rgba(132,132,132,.2)
|
|
}
|
|
.tab-widget-content{
|
|
position:relative;
|
|
background-color:rgba(132,132,132,.1);
|
|
border-radius:8px;
|
|
flex:1
|
|
}
|
|
.tab-widget-content .tab-pane{
|
|
padding:10px;
|
|
overflow-y:auto;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
top:0;
|
|
right:0
|
|
}
|
|
.tab-widget-content .widget-item{
|
|
display:-ms-grid;
|
|
display:grid;
|
|
-webkit-box-pack:justify;
|
|
-ms-flex-pack:justify;
|
|
justify-content:space-between;
|
|
min-height:100%;
|
|
grid-template-columns:repeat(auto-fill,60px);
|
|
grid-gap:10px
|
|
}
|
|
.tab-widget-content .widget-item.item-category,.tab-widget-content .widget-item.item-books{
|
|
display:-webkit-box;
|
|
display:-ms-flexbox;
|
|
display:flex;
|
|
-ms-flex-wrap:wrap;
|
|
flex-wrap:wrap;
|
|
grid-gap:revert!important;
|
|
grid-template-columns:revert!important;
|
|
justify-content:flex-start;
|
|
min-height:auto;
|
|
margin-left:-.5rem;
|
|
margin-right:-.5rem
|
|
}
|
|
.tab-widget-content .widget-item.item-apps{
|
|
grid-template-columns:repeat(auto-fill,80px)
|
|
}
|
|
.icon-btn{
|
|
position:relative
|
|
}
|
|
.icon-btn .img-bg{
|
|
width:60px;
|
|
height:60px;
|
|
padding:10px
|
|
}
|
|
.icon-btn .img-bg img{
|
|
width:100%;
|
|
height:auto
|
|
}
|
|
.icon-btn .icon-title{
|
|
position:relative
|
|
}
|
|
.icon-btn .icon-title::before{
|
|
content:"";
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
left:0;
|
|
border-radius:15px;
|
|
background-color:#fff;
|
|
opacity:0;
|
|
-webkit-transition:.3s;
|
|
-o-transition:.3s;
|
|
transition:.3s
|
|
}
|
|
.icon-btn:hover .icon-title::before{
|
|
opacity:1
|
|
}
|
|
.icon-btn .icon-title span{
|
|
position:relative
|
|
}
|
|
.tab-sidebar{
|
|
max-width:300px;
|
|
position:relative;
|
|
flex:1
|
|
}
|
|
.tab-sidebar .io-sidebar-widget{
|
|
margin:0;
|
|
overflow-y:auto;
|
|
position:absolute;
|
|
bottom:0;
|
|
left:0;
|
|
top:0;
|
|
right:0
|
|
}
|
|
.tab-sidebar .sidebar-header{
|
|
display:none!important
|
|
}
|
|
.tab-sidebar .url-card.down a:after,.tab-sidebar .url-card.wechat a:before{
|
|
font-size:27px;
|
|
bottom:-6px;
|
|
left:1px
|
|
}
|
|
.io-black-mode .icon-btn .icon-title::before{
|
|
background-color:#2c2e2f
|
|
}
|
|
.img-post{
|
|
-webkit-transition:.3s;
|
|
-o-transition:.3s;
|
|
transition:.3s;
|
|
-webkit-transform:rotate(0deg);
|
|
-ms-transform:rotate(0deg);
|
|
transform:rotate(0deg)
|
|
}
|
|
.img-post .media-content{
|
|
-webkit-transform:translate3d(-8px,0,0) scale(1.15);
|
|
transform:translate3d(-8px,0,0) scale(1.15);
|
|
will-change:transform;
|
|
transition:.5s
|
|
}
|
|
.img-post:hover{
|
|
box-shadow:0 0 0 5px rgba(0,0,0,.2)
|
|
}
|
|
.img-post .caption{
|
|
width:100%;
|
|
opacity:0;
|
|
background-image:linear-gradient(to right,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 80%);
|
|
will-change:opacity;
|
|
-webkit-transition:.3s;
|
|
-o-transition:.3s;
|
|
transition:.3s
|
|
}
|
|
.img-post .caption span{
|
|
color:#eee;
|
|
width:70%;
|
|
will-change:transform;
|
|
-webkit-transition:.3s;
|
|
-o-transition:.3s;
|
|
transition:.3s
|
|
}
|
|
.img-post:hover .caption,.swiper-slide-thumb-active .img-post .caption{
|
|
opacity:1
|
|
}
|
|
.img-post:hover .caption span,.swiper-slide-thumb-active .img-post .caption span{
|
|
-webkit-transform:translate3d(15px,0,0);
|
|
transform:translate3d(15px,0,0)
|
|
}
|
|
.img-book{
|
|
overflow:initial
|
|
}
|
|
.img-book .media-content{
|
|
-webkit-transform-origin:left;
|
|
-ms-transform-origin:left;
|
|
transform-origin:left;
|
|
-webkit-transform:perspective(59rem) rotateY(0);
|
|
transform:perspective(59rem) rotateY(0);
|
|
will-change:transform;
|
|
-webkit-transition:.35s;
|
|
-o-transition:.35s;
|
|
transition:.35s
|
|
}
|
|
.img-book:hover .media-content{
|
|
-webkit-transform:perspective(68rem) rotateY(-43deg);
|
|
transform:perspective(68rem) rotateY(-43deg);
|
|
box-shadow:10px 8px 18px rgba(37,43,51,.3);
|
|
-webkit-transition:.5s cubic-bezier(.5,1.5,.6,1);
|
|
-o-transition:.5s cubic-bezier(.5,1.5,.6,1);
|
|
transition:.5s cubic-bezier(.5,1.5,.6,1)
|
|
}
|
|
.img-book .caption{
|
|
opacity:0;
|
|
right:0;
|
|
-webkit-transition:.4s;
|
|
-o-transition:.4s;
|
|
transition:.4s
|
|
}
|
|
.img-book:hover .caption{
|
|
opacity:1
|
|
}
|
|
.img-book .caption span{
|
|
padding:10px 4px;
|
|
-webkit-writing-mode:vertical-lr;
|
|
-ms-writing-mode:tb-lr;
|
|
writing-mode:vertical-lr
|
|
}
|
|
@media screen and (min-width:768px){
|
|
.tab-widget-nav .nav-link{
|
|
width:65px;
|
|
height:65px
|
|
}
|
|
.tab-widget-nav .nav-link i{
|
|
font-size:1.725rem
|
|
}
|
|
.tab-widget-content .widget-item .icon-btn .img-bg{
|
|
width:70px;
|
|
height:70px
|
|
}
|
|
.tab-widget-content .widget-item{
|
|
grid-template-columns:repeat(auto-fill,70px);
|
|
grid-gap:22px
|
|
}
|
|
.tab-widget-content .img-post .media-content{
|
|
-webkit-transform:translate3d(-10px,0,0) scale(1.1);
|
|
transform:translate3d(-10px,0,0) scale(1.1)
|
|
}
|
|
}
|
|
.img-post:hover .media-content,.swiper-slide-thumb-active .img-post .media-content{
|
|
-webkit-transform:translate3d(0,0,0) scale(1);
|
|
transform:translate3d(0,0,0) scale(1)
|
|
}
|
|
.swiper-widgets-card{
|
|
margin-bottom:4.5rem
|
|
}
|
|
.swiper-widgets .swiper-slide img,.swiper-widgets-thumbs .swiper-slide img{
|
|
display:block;
|
|
width:100%;
|
|
height:100%;
|
|
object-fit:cover
|
|
}
|
|
.swiper-widgets-thumbs{
|
|
position:absolute;
|
|
bottom:-3rem;
|
|
width:100%;
|
|
box-sizing:border-box;
|
|
padding:10px
|
|
}
|
|
.swiper-widgets-thumbs .swiper-slide{
|
|
width:102px;
|
|
cursor:pointer
|
|
}
|
|
.swiper-widgets-card .media-title{
|
|
color:#fff;
|
|
top:0;
|
|
box-sizing:border-box;
|
|
padding:10px 20px 30px 20px;
|
|
margin:0;
|
|
background-image:linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,0) 50%);
|
|
opacity:0;
|
|
transition:opacity .7s
|
|
}
|
|
.swiper-widgets-card .media-title p{
|
|
color:#fff
|
|
}
|
|
.swiper-widgets-card .media-title .btn-detailed{
|
|
color:#fff;
|
|
background:rgba(255,255,255,.2);
|
|
border:1px solid rgba(255,255,255,.2)
|
|
}
|
|
.swiper-widgets-card .media-title .btn-detailed:hover{
|
|
color:#fff;
|
|
background:rgba(255,255,255,.3)
|
|
}
|
|
.swiper-widgets-content{
|
|
width:100%;
|
|
text-align:left;
|
|
transform:translate3d(0,15px,0);
|
|
transition:transform .5s
|
|
}
|
|
.swiper-widgets-content h3{
|
|
width:80%;
|
|
font-size:1.125rem;
|
|
line-height:1.5
|
|
}
|
|
.swiper-widgets-content p:before{
|
|
content:'';
|
|
width:5px;
|
|
position:absolute;
|
|
height:100%;
|
|
left:0;
|
|
border-radius:4px;
|
|
background-color:#f1404b;
|
|
box-shadow:6px 0 7px rgba(241,64,76,.4)
|
|
}
|
|
.anim-slide .swiper-widgets-content{
|
|
transform:translate3d(0,0,0)
|
|
}
|
|
.anim-slide .media-title{
|
|
opacity:1
|
|
}
|
|
.swiper-widgets .swiper-slide{
|
|
max-height:480px
|
|
}
|
|
.swiper-widgets .term-content{
|
|
position:relative
|
|
}
|
|
.swiper-widgets .icon-btn .icon-title::before{
|
|
background-color:#000;
|
|
opacity:.3
|
|
}
|
|
.swiper-widgets .icon-btn:hover .icon-title::before{
|
|
opacity:1
|
|
}
|
|
.swiper-widgets .icon-btn .icon-title .text-muted{
|
|
color:#fff!important
|
|
}
|
|
.swiper-term-content{
|
|
margin:0;
|
|
max-width:60%;
|
|
padding:15px 5px
|
|
}
|
|
.swiper-term-content .type-favorites{
|
|
position:relative;
|
|
width:60px;
|
|
height:auto
|
|
}
|
|
.swiper-term-content .type-category{
|
|
position:relative;
|
|
width:180px;
|
|
height:auto
|
|
}
|
|
.swiper-term-content .type-apps{
|
|
position:relative;
|
|
width:80px;
|
|
height:auto
|
|
}
|
|
.swiper-term-content .type-books{
|
|
position:relative;
|
|
width:100px;
|
|
height:auto
|
|
}
|
|
.swiper-slide-active .swiper-term-content .tab-card{
|
|
pointer-events:auto!important
|
|
}
|
|
.swiper-slide-thumb-active .img-post{
|
|
box-shadow:0 0 0 5px #f1417c
|
|
}
|
|
@media screen and (min-width:768px){
|
|
.swiper-widgets-thumbs .swiper-slide{
|
|
width:168px
|
|
}
|
|
}
|
|
@media screen and (min-width:980px){
|
|
.swiper-widgets-thumbs .swiper-slide{
|
|
width:198px
|
|
}
|
|
.swiper-term-content .type-favorites{
|
|
width:70px
|
|
}
|
|
.swiper-term-content .type-favorites .icon-btn .img-bg{
|
|
width:70px;
|
|
height:70px
|
|
}
|
|
.swiper-term-content .type-books{
|
|
width:110px
|
|
}
|
|
.swiper-term-content .type-category{
|
|
width:190px
|
|
}
|
|
.swiper-term-content .type-apps{
|
|
width:90px
|
|
}
|
|
.swiper-widgets-content h3{
|
|
font-size:1.25rem
|
|
}
|
|
}
|
|
@media screen and (min-width:1200px){
|
|
.swiper-widgets-thumbs .swiper-slide{
|
|
width:248px
|
|
}
|
|
.swiper-widgets-card .media-title{
|
|
padding:10px 20px 40px 20px
|
|
}
|
|
.swiper-widgets-content h3{
|
|
font-size:1.5rem
|
|
}
|
|
.swiper-term-content .type-favorites{
|
|
width:80px
|
|
}
|
|
.swiper-term-content .type-favorites .icon-btn .img-bg{
|
|
width:80px;
|
|
height:80px
|
|
}
|
|
.swiper-term-content .type-books{
|
|
width:120px
|
|
}
|
|
.swiper-term-content .type-category{
|
|
width:200px
|
|
}
|
|
.swiper-term-content .type-apps{
|
|
width:100px
|
|
}
|
|
}
|
|
@media screen and (min-width:1400px){
|
|
.swiper-widgets .swiper-slide{
|
|
max-height:580px
|
|
}
|
|
.swiper-widgets-content h3{
|
|
font-size:1.75rem
|
|
}
|
|
}
|
|
.io-black-mode body{
|
|
background-color:#1b1d1f
|
|
}
|
|
.io-black-mode .header-big:not(.unchanged):not(.no-bg)::before{
|
|
content:"";
|
|
position:absolute;
|
|
width:100%;
|
|
height:100%;
|
|
top:0;
|
|
background:rgba(0,0,0,.8)
|
|
}
|
|
.io-black-mode .logo-light{
|
|
display:none!important
|
|
}
|
|
.io-black-mode .logo-dark{
|
|
display:initial!important
|
|
}
|
|
.io-black-mode .btn-move{
|
|
color:#989da1!important
|
|
}
|
|
.io-black-mode #add-new-sites button.close{
|
|
color:#989da1
|
|
}
|
|
.io-black-mode .bg-light,.io-black-mode .manage-sites .sites-card,.io-black-mode .admin-sites .sites-card{
|
|
background:#363738!important
|
|
}
|
|
.io-black-mode a.bg-light:focus,.io-black-mode a.bg-light:hover,.io-black-mode button.bg-light:focus,.io-black-mode button.bg-light:hover{
|
|
background-color:#202224!important
|
|
}
|
|
.io-black-mode .border-light{
|
|
border-color:#363738!important
|
|
}
|
|
.io-black-mode .bg-white{
|
|
background:#2c2e2f!important
|
|
}
|
|
.io-black-mode .sidebar-nav .top-menu .sub-menu{
|
|
background-color:rgba(3,4,6,.1)
|
|
}
|
|
.io-black-mode body,.io-black-mode a:not(.btn),.io-black-mode .button>a{
|
|
color:#c6c9cf
|
|
}
|
|
.io-black-mode p,.io-black-mode input.nav-link{
|
|
color:#bbb
|
|
}
|
|
.io-black-mode .ajax-loading{
|
|
background:rgba(27,29,31,.7)!important
|
|
}
|
|
.io-black-mode .card,.io-black-mode .block{
|
|
box-shadow:none
|
|
}
|
|
.io-black-mode .tpwthwidt .text_235ileA,.io-black-mode .tpwthwidt .title_2Cea4o9{
|
|
color:#bbb
|
|
}
|
|
.io-black-mode .text-gray,.io-black-mode .comment-body{
|
|
color:#888
|
|
}
|
|
.io-black-mode .down-content .card-header-img,.io-black-mode .modal-content,.io-black-mode .flex-avatar,.io-black-mode .card,.io-black-mode .near-navigation,.io-black-mode .single-top-area,.io-black-mode .new-news,.io-black-mode .new-news ul li i,.io-black-mode .list-bulletin .list-item>i,.io-black-mode #search-text,.io-black-mode .search-type input:checked+label,.io-black-mode .search-type input:hover+label{
|
|
background-color:#2c2e2f
|
|
}
|
|
.io-black-mode .admin-sites .card{
|
|
background-color:#363738
|
|
}
|
|
.io-black-mode .s-type-list{
|
|
background-color:#1f2123;
|
|
box-shadow:0 9px 20px rgba(0,0,0,.3)
|
|
}
|
|
.io-black-mode #search .search-select{
|
|
background-color:#2c2e2f;
|
|
border-color:#2c2e2f
|
|
}
|
|
.io-black-mode .s-type-list:before{
|
|
border-bottom-color:#1f2123
|
|
}
|
|
.io-black-mode .url-card .url-body:hover,.io-black-mode .card-app.default:hover .media{
|
|
box-shadow:0 26px 40px -24px rgba(2,4,6,.3);
|
|
-webkit-box-shadow:0 26px 40px -24px rgba(2,4,6,.3);
|
|
-moz-box-shadow:0 26px 40px -24px rgba(2,4,6,.3)
|
|
}
|
|
.io-black-mode .page-header{
|
|
background:#2c2e2f;
|
|
box-shadow:0 0 25px 5px rgba(10,10,10,.25)
|
|
}
|
|
.io-black-mode textarea,.io-black-mode .form-control,.io-black-mode .sidebar .card .searchform input[type='text']{
|
|
color:#aaa;
|
|
background:#363738;
|
|
border:1px solid #363738
|
|
}
|
|
.io-black-mode .sidebar .url-card .card{
|
|
background:#363738;
|
|
border-color:#363738
|
|
}
|
|
.io-black-mode .site-body .btn{
|
|
color:#ddd
|
|
}
|
|
.io-black-mode .siteico{
|
|
background:#222
|
|
}
|
|
.io-black-mode .search-modal #search .search-select,.io-black-mode .search-modal .search-type input:checked+label,.io-black-mode .search-modal .search-type input:hover+label{
|
|
background-color:#363738;
|
|
border:none
|
|
}
|
|
.io-black-mode .posts-nav{
|
|
color:rgba(221,221,221,.2)
|
|
}
|
|
.io-black-mode .input-group-text{
|
|
color:#ddd;
|
|
background:#26282a;
|
|
border-color:#26282a
|
|
}
|
|
.io-black-mode #footer-tools .btn{
|
|
color:#ccc;
|
|
background:rgba(10,10,10,.4)
|
|
}
|
|
.io-black-mode #footer-tools .btn:hover{
|
|
color:#fff
|
|
}
|
|
.io-black-mode a:not(.btn):hover{
|
|
color:#fff
|
|
}
|
|
.io-black-mode .down-content .statement:before{
|
|
background:#1b1d1f;
|
|
box-shadow:0 10px #1b1d1f,0 20px #1b1d1f
|
|
}
|
|
.io-black-mode .down-content .statement{
|
|
border-color:#1b1d1f;
|
|
background:rgba(0,0,0,.1)
|
|
}
|
|
.io-black-mode .navbar-collapse ul li ul,.io-black-mode .dropdown-menu{
|
|
background:#3D4044;
|
|
box-shadow:0 10px 30px -10px rgba(0,0,0,.5)
|
|
}
|
|
.io-black-mode .down-content .card-signup{
|
|
box-shadow:0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2)
|
|
}
|
|
.io-black-mode .btn-light{
|
|
color:#b2b8be!important;
|
|
background-color:#363738!important;
|
|
border-color:transparent!important
|
|
}
|
|
.io-black-mode .btn-light:hover{
|
|
background-color:#313234!important
|
|
}
|
|
.io-black-mode .tool-actions .btn-light{
|
|
color:#b2b8be!important;
|
|
background-color:rgba(24,25,26,.5)!important;
|
|
border-color:transparent!important
|
|
}
|
|
.io-black-mode .tool-actions .btn-light:hover{
|
|
background-color:rgba(14,15,16,.8)!important
|
|
}
|
|
.io-black-mode .background-fx{
|
|
opacity:.3
|
|
}
|
|
.io-black-mode .background-fx .shape-11{
|
|
opacity:.5
|
|
}
|
|
.io-black-mode .background-fx .shape-10{
|
|
opacity:.1
|
|
}
|
|
.io-black-mode .ioch-code-highlight{
|
|
background-color:#151619;
|
|
border:0
|
|
}
|
|
.io-black-mode:not(pre) > code[class*="language-"],.io-black-mode pre[class*="language-"]{
|
|
background-color:rgba(0,0,0,.15)
|
|
}
|
|
.io-black-mode .ioch-code-highlight .io-btn-copy{
|
|
border:1px solid rgba(255,255,255,.5)
|
|
}
|
|
.io-black-mode input:-internal-autofill-previewed,.io-black-mode input:-internal-autofill-selected{
|
|
box-shadow:0 0 0 1000px #363738 inset!important;
|
|
-webkit-text-fill-color:#aaa!important
|
|
}
|
|
.io-black-mode .io-close{
|
|
color:#fff!important;
|
|
font-weight:normal
|
|
}
|
|
@media only screen and (min-device-width:768px){
|
|
::-webkit-scrollbar-thumb{
|
|
background-color:rgba(130,130,130,.5);
|
|
-webkit-border-radius:4px;
|
|
border-radius:4px
|
|
}
|
|
::-webkit-scrollbar-thumb:hover{
|
|
background-color:#f1404b;
|
|
-webkit-border-radius:4px;
|
|
border-radius:4px
|
|
}
|
|
::-webkit-scrollbar{
|
|
width:5px;
|
|
height:5px
|
|
}
|
|
::-webkit-scrollbar-thumb:active{
|
|
background-color:#f1404b;
|
|
-webkit-border-radius:4px;
|
|
border-radius:4px
|
|
}
|
|
::-webkit-scrollbar-corner{
|
|
background:rgba(0,0,0,0);
|
|
border-radius:0 0 8px 0
|
|
}
|
|
::-webkit-scrollbar-button{
|
|
background-color:rgba(0,0,0,0);
|
|
height:2px;
|
|
width:2px
|
|
}
|
|
}
|
|
@media (max-width:767.98px){
|
|
.tab-auto-scrollbar::-webkit-scrollbar{
|
|
display:none
|
|
}
|
|
}
|
|
|