first commit
This commit is contained in:
354
modules/leobootstrapmenu/views/css/admin/liveeditor.css
Normal file
354
modules/leobootstrapmenu/views/css/admin/liveeditor.css
Normal file
@@ -0,0 +1,354 @@
|
||||
.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 *********/
|
||||
|
||||
Reference in New Issue
Block a user