355 lines
8.3 KiB
CSS
355 lines
8.3 KiB
CSS
.bootstrap .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: white; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; }
|
|
.bootstrap .popover.top { margin-top: -10px; }
|
|
.bootstrap .popover.right { margin-left: 10px; }
|
|
.bootstrap .popover.bottom { margin-top: 10px; }
|
|
.bootstrap .popover.left { margin-left: -10px; }
|
|
.bootstrap .popover-title { margin: 0; padding: 8px 14px; font-size: 12px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; }
|
|
.bootstrap .popover-content { padding: 9px 14px; }
|
|
.bootstrap .popover .arrow, .bootstrap .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
|
|
.bootstrap .popover .arrow { border-width: 11px; }
|
|
.bootstrap .popover .arrow:after { border-width: 10px; content: ""; }
|
|
.bootstrap .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; }
|
|
.bootstrap .popover.top .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: white; }
|
|
.bootstrap .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); }
|
|
.bootstrap .popover.right .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: white; }
|
|
.bootstrap .popover.bottom .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; }
|
|
.bootstrap .popover.bottom .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: white; }
|
|
.bootstrap .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); }
|
|
.bootstrap .popover.left .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: white; bottom: -10px; }
|
|
|
|
|
|
#header, #footer,#nav-sidebar, .page-head, #content > .panel {
|
|
display: none;
|
|
}
|
|
body #main{
|
|
background: #FFF;
|
|
margin:0;
|
|
padding: 0
|
|
}
|
|
.page-sidebar #content{
|
|
margin-left: auto;
|
|
padding: 0!important
|
|
}
|
|
.page-content > .panel{
|
|
display: none;
|
|
}
|
|
|
|
html{
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow-y:visible!important;
|
|
}
|
|
body {
|
|
background: #fff;
|
|
color: #555;
|
|
line-height: 20px;
|
|
overflow: auto!important;
|
|
height: 100%;
|
|
width:100%;
|
|
|
|
}
|
|
iframe{
|
|
border: 0;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
body a{
|
|
text-decoration: none;
|
|
}
|
|
#menu-toolbars a.btn-action,#menu-toolbars a.btn-action {
|
|
color: #FFF
|
|
}
|
|
table td{
|
|
font-size: 12px;
|
|
}
|
|
.form-setting{
|
|
display: none;
|
|
}
|
|
|
|
.form-setting input[type="text"]{
|
|
width: 98%
|
|
}
|
|
.form-setting > .arrow{
|
|
left: 60px!important;
|
|
}
|
|
.form-setting h3{
|
|
cursor:hand;
|
|
cursor:grab;
|
|
cursor:-moz-grab;
|
|
cursor:-webkit-grab;
|
|
}
|
|
.form-setting h3 span{
|
|
cursor: hand;
|
|
cursor:pointer;
|
|
}
|
|
|
|
.leo-widget{
|
|
position: relative;
|
|
padding: 16px 12px;
|
|
margin: 1px 0;
|
|
border: solid 1px #FCF2F2;
|
|
}
|
|
.leo-widget:hover{
|
|
border-color:#DFB5B4;
|
|
}
|
|
.leo-widget .w-setting{
|
|
background: url(../../img/delete.png) no-repeat center center #DFB5B4;
|
|
width: 30px;
|
|
height: 30px;
|
|
z-index: 10000;
|
|
position: absolute;
|
|
top: 0px;
|
|
left:0px;
|
|
display: none;
|
|
cursor: hand;
|
|
cursor:pointer;
|
|
}
|
|
.leo-widget:hover .w-setting{
|
|
display: block;
|
|
}
|
|
.leo-widget .w-name{
|
|
z-index: 10000;
|
|
position: absolute;
|
|
top:0px;
|
|
right:0px;
|
|
display: none;
|
|
overflow: hidden;
|
|
width: 120px;
|
|
}
|
|
.leo-widget .w-name .inject_widget_name{
|
|
width: 149px;
|
|
}
|
|
.leo-widget:hover .w-name{
|
|
display: block;
|
|
}
|
|
.disable-menu .dropdown-menu, .disable-menu .caret{
|
|
display: none!important;
|
|
}
|
|
|
|
#pav-megamenu-liveedit{
|
|
position: relative;
|
|
}
|
|
|
|
.megamenu-wrap {
|
|
margin-top: 80px;
|
|
}
|
|
.megamenu .menu-desc{
|
|
display: none;
|
|
}
|
|
|
|
.megamenu li.mega-group > a .caret{
|
|
display:none;
|
|
}
|
|
|
|
.megamenu ul{
|
|
margin:0;
|
|
padding:0
|
|
}
|
|
.megamenu ul li{
|
|
list-style:none;
|
|
}
|
|
|
|
.megamenu .menu-icon{
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.dropdown-submenu > .dropdown-menu {
|
|
border-radius: 0 6px 6px 6px;
|
|
left: 100%;
|
|
margin-left: -1px;
|
|
margin-top: -6px;
|
|
top: 0;
|
|
}
|
|
li.dropdown-submenu {
|
|
position:relative;
|
|
}
|
|
|
|
.nav.megamenu > li:last-child {
|
|
}
|
|
|
|
li.parent > div { }
|
|
.dropdown-menu > li > a:hover,
|
|
.dropdown-menu > li > a:focus,
|
|
.dropdown-submenu:hover > a,
|
|
.dropdown-submenu:focus > a {
|
|
}
|
|
.dropdown-submenu > a:after {
|
|
margin-right: -10px;
|
|
margin-top: -22px;
|
|
}
|
|
|
|
.megamenu .dropdown-menu{
|
|
min-width: 250px;
|
|
}
|
|
.dropdown-menu-inner .row{
|
|
margin: 2px 3px;
|
|
min-height: 40px;
|
|
|
|
padding: 5px 0px;
|
|
border: solid 1px #FFF
|
|
}
|
|
.dropdown-menu-inner .row.active, .dropdown-menu-inner .row:hover{
|
|
border: #F1E7BC solid 1px;
|
|
background: #FEFBED;
|
|
}
|
|
.megamenu .mega-col > div{
|
|
background: #F8F8F8;
|
|
border: #F7F7F9 solid 1px;
|
|
padding: 6px;
|
|
}
|
|
.megamenu .mega-col.active > div, .megamenu .mega-col:hover > div {
|
|
border: solid 1px #D6E9C6; background: #DFF0D8
|
|
}
|
|
.megamenu .mega-col.active > div .leo-widget{
|
|
border-color: #D6E9C6;
|
|
}
|
|
|
|
.megamenu .cols1{
|
|
min-width:200px;
|
|
}
|
|
.megamenu .cols2{
|
|
min-width:500px;
|
|
}
|
|
.megamenu .cols3{
|
|
min-width:740px;
|
|
}
|
|
|
|
.megamenu .mega-group > a .menu-title {
|
|
font-size: 110%;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.aligned-center .dropdown-menu{
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
-webkit-transform: translate(-50%);
|
|
-moz-transform: translate(-50%);
|
|
-ms-transform: translate(-50%);
|
|
-o-transform: translate(-50%);
|
|
}
|
|
|
|
.aligned-right .dropdown-menu{
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
.aligned-left .dropdown-menu{
|
|
|
|
}
|
|
|
|
.megamenu .aligned-fullwidth {
|
|
position: inherit!important;
|
|
}
|
|
|
|
.aligned-fullwidth .dropdown-menu{
|
|
width: 100%!important;
|
|
left: 0;
|
|
}
|
|
#leo-progress .progress-bar{
|
|
background-color:#00AFF0;
|
|
}
|
|
|
|
/****************BEGIN*************************/
|
|
.megamenu li.disablewidget
|
|
{
|
|
background: #BCBCBC;
|
|
}
|
|
|
|
#megamenu-content.vertical
|
|
{
|
|
margin: 0 auto;
|
|
width: 26%;
|
|
}
|
|
|
|
#megamenu-content.vertical .megamenu>li
|
|
{
|
|
width: 100%;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
|
|
#megamenu-content.vertical.right .megamenu .dropdown-menu, #megamenu-content.vertical.auto .megamenu .dropdown-menu
|
|
{
|
|
top:0;
|
|
right:-88%;
|
|
left: auto;
|
|
}
|
|
|
|
#megamenu-content.vertical.right .megamenu .dropdown-submenu>.dropdown-menu, #megamenu-content.vertical.auto .megamenu .dropdown-submenu>.dropdown-menu
|
|
{
|
|
right:-125%;
|
|
}
|
|
|
|
#megamenu-content.vertical.left .megamenu .dropdown-menu
|
|
{
|
|
top:0;
|
|
left:-88%;
|
|
right: auto;
|
|
}
|
|
|
|
#megamenu-content.vertical.left .megamenu .dropdown-submenu>.dropdown-menu
|
|
{
|
|
left:-125%;
|
|
}
|
|
/****************END*************************/
|
|
.widget-video iframe
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
/*******************css for loading when preview in liveeditor BEGIN *********/
|
|
|
|
.cssload-container {
|
|
width: 100%;
|
|
height: 49px;
|
|
text-align: center;
|
|
}
|
|
|
|
.cssload-speeding-wheel {
|
|
width: 49px;
|
|
height: 49px;
|
|
margin: 0 auto;
|
|
border: 3px solid rgb(0,0,0);
|
|
border-radius: 50%;
|
|
border-left-color: transparent;
|
|
border-right-color: transparent;
|
|
animation: cssload-spin 575ms infinite linear;
|
|
-o-animation: cssload-spin 575ms infinite linear;
|
|
-ms-animation: cssload-spin 575ms infinite linear;
|
|
-webkit-animation: cssload-spin 575ms infinite linear;
|
|
-moz-animation: cssload-spin 575ms infinite linear;
|
|
}
|
|
|
|
|
|
|
|
@keyframes cssload-spin {
|
|
100%{ transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
|
|
@-o-keyframes cssload-spin {
|
|
100%{ -o-transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
|
|
@-ms-keyframes cssload-spin {
|
|
100%{ -ms-transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
|
|
@-webkit-keyframes cssload-spin {
|
|
100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
|
|
@-moz-keyframes cssload-spin {
|
|
100%{ -moz-transform: rotate(360deg); transform: rotate(360deg); }
|
|
}
|
|
|
|
#page-content{
|
|
min-height: 1200px;
|
|
width: 100%;
|
|
padding-bottom: 100px
|
|
}
|
|
|
|
.leo-widget img {
|
|
max-width: 100%;
|
|
}
|
|
|
|
/*******************css for loading when preview in liveeditor END *********/
|
|
|