-webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
}
.button_example:hover{
border:1px solid #bfc4c4;
background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}
body{
color: #f5f5f5;
font-family: "Helvetica Neue", Helvetica, "Microsoft Yahei", sans-serif;
font-size: 14px;
line-height: 1.42857;
background-repeat:no-repeat;
background-size:cover;
word-break: break-all;
}
.formobile{
font-size: 16px;
}
.default-color{
color: #f5f5f5
}
textarea, button, input { outline: none; }
.navbar{
background: #000000;
border: 0;
}
.navbar .search-container{
background: #111111;
border: 1px solid #323232;
border-radius: 5px;
padding: 5px;
}
.navbar .search-container input,.navbar .search-container button,.navbar .search-container .input-group-addon{
border: none;
color: #e4e4e4;
background: #111111;
}
.navbar .search-container input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #c9c9c9;
}
.navbar .search-container input::-moz-placeholder { /* Firefox 19+ */
color: #c9c9c9;
}
.navbar .search-container input:-ms-input-placeholder { /* IE 10+ */
color: #c9c9c9;
}
.navbar .search-container input:-moz-placeholder { /* Firefox 18- */
color: #c9c9c9;
}
.navbar .mobile-search-container button{
border: none;
/*color: #c9c9c9;*/
font-size:20px;
background: #000000;
margin: 2px 10px 2px 0;
}
.navbar .upload-button{
border: 2px solid #e1356e;
background: #111111;
padding: 4px 29px;
margin: 9px;
}
.navbar .upload-button:hover{
background: #e1356e;
}
.navbar-inverse .navbar-nav > li > a{
color: #fff;
}
.navbar .navbar-right a {
transition: all 0.4s ease;
background: #e1356e;
}
.navbar .navbar-right a:hover {
background: linear-gradient(to right,#e1356e,#f2995d,#e1356e);
background-size: 1000% 1000%;
animation: gradient 4s ease infinite;
}
.home-header{
font-size: 18px;
font-weight: bold;
}
.home-header-line {
content: "";
position: absolute;
top: 35%;
left: 110px;
width: 100%;
border-bottom: 1px solid #86173c;
}
.home-header .more{
color: #ff236d;
float: right;
}
.home-section-head{
position: relative;
padding: 10px 15px 32px 15px;
}
#searchOnTop{
display: none;
}
@keyframes gradient {
50% {
background-position: 100% 0;
}
}
#mySidenav {
height: 100%;
width: 242px;
margin-left: -242px;
position: fixed;
z-index: 1030;
top: 0;
left: 0;
background-color: #1c1c1c;
overflow-x: hidden;
transition: 0.5s;
margin-top: 50px;
padding-bottom: 50px;
padding-top: 14px;
}
#mySidenav a.active{
color: #fff;
background: #e1356e;
background: linear-gradient(to right, #e1356e , #f2995d);
}
#mySidenav a {
padding: 8px 2px 8px 30px;
text-decoration: none;
font-size: 16px;
color: grey;
display: block;
transition: 0.3s;
}
#mySidenav a img{
height: 25px;
margin-right: 35px;
vertical-align: middle;
-webkit-filter: opacity(.5) drop-shadow(0 0 0 grey);
filter: opacity(.5) drop-shadow(0 0 0 grey);
}
#mySidenav a svg{
overflow: hidden;
height: 25px;
margin-right: 35px;
vertical-align: middle;
width: 25px;
}
#mySidenav a svg path{
fill: grey;
}
#mySidenav a svg polygon{
fill: grey;
}
#mySidenav