132 lines
3.6 KiB
CSS
132 lines
3.6 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
.ka-header{ padding:5px }
|
|
.header-package{ text-align:right}
|
|
.package{ background:#009cf9;}
|
|
.package li{ background:#009cf9; width:100%; color:#fff}
|
|
.package li:hover{ background:#009cf9; width:100%; color:#fff}
|
|
.package a{ color:#FFFFFF}
|
|
|
|
.ka-nav { font-size:18px; margin-top:15px; color:#000}
|
|
.ka-nav li{ display:inline-block}
|
|
.ka-nav a{ color:#000; padding:0px 10px}
|
|
|
|
.ka-body{ background:#289AD9;background-repeat: no-repeat;background-size: 100% 100%; padding:10px 5px}
|
|
|
|
.left-widget{ background:#FFFFFF; border-radius:5px; padding:0px 0px; margin-bottom:10px;}
|
|
.left-widget h2{ background:#242424; border-radius:5px; margin:0px 0px; padding:10px; color:#fff; font-size:14px; cursor:pointer;
|
|
/*background:url(../img/bullet-up.png) no-repeat right center #242424*/
|
|
}
|
|
.left-menu{ margin:0; padding:0}
|
|
.left-menu li{ list-style:none; color:#9F9F9F; border-bottom:solid 1px #e6e6e6; padding:10px; font-size:110%}
|
|
.left-menu li:hover{ background:#f2f2f2}
|
|
.left-menu li.selected { background:#f2f2f2}
|
|
|
|
.left-menu li:last-child{ border-bottom:none; border-radius:5px}
|
|
.left-menu a{ color:#9F9F9F; display:block;
|
|
/*background:url(../img/bullet.png) no-repeat right top;*/
|
|
padding-right:15px;}
|
|
|
|
.ka-main-content{ background:#FFFFFF; display:block; border-radius:15px; padding:15px; text-align:center; box-shadow: 1px 1px 20px #595959; overflow:hidden; }
|
|
.ka-footer{ padding:20px; text-align:center}
|
|
|
|
nav.package-menu {
|
|
background:#009cf9;
|
|
border-radius:5px;
|
|
width:auto;
|
|
margin-left:auto;
|
|
margin-right:auto;
|
|
}
|
|
nav.package-menu a {
|
|
color: #fff;
|
|
}
|
|
nav.package-menu ul.navbar-nav a {
|
|
color: #fff;
|
|
}
|
|
|
|
nav.package-menu ul.navbar-nav a:hover,
|
|
nav.package-menu ul.navbar-nav a:visited,
|
|
nav.package-menu ul.navbar-nav a:focus,
|
|
nav.package-menu ul.navbar-nav a:active {
|
|
background: #009cf9;
|
|
}
|
|
nav.package-menu ul.navbar-nav a:hover {
|
|
border-color: #008de1;
|
|
}
|
|
nav.package-menu li.divider {
|
|
background: #5CB85C;
|
|
}
|
|
nav.package-menu button.navbar-toggle {
|
|
background: #5CB85C;
|
|
border-radius: 2px;
|
|
}
|
|
nav.package-menu button.navbar-toggle:hover {
|
|
background: #999;
|
|
}
|
|
|
|
nav.package-menu ul.dropdown-menu {
|
|
border: 0;
|
|
background: #009cf9;
|
|
border-radius: 5px;
|
|
margin: 0px 0;
|
|
border: 1px solid #008de1;
|
|
box-shadow: 0 0 0px 0 #ccc;
|
|
}
|
|
nav.package-menu ul.dropdown-menu > li > a {
|
|
color:#fff;
|
|
border-bottom:solid 1px #008de1;
|
|
}
|
|
nav.package-menu ul.dropdown-menu li:last-child {
|
|
border-bottom:none;
|
|
}
|
|
nav.package-menu ul.dropdown-menu > li > a:hover {
|
|
background: #008de1; color: #fff;
|
|
}
|
|
|
|
.ka-login{ background:#fff; border-radius:5px; max-width:550px; padding:50px; margin:30px auto 0 auto}
|
|
.ka-login-body{ background:#289AD9}
|
|
.memberaccessButton {
|
|
margin-top: 10px;
|
|
width: 100%;
|
|
display: block;
|
|
padding: 10px 20px;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
border-radius: 4px;
|
|
background-color: #28AFFA;
|
|
border: none;
|
|
border-bottom: 2px solid rgba(0,0,0,0.2);
|
|
color: #FFF;
|
|
font-size: 16px !important;
|
|
text-transform: uppercase;
|
|
}
|
|
.login-copyright{ text-align:center; color:#b4b4b4; margin-top:20px;}
|
|
|
|
@media only screen and (max-width: 640px) {
|
|
ul.ka-nav{ margin:0; padding:0; list-style:none; text-align:left}
|
|
.ka-nav li{text-align:center; padding:5px 0}
|
|
}
|
|
|
|
|
|
|
|
.videoWrapper {
|
|
position: relative;
|
|
padding-bottom: 56.25%; / 16:9 /
|
|
padding-top: 25px;
|
|
height: 0;
|
|
}
|
|
.videoWrapper object,
|
|
.videoWrapper embed {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.videoWrapper iframe {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
} |