first commit
This commit is contained in:
692
modules/appagebuilder/views/css/ApImageHotspot.css
Normal file
692
modules/appagebuilder/views/css/ApImageHotspot.css
Normal file
@@ -0,0 +1,692 @@
|
||||
.litetooltip-wrapper {
|
||||
position: absolute;
|
||||
font: normal 90% Verdana;
|
||||
z-index: 10000;
|
||||
display: block;
|
||||
visibility: visible;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper.incontainer {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper.incontainer .tooltip-content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper.top, .litetooltip-wrapper.top-left, .litetooltip-wrapper.top-right {
|
||||
margin-top: -3px;
|
||||
padding: 5px 0px 10px 0px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper.right, .litetooltip-wrapper.right-top, .litetooltip-wrapper.right-bottom {
|
||||
margin-left: 3px;
|
||||
padding: 0px 5px 0px 10px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper.bottom, .litetooltip-wrapper.bottom-left, .litetooltip-wrapper.bottom-right {
|
||||
margin-top: 3px;
|
||||
padding: 10px 0px 5px 0px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper.left, .litetooltip-wrapper.left-top, .litetooltip-wrapper.left-bottom {
|
||||
margin-left: -3px;
|
||||
padding: 0px 10px 0px 5px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow {
|
||||
border-color: transparent;
|
||||
border-style: solid;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.top {
|
||||
margin-left: -8px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
bottom: 0px;
|
||||
border-width: 10px 8px 0px 8px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.top-left {
|
||||
margin-left: 8px;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
border-width: 10px 8px 0px 8px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.top-right {
|
||||
margin-right: 8px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
border-width: 10px 8px 0px 8px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.right {
|
||||
margin-top: -8px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0px;
|
||||
border-width: 8px 10px 8px 0;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.right-top {
|
||||
margin-bottom: 8px;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
border-width: 8px 10px 8px 0;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.right-bottom {
|
||||
margin-top: 8px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
border-width: 8px 10px 8px 0;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.bottom {
|
||||
margin-left: -8px;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 0px;
|
||||
border-width: 0px 8px 10px 8px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.bottom-left {
|
||||
margin-left: 8px;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
border-width: 0px 8px 10px 8px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.bottom-right {
|
||||
margin-right: 8px;
|
||||
position: absolute;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
border-width: 0px 8px 10px 8px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.left {
|
||||
margin-top: -8px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 0px;
|
||||
border-width: 8px 0px 8px 10px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.left-top {
|
||||
margin-bottom: 8px;
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
right: 0px;
|
||||
border-width: 8px 0px 8px 10px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-arrow.left-bottom {
|
||||
margin-top: 8px;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
border-width: 8px 0px 8px 10px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-content {
|
||||
padding: 10px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
min-width: 90px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-content .clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-content > p {
|
||||
padding-left: 3px;
|
||||
}
|
||||
/******************************************/
|
||||
/*************** templates ****************/
|
||||
.litetooltip-wrapper .tooltip-menu {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu ul, .litetooltip-wrapper .tooltip-menu ol {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
float: left;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu li {
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
list-style: none;
|
||||
float: left;
|
||||
border: solid 1px;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
padding: 5px;
|
||||
margin: 0px;
|
||||
clear: both;
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.AlizarinCrimson {
|
||||
background: #df3030;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.AlizarinCrimson li {
|
||||
border-color: #df3030;
|
||||
border-bottom: solid 1px #d12b2b;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.AlizarinCrimson a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.AlizarinCrimson a:hover {
|
||||
color: #000;
|
||||
background: #f79992;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Geradline {
|
||||
background: #f79992;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Geradline li {
|
||||
border-color: #f79992;
|
||||
border-bottom: solid 1px #ea8880;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Geradline a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Geradline a:hover {
|
||||
color: #fff;
|
||||
background: #ee6a60;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Conifer {
|
||||
background: #a2d959;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Conifer li {
|
||||
border-color: #a2d959;
|
||||
border-bottom: solid 1px #94c652;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Conifer a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Conifer a:hover {
|
||||
color: #fff;
|
||||
background: #7fba00;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Spindle {
|
||||
background: #bfd9f0;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Spindle li {
|
||||
border-color: #bfd9f0;
|
||||
border-bottom: solid 1px #d2e0ec;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Spindle a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Spindle a:hover {
|
||||
color: #fff;
|
||||
background: #6699cc;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.BostonBlue {
|
||||
background: #6699cc;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.BostonBlue li {
|
||||
border-color: #6699cc;
|
||||
border-bottom: solid 1px #4f83b7;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.BostonBlue a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.BostonBlue a:hover {
|
||||
color: #000;
|
||||
background: #bfd9f0;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.CarrotOrange {
|
||||
background: #ed9122;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.CarrotOrange li {
|
||||
border-color: #ed9122;
|
||||
border-bottom: solid 1px #d47f19;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.CarrotOrange a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.CarrotOrange a:hover {
|
||||
color: #000;
|
||||
background: #fecf3d;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Affair {
|
||||
background: #7c4d94;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Affair li {
|
||||
border-color: #7c4d94;
|
||||
border-bottom: solid 1px #8d60a4;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Affair a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.Affair a:hover {
|
||||
color: #fff;
|
||||
background: #a778bf;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.PaleConifer {
|
||||
background: #bad87a;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.PaleConifer li {
|
||||
border-color: #bad87a;
|
||||
border-bottom: solid 1px #9db963;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.PaleConifer a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.PaleConifer a:hover {
|
||||
background: #f5ffbe;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.BrightSun {
|
||||
background: #fec000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.BrightSun li {
|
||||
border-color: #fec000;
|
||||
border-bottom: solid 1px #ebb203;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.BrightSun a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.BrightSun a:hover {
|
||||
background: #fecf3d;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.AmazonLemon {
|
||||
background: #7fba00;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.AmazonLemon li {
|
||||
border-color: #7fba00;
|
||||
border-bottom: solid 1px #8ac903;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.AmazonLemon a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.AmazonLemon a:hover {
|
||||
background: #fde910;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.CoffeeConfetti {
|
||||
background: #593737;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.CoffeeConfetti li {
|
||||
border-color: #593737;
|
||||
border-bottom: solid 1px #734f4f;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.CoffeeConfetti a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.CoffeeConfetti a:hover {
|
||||
color: #000;
|
||||
background: #e9d75a;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.OysterPrim {
|
||||
background: #988d77;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.OysterPrim li {
|
||||
border-color: #988d77;
|
||||
border-bottom: solid 1px #786e59;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.OysterPrim a {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu.OysterPrim a:hover {
|
||||
background: #fdfeb8;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .tooltip-menu li.last-child {
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .image-right {
|
||||
float: right;
|
||||
margin: 0px 0px 0px 5px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .image-left {
|
||||
float: left;
|
||||
margin: 0px 5px 0px 0px;
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .video-wrapper {
|
||||
padding-bottom: 56.26%;
|
||||
position: relative;
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .video-wrapper iframe {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template h4 {
|
||||
margin: 0px;
|
||||
padding: 2px 4px 4px 4px;
|
||||
color: #fff;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template p {
|
||||
margin: 0px;
|
||||
padding: 2px 4px;
|
||||
display: block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template ul, .litetooltip-wrapper .template ol {
|
||||
margin: 0px;
|
||||
padding: 5px 5px 5px 5px;
|
||||
list-style-position: inside;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template li {
|
||||
padding: 2px 0px;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template p, .litetooltip-wrapper .template ul, .litetooltip-wrapper .template ol {
|
||||
background: #fff;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.AlizarinCrimson, .litetooltip-wrapper .template.AlizarinCrimson h4 {
|
||||
background: #df3030;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.RadicalRed, .litetooltip-wrapper .template.RadicalRed h4 {
|
||||
background: #ff1e53;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.Geradline, .litetooltip-wrapper .template.Geradline h4 {
|
||||
background: #f79992;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.Conifer, .litetooltip-wrapper .template.Conifer h4 {
|
||||
background: #a2d959;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.Limeade, .litetooltip-wrapper .template.Limeade h4 {
|
||||
background: #7fba00;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.AppleGreen, .litetooltip-wrapper .template.AppleGreen h4 {
|
||||
background: #4cc744;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.Spindle, .litetooltip-wrapper .template.Spindle h4 {
|
||||
background: #bfd9f0;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.Danube, .litetooltip-wrapper .template.Danube h4 {
|
||||
background: #6699cc;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.BostonBlue, .litetooltip-wrapper .template.BostonBlue h4 {
|
||||
background: #4182c2;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.CarrotOrange, .litetooltip-wrapper .template.CarrotOrange h4 {
|
||||
background: #ed9122;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.BrightSun, .litetooltip-wrapper .template.BrightSun h4 {
|
||||
background: #fecf3d;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.Affair, .litetooltip-wrapper .template.Affair h4 {
|
||||
background: #7c4d94;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.HotRed, .litetooltip-wrapper .template.HotRed h4 {
|
||||
background: #df3030;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.HotRed p, .litetooltip-wrapper .template.HotRed ul, .litetooltip-wrapper .template.HotRed ol {
|
||||
background: #f79992;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.HuskyBlue, .litetooltip-wrapper .template.HuskyBlue h4 {
|
||||
background: #4182c2;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.HuskyBlue p, .litetooltip-wrapper .template.HuskyBlue ul, .litetooltip-wrapper .template.HuskyBlue ol {
|
||||
background: #bfd9f0;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.MoonAffair, .litetooltip-wrapper .template.MoonAffair h4 {
|
||||
background: #7c4d94;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.MoonAffair p, .litetooltip-wrapper .template.MoonAffair ul, .litetooltip-wrapper .template.MoonAffair ol {
|
||||
background: #e8cbf7;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.PaleMint, .litetooltip-wrapper .template.PaleMint h4 {
|
||||
background: #7fba00;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.PaleMint p, .litetooltip-wrapper .template.PaleMint ul, .litetooltip-wrapper .template.PaleMint ol {
|
||||
background: #f5ffbe;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.BlueRomance, .litetooltip-wrapper .template.BlueRomance h4 {
|
||||
background: #0066ff;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.BlueRomance p, .litetooltip-wrapper .template.BlueRomance ul, .litetooltip-wrapper .template.BlueRomance ol {
|
||||
background: #d2f6de;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.AmazonLemon, .litetooltip-wrapper .template.AmazonLemon h4 {
|
||||
background: #7fba00;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.AmazonLemon p, .litetooltip-wrapper .template.AmazonLemon ul, .litetooltip-wrapper .template.AmazonLemon ol {
|
||||
background: #fde910;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.LimeConfier, .litetooltip-wrapper .template.LimeConfier h4 {
|
||||
background: #7fba00;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.LimeConfier p, .litetooltip-wrapper .template.LimeConfier ul, .litetooltip-wrapper .template.LimeConfier ol {
|
||||
background: #a2d959;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.MustardSun, .litetooltip-wrapper .template.MustardSun h4 {
|
||||
background: #ed9122;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.MustardSun p, .litetooltip-wrapper .template.MustardSun ul, .litetooltip-wrapper .template.MustardSun ol {
|
||||
background: #fecf3d;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.AtollSea, .litetooltip-wrapper .template.AtollSea h4 {
|
||||
background: #0a6f75;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.AtollSea p, .litetooltip-wrapper .template.AtollSea ul, .litetooltip-wrapper .template.AtollSea ol {
|
||||
background: #fecf3d;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.BlazeOrange, .litetooltip-wrapper .template.BlazeOrange h4 {
|
||||
background: #ff6600;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.BlazeOrange p, .litetooltip-wrapper .template.BlazeOrange ul, .litetooltip-wrapper .template.BlazeOrange ol {
|
||||
background: #0a6f75;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.CoffeeConfetti, .litetooltip-wrapper .template.CoffeeConfetti h4 {
|
||||
background: #593737;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.CoffeeConfetti p, .litetooltip-wrapper .template.CoffeeConfetti ul, .litetooltip-wrapper .template.CoffeeConfetti ol {
|
||||
background: #e9d75a;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.OysterPrim, .litetooltip-wrapper .template.OysterPrim h4 {
|
||||
background: #988d77;
|
||||
}
|
||||
|
||||
.litetooltip-wrapper .template.OysterPrim p, .litetooltip-wrapper .template.OysterPrim ul, .litetooltip-wrapper .template.OysterPrim ol {
|
||||
background: #fdfeb8;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.litetooltip-hotspot-wrapper {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.litetooltip-hotspot-container {
|
||||
position: relative;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
.litetooltip-hotspot-container img {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.litetooltip-hotspot-container .hotspot {
|
||||
position: absolute;
|
||||
z-index: 3;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.litetooltip-hotspot-container .hotspot .data-container {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.litetooltip-hotspot-container .blink {
|
||||
opacity: 0.8;
|
||||
-moz-opacity: 0.8;
|
||||
animation: litetooltip_hotspot_blink .6s ease-in infinite;
|
||||
-moz-animation: litetooltip_hotspot_blink .6s ease-in infinite;
|
||||
-ms-animation: litetooltip_hotspot_blink .6s ease-in infinite;
|
||||
-webkit-animation: litetooltip_hotspot_blink .6s ease-in infinite;
|
||||
}
|
||||
|
||||
@keyframes litetooltip_hotspot_blink {
|
||||
to {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes litetooltip_hotspot_blink {
|
||||
to {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
@-moz-keyframes litetooltip_hotspot_blink {
|
||||
to {
|
||||
opacity: 0.3;
|
||||
-moz-opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
@-ms-keyframes litetooltip_hotspot_blink {
|
||||
to {
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
1244
modules/appagebuilder/views/css/admin/form.css
Normal file
1244
modules/appagebuilder/views/css/admin/form.css
Normal file
File diff suppressed because it is too large
Load Diff
46
modules/appagebuilder/views/css/admin/images.css
Normal file
46
modules/appagebuilder/views/css/admin/images.css
Normal file
@@ -0,0 +1,46 @@
|
||||
/*.adminleosliderlayer #main .bootstrap, .adminleosliderlayer #header, .adminleosliderlayer #footer{display: none}
|
||||
.adminleosliderlayer #main{margin: 0;padding: 0}
|
||||
.adminleosliderlayer #content{margin: 0 !important;padding:0 !important}
|
||||
.adminleosliderlayer .page-head{display: none}*/
|
||||
.adminleosliderlayer #header, .adminleosliderlayer #footer, .adminleosliderlayer #nav-sidebar, .page-head{
|
||||
display: none;
|
||||
}
|
||||
.adminappagebuilderimages #header,.adminappagebuilderimages #footer,.adminappagebuilderimages #nav-sidebar,.adminappagebuilderimages .page-head{
|
||||
display: none;
|
||||
}
|
||||
.page-sidebar #content, .adminleosliderlayer #main{margin: 0;padding: 0}
|
||||
#list-imgs {
|
||||
padding-left: 0;
|
||||
padding-bottom: 1px;
|
||||
margin-bottom: 20px;
|
||||
list-style: none;
|
||||
overflow: hidden;
|
||||
}
|
||||
#list-imgs li a{
|
||||
font-size: 11px
|
||||
}
|
||||
#list-imgs li {
|
||||
float: left;
|
||||
width: 20%;
|
||||
height: 115px;
|
||||
padding: 10px 5px;
|
||||
margin: 0 -1px -1px 0;
|
||||
font-size: 12px;
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
border: 1px solid #ddd;
|
||||
}
|
||||
.img-row{
|
||||
overflow: hidden;
|
||||
height: 80px;
|
||||
}
|
||||
.typos{
|
||||
padding: 10px
|
||||
}
|
||||
.typos-wrap .typo {
|
||||
position: relative;
|
||||
min-height: 60px;
|
||||
}
|
||||
.typos-wrap .typo-big{
|
||||
min-height: 123px
|
||||
}
|
||||
36
modules/appagebuilder/views/css/admin/index.php
Normal file
36
modules/appagebuilder/views/css/admin/index.php
Normal file
@@ -0,0 +1,36 @@
|
||||
<?php
|
||||
/*
|
||||
* 2007-2012 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License (AFL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* http://opensource.org/licenses/afl-3.0.php
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright 2007-2012 PrestaShop SA
|
||||
* @version Release: $Revision: 13573 $
|
||||
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
394
modules/appagebuilder/views/css/admin/style.css
Normal file
394
modules/appagebuilder/views/css/admin/style.css
Normal file
@@ -0,0 +1,394 @@
|
||||
.fl {float: left!important;}
|
||||
.fr {float: right!important;}
|
||||
.list-all-hooks a {
|
||||
margin-left: 5px;
|
||||
display: inline-block;
|
||||
}
|
||||
.icon-AdminApPageBuilder:before {
|
||||
content: "\f044";
|
||||
}
|
||||
|
||||
#home_wrapper .position-cover {
|
||||
border: 1px solid #00aff0;
|
||||
box-shadow: 0 0 5px #eee;
|
||||
padding: 5px;
|
||||
margin-bottom: 30px;
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
#home_wrapper .position-cover:hover {
|
||||
box-shadow: 0 0 5px #bdbdbd;
|
||||
transition: all 0.6s ease 0s;
|
||||
}
|
||||
.position-area {
|
||||
min-height: 100px;
|
||||
clear: both;
|
||||
}
|
||||
.bootstrap .tree-panel-heading-controls {
|
||||
margin: -2px 0 20px!important;
|
||||
}
|
||||
.modal-body {
|
||||
/*overflow: hidden!important;*/
|
||||
}
|
||||
.column-controll-right .btn-group .btn {
|
||||
background-color: #bbb;
|
||||
transition: all 0.2s ease 0s;
|
||||
}
|
||||
.column-controll-right .btn-group .btn:hover {
|
||||
transition: all 0.3s ease 0s;
|
||||
background-color: #333;
|
||||
}
|
||||
.position-cover .list-position span {
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: 150px;
|
||||
line-height: 12px;
|
||||
}
|
||||
.box-edit-position {
|
||||
background-color: #fff;
|
||||
box-shadow: 0 0 5px;
|
||||
padding: 20px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 300px;
|
||||
z-index: 1;
|
||||
}
|
||||
.position-cover .list-position i:hover {
|
||||
color: #000!important;
|
||||
}
|
||||
.position-name i {
|
||||
color: #fff;
|
||||
}
|
||||
.modal.ui-draggable {
|
||||
top:0!important;
|
||||
}
|
||||
.item a {
|
||||
display: table-cell;
|
||||
height: 65px !important;
|
||||
vertical-align: middle;
|
||||
padding: 0 10px 0 40px;
|
||||
}
|
||||
.cover-short-code {
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid transparent;
|
||||
margin: 5px 0;
|
||||
cursor: pointer;
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
transition: all 0.2s ease 0s;
|
||||
box-shadow: 0 -2px 0 #e6e6e6 inset;
|
||||
height: 65px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.cover-short-code:hover {
|
||||
background-color: #ededed;
|
||||
transition: all 0.4s ease 0s;
|
||||
color: #333;
|
||||
box-shadow: 0 -2px 0 #bdbdbd inset;
|
||||
}
|
||||
.cover-short-code .icon {
|
||||
left: 20px;
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
}
|
||||
.cover-short-code .label {
|
||||
position: relative;
|
||||
font-weight: bold;
|
||||
color: #0066CC;
|
||||
white-space:normal;
|
||||
padding: 0!important;
|
||||
margin: 0!important;
|
||||
}
|
||||
.cover-short-code:hover .label {
|
||||
color: #333;
|
||||
text-decoration: underline;
|
||||
}
|
||||
.cover-short-code:hover .icon {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#txt-search {
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
|
||||
border: 1px solid #ccc;
|
||||
background-color: #fff;
|
||||
}
|
||||
#txt-search:hover, #txt-search:focus {
|
||||
box-shadow: 0 -2px 0 #bdbdbd inset!important;
|
||||
background-color: #fff7d0;
|
||||
}
|
||||
.box-search-widget {
|
||||
opacity: 1;
|
||||
float: right;
|
||||
margin-right: 10px;
|
||||
margin-top: -5px;
|
||||
}
|
||||
|
||||
#tab-new-widget {
|
||||
border-bottom: 1px solid #ddd;
|
||||
min-height: 40px;
|
||||
}
|
||||
#modal_form .tab-content {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#modal_form .btn.is-checked {
|
||||
font-weight: bold;
|
||||
color: #333;
|
||||
border: 1px dashed #ddd;
|
||||
}
|
||||
img.icon {
|
||||
max-width: 20px;
|
||||
}
|
||||
#list-slider li {
|
||||
cursor: move;
|
||||
}
|
||||
.list-link-block {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
.list-link-block > li {
|
||||
background-color: #f5f5f5;
|
||||
display: inline-block;
|
||||
padding: 10px 0;
|
||||
width: 100%;
|
||||
}
|
||||
.list-link-block > li .btn-remove-block-link {
|
||||
display: block;
|
||||
}
|
||||
.list-link-block > li:hover .btn-remove-block-link {
|
||||
display: block;
|
||||
}
|
||||
.link_group{
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
.link_group .form-group{
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.form-group.link_group{
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.link_group > .form-group:first-child{
|
||||
margin-top: 10px;
|
||||
}
|
||||
.link_group > .form-group .form-group{
|
||||
margin-bottom:0px;
|
||||
}
|
||||
.link_group > .form-group:last-child{
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.latest-blog-category {
|
||||
background-color: #fefefe;
|
||||
border: 1px solid #ccc;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.latest-blog-category ol, .latest-blog-category li {
|
||||
list-style-type: none;
|
||||
}
|
||||
.list-font-awesome {
|
||||
clear: both;
|
||||
margin: 10px 0 !important;
|
||||
padding: 0;
|
||||
}
|
||||
.list-font-awesome > li, .preview-widget {
|
||||
border: 1px solid #bdbdbd;
|
||||
cursor: pointer;
|
||||
float: left;
|
||||
list-style-type: none;
|
||||
margin: 5px;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
width: 30px;
|
||||
}
|
||||
.list-font-awesome .selected, .list-font-awesome > li:hover {
|
||||
background-color: #333;
|
||||
color: #fff;
|
||||
transition: all 0.3s ease 0s;
|
||||
}
|
||||
.preview-widget {
|
||||
|
||||
}
|
||||
.dropdown-menu-right .selected {
|
||||
background-color: #bdbdbd;
|
||||
}
|
||||
#s-image{margin: 10px 0;}
|
||||
.open-content i{
|
||||
margin-left:7px;
|
||||
}
|
||||
span.open-content {
|
||||
cursor : pointer;
|
||||
}
|
||||
.row-actived>a{
|
||||
text-align: center;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.product-container .row-preactive, .element-list .btn-add-column{
|
||||
display: none;
|
||||
}
|
||||
.adminappagebuilderdetails #home_wrapper {
|
||||
margin: 20px auto;
|
||||
}
|
||||
.adminappagebuilderdetails .gridLeft-block-content{
|
||||
min-height: 300px;
|
||||
height: auto;
|
||||
overflow: auto;
|
||||
}
|
||||
.adminappagebuilderdetails .column-action a{
|
||||
color: #ededed
|
||||
}
|
||||
/*
|
||||
.adminappagebuilderdetails .column-row .cover-column{
|
||||
margin-right: -5px;
|
||||
margin-left: -5px;
|
||||
}
|
||||
*/
|
||||
.adminappagebuilderdetails .cover-column{
|
||||
|
||||
}
|
||||
.adminappagebuilderdetails .column-row .content{
|
||||
/*
|
||||
padding: 20px;
|
||||
*/
|
||||
padding: 30px 10px 10px 10px;
|
||||
}
|
||||
.adminappagebuilderdetails .plist-eremove{
|
||||
color: red
|
||||
}
|
||||
|
||||
|
||||
#product-demo-sample{
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
#product-demo-sample .item-demo{
|
||||
margin: 10px 0;
|
||||
}
|
||||
#product-demo-sample .item-demo .block-image{
|
||||
height: 290px;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
border: 1px solid #c9ccd3;
|
||||
}
|
||||
#product-demo-sample .item-demo .block-image::before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
z-index: 8;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
opacity: 0;
|
||||
background: #00000082;
|
||||
-moz-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
-ms-transition: all 0.3s ease;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
#product-demo-sample .item-demo .block-image img{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
z-index: 7;
|
||||
}
|
||||
#product-demo-sample .item-demo .block-image a{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
z-index: 9;
|
||||
font-size: 13px;
|
||||
padding: 5px 10px;
|
||||
opacity: 0;
|
||||
-moz-transform: translate(-50%,-50%);
|
||||
-o-transform: translate(-50%,-50%);
|
||||
-ms-transform: translate(-50%,-50%);
|
||||
-webkit-transform: translate(-50%,-50%);
|
||||
transform: translate(-50%,-50%);
|
||||
-moz-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
-ms-transition: all 0.3s ease;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
#product-demo-sample .item-demo .block-image:hover a,
|
||||
#product-demo-sample .item-demo .block-image:hover:before{
|
||||
opacity: 1;
|
||||
}
|
||||
#product-demo-sample .item-demo .block-name{
|
||||
text-align: center;
|
||||
font-size: 13px;
|
||||
background-color: #4D576E;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
border-bottom: solid 1px #fff;
|
||||
border-radius: 0 0 5px 5px;
|
||||
}
|
||||
|
||||
|
||||
@media (min-width: 575px) and (max-width: 991px){
|
||||
#product-demo-sample > [class*="col-"]:nth-child(2n + 1){
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) and (max-width: 1199px){
|
||||
#product-demo-sample > [class*="col-"]:nth-child(3n + 1){
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) and (max-width: 1399px){
|
||||
#product-demo-sample > [class*="col-"]:nth-child(4n + 1){
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1400px) and (max-width: 1699px){
|
||||
#product-demo-sample > [class*="col-"]{
|
||||
width: 20%;
|
||||
}
|
||||
#product-demo-sample > [class*="col-"]:nth-child(5n + 1){
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1700px){
|
||||
#product-demo-sample > [class*="col-"]{
|
||||
width: 16.66667%;
|
||||
}
|
||||
#product-demo-sample > [class*="col-"]:nth-child(6n + 1){
|
||||
clear: both;
|
||||
}
|
||||
}
|
||||
@media(max-width: 576px){
|
||||
#product-demo-sample > [class*="col-"]{
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.aprow_rtl button{
|
||||
min-width: 200px !important;
|
||||
text-align: left !important;
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
#modal_form .modal-dialog {
|
||||
width: 1200px;
|
||||
}
|
||||
#modal_form .modal-lg {
|
||||
width: 1200px;
|
||||
}
|
||||
|
||||
/********** EXPORT + IMPORT BEGIN **********/
|
||||
#xml_import_form{
|
||||
display : none;
|
||||
}
|
||||
.btn_add_new{
|
||||
color : #00aff0;
|
||||
}
|
||||
.btn_xml_import{
|
||||
color : #00aff0;
|
||||
}
|
||||
.btn_xml_export{
|
||||
color : #00aff0;
|
||||
}
|
||||
.leo_delete_position{
|
||||
color : #00aff0;
|
||||
}
|
||||
/********** EXPORT + IMPORT END **********/
|
||||
@@ -0,0 +1,49 @@
|
||||
.t_span4 {
|
||||
padding-left: 0 !important;
|
||||
padding-right: 20px !important;
|
||||
}
|
||||
.form-group.aprow_font_option{
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.t_span4 .title-item {
|
||||
font-size: 1.3em;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.t_span4.col-lg-4 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.t-help-block{
|
||||
color: #959595;
|
||||
}
|
||||
.t-group-attr{
|
||||
color: #333 !important;
|
||||
font-size: 1.4em !important;
|
||||
font-weight: 600 !important;
|
||||
line-height: 1.4em !important;
|
||||
margin-bottom: 10px !important;
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0 !important;
|
||||
margin-top: 10px !important;
|
||||
}
|
||||
.t-group-attr-h3{
|
||||
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
float: left;
|
||||
margin-right: 45px;
|
||||
padding: 10px 15px;
|
||||
font-size: 18px;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 0;
|
||||
font-weight: 300;
|
||||
margin: 0;
|
||||
}
|
||||
#modal_form .modal-dialog{
|
||||
width: 900px;
|
||||
}
|
||||
#modal_form .modal-backdrop.fade.in
|
||||
{
|
||||
opacity: .5;
|
||||
}
|
||||
#modal_form .modal-dialog{
|
||||
z-index: 1050;
|
||||
}
|
||||
|
||||
216
modules/appagebuilder/views/css/admin/style_hook_cpanel.css
Normal file
216
modules/appagebuilder/views/css/admin/style_hook_cpanel.css
Normal file
@@ -0,0 +1,216 @@
|
||||
.clearfix:before,.clearfix:after{content:".";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}
|
||||
.leotheme-layout{
|
||||
background:#f2f2f2;
|
||||
width:800px;
|
||||
margin:10 auto;padding:14px
|
||||
}
|
||||
.leotheme-layout > div, .leotheme-layout > div div{
|
||||
position:relative;
|
||||
}
|
||||
.leo-container{ background:#dcdcdc; margin:0px 0px; position:relative; }
|
||||
#leo-displaynav, #leo-header .topbar, #leo-menu, #leo-slideshow, #leo-displayTopColumn,#leo-bottom ,#leo-hfooter{
|
||||
min-height:40px;
|
||||
padding-top:26px;
|
||||
padding-bottom:9px;
|
||||
}
|
||||
|
||||
|
||||
#leo-content {
|
||||
clear:both;
|
||||
display:block;
|
||||
background:#dcdcdc
|
||||
}
|
||||
#leo-content #leo-left,#leo-content #leo-right{ width:25%;float:left; min-height:200px}
|
||||
#leo-content .leo-container,#leo-hheaderright {margin:0; padding-top:26px; padding-bottom:9px }
|
||||
#leo-center{
|
||||
background: #dcdcdc;
|
||||
|
||||
float: left;
|
||||
min-height: 200px;
|
||||
width: 50%;
|
||||
}
|
||||
#leo-center .leo-container{
|
||||
border-left: 1px solid #CCCCCC;
|
||||
border-right: 1px solid #CCCCCC;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
#leologo{ width:18%;float:left; min-height:60px}
|
||||
#leo-hheaderright{
|
||||
display:block;
|
||||
float:right;
|
||||
width:80%;
|
||||
min-height:60px;
|
||||
}
|
||||
.placeholder{
|
||||
background:#FFFFBB;
|
||||
}
|
||||
.module-pos{
|
||||
max-width:299px;
|
||||
margin:6px;
|
||||
margin-left: 12px;
|
||||
cursor:move;
|
||||
}
|
||||
.leo-editmodule{
|
||||
background:#FFF;
|
||||
|
||||
padding:5px 8px;
|
||||
border:solid 1px #CCC;
|
||||
font-size:10px;
|
||||
}
|
||||
.leo-editmodule img{width:14px}
|
||||
.leo-container > div{
|
||||
position:relative;
|
||||
}
|
||||
|
||||
.module-pos .editmod{
|
||||
background: url(../../img/admin/edit.png) no-repeat center center #DFF0D8;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
top: 3px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
#leo-page .pos{
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
left: 0;
|
||||
padding: 4px 12px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
background:#FFF;
|
||||
z-index:10
|
||||
}
|
||||
.leotheme-layout{
|
||||
width:72%;
|
||||
float:left
|
||||
}
|
||||
.holdposition{
|
||||
width:28%;
|
||||
float:left;
|
||||
min-height:600px;
|
||||
background:#e1e1e1;
|
||||
padding-top:24px;
|
||||
margin-top:14px
|
||||
}
|
||||
#overidehook{
|
||||
background:#EEE;
|
||||
padding:12px;
|
||||
position:absolute;
|
||||
z-index:99;
|
||||
-webkit-box-shadow: 0 1px 2px #000;
|
||||
-moz-box-shadow: 0 1px 2px #000;
|
||||
box-shadow:0 1px 2px #000;
|
||||
border:solid 1px #666
|
||||
}
|
||||
#overidehook #oh-close{
|
||||
font-size:10px; font-weight:bold;
|
||||
cursor:hand; cursor:pointer
|
||||
}
|
||||
#leo-copyright{
|
||||
float:left;
|
||||
width:50%;
|
||||
margin-top:40px
|
||||
}
|
||||
#leo-footnav{
|
||||
min-height:50px;
|
||||
padding-top:24px;
|
||||
float:right;
|
||||
width:48%
|
||||
}
|
||||
#leo-footer-buider{
|
||||
|
||||
background:#DCDCDC;
|
||||
padding: 12px;
|
||||
font-weight: bold;
|
||||
text-transform: uppercase;
|
||||
text-align: center
|
||||
|
||||
}
|
||||
.form-fonts .group-fields{
|
||||
border: solid 1px #EBEDF4;
|
||||
margin-bottom: 12px;
|
||||
padding: 12px;
|
||||
}
|
||||
.help-context-adminmodules{
|
||||
display: none!important;
|
||||
}
|
||||
.process-icon-liveedit{
|
||||
background-image: url("../../img/admin/live-edit.png");
|
||||
}
|
||||
.process-icon-livethemeeditor {
|
||||
background-image: url("../../img/admin/theme-editor.png");
|
||||
}
|
||||
.process-icon-controlpanel {
|
||||
background-image: url("../../img/admin/control-panel.png");
|
||||
}
|
||||
.note, #leo-page .note ul li{
|
||||
font-size:10px; font-weight:normal;
|
||||
}
|
||||
|
||||
.vtab-mode > ul{
|
||||
display: block;
|
||||
width: 220px;
|
||||
float: left;
|
||||
|
||||
}
|
||||
.vtab-mode > ul li {
|
||||
background: #bdc3c7;
|
||||
display: block;
|
||||
width: 100%;
|
||||
padding:10px 0;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
.vtab-mode > ul li a{ padding: 12px; color: #FFF }
|
||||
.vtab-mode > ul li.active{ background:#7f8c8d; }
|
||||
.vtab-mode > div{
|
||||
overflow: hidden;
|
||||
border: #f3f3f3 solid 1px;
|
||||
padding: 12px;
|
||||
margin:12px 0;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
*
|
||||
*/
|
||||
h2{ color: #F0776C; font-size: 18px }
|
||||
h3 b{ color:#20AAE5; text-transform: uppercase;}
|
||||
.custom-form .toolbarBox .pageTitle h3{
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.custom-form .ui-widget-header{
|
||||
background: none;
|
||||
border: none;
|
||||
margin-top: -39px;
|
||||
}
|
||||
.custom-form fieldset{ border: none; }
|
||||
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{
|
||||
background-image:none;
|
||||
}
|
||||
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
|
||||
border-color: #E6E6E6
|
||||
}
|
||||
.ui-tabs .ui-tabs-nav li a{
|
||||
padding:7px 28px;
|
||||
font-size: 13px;
|
||||
}
|
||||
.ui-widget-content, .custom-form .toolbarBox {
|
||||
border-color: #E6E6E6
|
||||
}
|
||||
.inner li {
|
||||
line-height:18px;
|
||||
}
|
||||
#leo-form-setting { margin-top: 60px; font-size: 13px }
|
||||
#leo-form-setting label { font-size: 12px }
|
||||
#leo-form-setting .separation { border-collapse: #E6E6E6 }
|
||||
#leo-form-setting .inner {padding: 12px }
|
||||
#themecontrol-form, #themecontrol-form label, #themecontrol-form input, #themecontrol-form textarea {
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.leo_top_25{
|
||||
margin-top: 25px;
|
||||
}
|
||||
209
modules/appagebuilder/views/css/admin/themeeditor.css
Normal file
209
modules/appagebuilder/views/css/admin/themeeditor.css
Normal file
@@ -0,0 +1,209 @@
|
||||
.adminappagebuilderthemeeditor #header,.adminappagebuilderthemeeditor #footer,.adminappagebuilderthemeeditor #nav-sidebar,.adminappagebuilderthemeeditor .page-head{
|
||||
display: none;
|
||||
}
|
||||
|
||||
html,body,#content,#livethemeeditor{
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.off-customize #main-preview{
|
||||
margin-left: 0
|
||||
}
|
||||
.off-customize #leo-customize span{margin-left: 22px}
|
||||
.off-customize #leo-customize .btn-show{
|
||||
right: -56px;
|
||||
transition:all 0.2s;
|
||||
}
|
||||
.page-wrapper{
|
||||
margin-left:300px;
|
||||
}
|
||||
.off-customize #leo-customize{
|
||||
left: -330px;
|
||||
}
|
||||
|
||||
#customize-form{
|
||||
position: relative;
|
||||
}
|
||||
#main-preview {
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
margin-left: 300px;
|
||||
transition-duration: 0.2s;
|
||||
transition-property: left, right, top, bottom, width, margin;
|
||||
}
|
||||
#main-preview iframe, #top_container, #container, #main,#content, body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
||||
}
|
||||
.colorpicker{
|
||||
z-index: 9999
|
||||
}
|
||||
#leo-customize{
|
||||
width: 320px;
|
||||
|
||||
position:absolute;
|
||||
top: 0;
|
||||
left:0px;
|
||||
|
||||
z-index: 3;
|
||||
box-shadow: 0 1px 3px #999;
|
||||
transition-duration: 0.2s;
|
||||
transition-property: left, right, top, bottom, width, margin;
|
||||
background: none repeat scroll 0 0 #fff;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
|
||||
}
|
||||
|
||||
#leo-customize .wrapper{
|
||||
|
||||
padding: 12px;
|
||||
}
|
||||
#customize-body input[type="text"]{
|
||||
line-height: 18px;
|
||||
margin: 0;
|
||||
width: 50px;
|
||||
color: #FFF;
|
||||
font-size: 11px;
|
||||
border-radius: 3px 3px 3px 3px;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #DFDFDF;
|
||||
padding: 3px 5px;
|
||||
margin-right: 6px;
|
||||
display: inline-block;
|
||||
}
|
||||
.form-group {
|
||||
margin-right: 6px;
|
||||
}
|
||||
.form-group select{
|
||||
width: 100px
|
||||
}
|
||||
.accordion-inner .form-group .clear-bg{
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
.accordion-group label, .form-group label{
|
||||
display: block;
|
||||
font-size: 11px;
|
||||
text-align: left;
|
||||
}
|
||||
.accordion-group label{
|
||||
float: left;
|
||||
margin-right:7px;
|
||||
|
||||
font-weight: normal;
|
||||
}
|
||||
#leo-customize .btn{
|
||||
padding: 4px 12px;
|
||||
font-size: 11px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#leo-customize .btn-show{
|
||||
position: absolute;
|
||||
top: 39px;
|
||||
padding:6px 18px;
|
||||
background:#CCC;
|
||||
right:11px;
|
||||
z-index: 99;
|
||||
transition:all 1.2s;
|
||||
cursor: hand;
|
||||
cursor: pointer;
|
||||
|
||||
}
|
||||
#customize-body .nav-tabs, #customize-body .nav-tabs a{
|
||||
border:none;
|
||||
}
|
||||
#customize-body .nav-tabs a{
|
||||
background: transparent;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
}
|
||||
#customize-body .nav-tabs .active a{
|
||||
background: #FFF
|
||||
}
|
||||
.accordion-heading .accordion-toggle{
|
||||
font-weight: bold;
|
||||
font-family: arial;
|
||||
}
|
||||
.tab-content > .tab-pane, .pill-content > .pill-pane {
|
||||
background: none repeat scroll 0 0 #FFFFFF;
|
||||
}
|
||||
.bi-wrapper > div{
|
||||
float: left;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 3px 4px;
|
||||
border: solid 1px #999;
|
||||
cursor:hand; cursor:pointer;
|
||||
}
|
||||
.bi-wrapper > div.active{
|
||||
border-color:red;
|
||||
}
|
||||
|
||||
#content.bootstrap .panel, #content.bootstrap #dash_version, #content.bootstrap .message-item-initial .message-item-initial-body, #content.bootstrap .timeline .timeline-item .timeline-caption .timeline-panel {
|
||||
padding: 0;
|
||||
}
|
||||
#content.bootstrap h3:not(.modal-title), #content.bootstrap .panel-heading {
|
||||
margin: 0;
|
||||
text-transform: inherit;
|
||||
}
|
||||
#customize-body .tab-content {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#leo-customize .bootstrap .label-success {
|
||||
display: inline-block;
|
||||
width: 92px;
|
||||
}
|
||||
#customize-body .bootstrap .label {
|
||||
border-radius: 0;
|
||||
color: #FFFFFF;
|
||||
font-size: 100%;
|
||||
font-weight: bold;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
vertical-align: baseline;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.page-sidebar #content {
|
||||
margin-left: 0;
|
||||
}
|
||||
.page-sidebar .bootstrap .row{float: left; width: 100%; height: 100%;}
|
||||
.page-sidebar .bootstrap .col-lg-12{width: 100%; height: 100%;}
|
||||
|
||||
.page-sidebar #content.bootstrap {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#main-preview .paneltool {
|
||||
display: none;
|
||||
}
|
||||
.page-sidebar #main-preview {
|
||||
margin-left: 320px;
|
||||
}
|
||||
.off-customize.page-sidebar #main-preview {
|
||||
margin-left:0;
|
||||
}
|
||||
|
||||
#content.bootstrap .panel,
|
||||
#content.bootstrap #dash_version,
|
||||
#content.bootstrap .message-item-initial .message-item-initial-body,
|
||||
#content.bootstrap .timeline .timeline-item .timeline-caption .timeline-panel {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
select.input-setting{margin-right: 0!important}
|
||||
.bg-config{padding: 8px 15px;margin-bottom: 20px; list-style: none;}
|
||||
.bg-config>li {
|
||||
display: inline-block;
|
||||
}
|
||||
3164
modules/appagebuilder/views/css/animate.css
vendored
Normal file
3164
modules/appagebuilder/views/css/animate.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
161
modules/appagebuilder/views/css/colorpicker/css/colorpicker.css
Normal file
161
modules/appagebuilder/views/css/colorpicker/css/colorpicker.css
Normal file
@@ -0,0 +1,161 @@
|
||||
.colorpicker {
|
||||
width: 356px;
|
||||
height: 176px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
background: url(../../../img/colorpicker/images/colorpicker_background.png);
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
display: none;
|
||||
}
|
||||
.colorpicker_color {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
left: 14px;
|
||||
top: 13px;
|
||||
position: absolute;
|
||||
background: #f00;
|
||||
overflow: hidden;
|
||||
cursor: crosshair;
|
||||
}
|
||||
.colorpicker_color div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
background: url(../../../img/colorpicker/images/colorpicker_overlay.png);
|
||||
}
|
||||
.colorpicker_color div div {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
overflow: hidden;
|
||||
background: url(../../../img/colorpicker/images/colorpicker_select.gif);
|
||||
margin: -5px 0 0 -5px;
|
||||
}
|
||||
.colorpicker_hue {
|
||||
position: absolute;
|
||||
top: 13px;
|
||||
left: 171px;
|
||||
width: 35px;
|
||||
height: 150px;
|
||||
cursor: n-resize;
|
||||
}
|
||||
.colorpicker_hue div {
|
||||
position: absolute;
|
||||
width: 35px;
|
||||
height: 9px;
|
||||
overflow: hidden;
|
||||
background: url(../../../img/colorpicker/images/colorpicker_indic.gif) left top;
|
||||
margin: -4px 0 0 0;
|
||||
left: 0px;
|
||||
}
|
||||
.colorpicker_new_color {
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
left: 213px;
|
||||
top: 13px;
|
||||
background: #f00;
|
||||
}
|
||||
.colorpicker_current_color {
|
||||
position: absolute;
|
||||
width: 60px;
|
||||
height: 30px;
|
||||
left: 283px;
|
||||
top: 13px;
|
||||
background: #f00;
|
||||
}
|
||||
.colorpicker input {
|
||||
background-color: transparent;
|
||||
border: 1px solid transparent;
|
||||
position: absolute;
|
||||
font-size: 10px;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
color: #898989;
|
||||
top: 4px;
|
||||
right: 11px;
|
||||
text-align: right;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
height: 11px;
|
||||
}
|
||||
.colorpicker_hex {
|
||||
position: absolute;
|
||||
width: 72px;
|
||||
height: 22px;
|
||||
background: url(../../../img/colorpicker/images/colorpicker_hex.png) top;
|
||||
left: 212px;
|
||||
top: 142px;
|
||||
}
|
||||
.colorpicker_hex input {
|
||||
right: 6px;
|
||||
}
|
||||
.colorpicker_field {
|
||||
height: 22px;
|
||||
width: 62px;
|
||||
background-position: top;
|
||||
position: absolute;
|
||||
}
|
||||
.colorpicker_field span {
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 22px;
|
||||
overflow: hidden;
|
||||
top: 0;
|
||||
right: 0;
|
||||
cursor: n-resize;
|
||||
}
|
||||
.colorpicker_rgb_r {
|
||||
background-image: url(../../../img/colorpicker/images/colorpicker_rgb_r.png);
|
||||
top: 52px;
|
||||
left: 212px;
|
||||
}
|
||||
.colorpicker_rgb_g {
|
||||
background-image: url(../../../img/colorpicker/images/colorpicker_rgb_g.png);
|
||||
top: 82px;
|
||||
left: 212px;
|
||||
}
|
||||
.colorpicker_rgb_b {
|
||||
background-image: url(../../../img/colorpicker/images/colorpicker_rgb_b.png);
|
||||
top: 112px;
|
||||
left: 212px;
|
||||
}
|
||||
.colorpicker_hsb_h {
|
||||
background-image: url(../../../img/colorpicker/images/colorpicker_hsb_h.png);
|
||||
top: 52px;
|
||||
left: 282px;
|
||||
}
|
||||
.colorpicker_hsb_s {
|
||||
background-image: url(../../../img/colorpicker/images/colorpicker_hsb_s.png);
|
||||
top: 82px;
|
||||
left: 282px;
|
||||
}
|
||||
.colorpicker_hsb_b {
|
||||
background-image: url(../../../img/colorpicker/images/colorpicker_hsb_b.png);
|
||||
top: 112px;
|
||||
left: 282px;
|
||||
}
|
||||
.colorpicker_submit {
|
||||
position: absolute;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
background: url(../../../img/colorpicker/images/colorpicker_submit.png) top;
|
||||
left: 322px;
|
||||
top: 142px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.colorpicker_focus {
|
||||
background-position: center;
|
||||
}
|
||||
.colorpicker_hex.colorpicker_focus {
|
||||
background-position: bottom;
|
||||
}
|
||||
.colorpicker_submit.colorpicker_focus {
|
||||
background-position: bottom;
|
||||
}
|
||||
.colorpicker_slider {
|
||||
background-position: bottom;
|
||||
}
|
||||
35
modules/appagebuilder/views/css/colorpicker/css/index.php
Normal file
35
modules/appagebuilder/views/css/colorpicker/css/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/*
|
||||
* 2007-2014 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License (AFL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* http://opensource.org/licenses/afl-3.0.php
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright 2007-2019 PrestaShop SA
|
||||
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
218
modules/appagebuilder/views/css/colorpicker/css/layout.css
Normal file
218
modules/appagebuilder/views/css/colorpicker/css/layout.css
Normal file
@@ -0,0 +1,218 @@
|
||||
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
table {
|
||||
border-collapse:collapse;
|
||||
border-spacing:0;
|
||||
}
|
||||
fieldset,img {
|
||||
border:0;
|
||||
}
|
||||
address,caption,cite,code,dfn,em,strong,th,var {
|
||||
font-style:normal;
|
||||
font-weight:normal;
|
||||
}
|
||||
ol,ul {
|
||||
list-style:none;
|
||||
}
|
||||
caption,th {
|
||||
text-align:left;
|
||||
}
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
font-size:100%;
|
||||
font-weight:normal;
|
||||
}
|
||||
q:before,q:after {
|
||||
content:'';
|
||||
}
|
||||
abbr,acronym { border:0;
|
||||
}
|
||||
html, body {
|
||||
background-color: #fff;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
color: #52697E;
|
||||
}
|
||||
body {
|
||||
text-align: center;
|
||||
overflow: auto;
|
||||
}
|
||||
.wrapper {
|
||||
width: 700px;
|
||||
margin: 0 auto;
|
||||
text-align: left;
|
||||
}
|
||||
h1 {
|
||||
font-size: 21px;
|
||||
height: 47px;
|
||||
line-height: 47px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.navigationTabs {
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
border-bottom: 1px solid #ccc;
|
||||
}
|
||||
.navigationTabs li {
|
||||
float: left;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
padding-right: 3px;
|
||||
}
|
||||
.navigationTabs li a{
|
||||
float: left;
|
||||
dispaly: block;
|
||||
height: 23px;
|
||||
line-height: 23px;
|
||||
padding: 0 10px;
|
||||
overflow: hidden;
|
||||
color: #52697E;
|
||||
background-color: #eee;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
}
|
||||
.navigationTabs li a:hover {
|
||||
background-color: #f0f0f0;
|
||||
}
|
||||
.navigationTabs li a.active {
|
||||
background-color: #fff;
|
||||
border: 1px solid #ccc;
|
||||
border-bottom: 0px solid;
|
||||
}
|
||||
.tabsContent {
|
||||
border: 1px solid #ccc;
|
||||
border-top: 0px solid;
|
||||
width: 698px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.tab {
|
||||
padding: 16px;
|
||||
display: none;
|
||||
}
|
||||
.tab h2 {
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
}
|
||||
.tab h3 {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
.tab p {
|
||||
margin-top: 16px;
|
||||
clear: both;
|
||||
}
|
||||
.tab ul {
|
||||
margin-top: 16px;
|
||||
list-style: disc;
|
||||
}
|
||||
.tab li {
|
||||
margin: 10px 0 0 35px;
|
||||
}
|
||||
.tab a {
|
||||
color: #8FB0CF;
|
||||
}
|
||||
.tab strong {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tab pre {
|
||||
font-size: 11px;
|
||||
margin-top: 20px;
|
||||
width: 668px;
|
||||
overflow: auto;
|
||||
clear: both;
|
||||
}
|
||||
.tab table {
|
||||
width: 100%;
|
||||
}
|
||||
.tab table td {
|
||||
padding: 6px 10px 6px 0;
|
||||
vertical-align: top;
|
||||
}
|
||||
.tab dt {
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
#colorSelector {
|
||||
position: relative;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: url(../../../img/colorpicker/images/select.png);
|
||||
}
|
||||
#colorSelector div {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: url(../../../img/colorpicker/images/select.png) center;
|
||||
}
|
||||
#colorSelector2 {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
background: url(../../../img/colorpicker/images/select2.png);
|
||||
}
|
||||
#colorSelector2 div {
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
background: url(../../../img/colorpicker/images/select2.png) center;
|
||||
}
|
||||
#colorpickerHolder2 {
|
||||
top: 32px;
|
||||
left: 0;
|
||||
width: 356px;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker {
|
||||
background-image: url(../../../img/colorpicker/images/custom_background.png);
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker_hue div {
|
||||
background-image: url(../../../img/colorpicker/images/custom_indic.gif);
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker_hex {
|
||||
background-image: url(../../../img/colorpicker/images/custom_hex.png);
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker_rgb_r {
|
||||
background-image: url(../../../img/colorpicker/images/custom_rgb_r.png);
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker_rgb_g {
|
||||
background-image: url(../../../img/colorpicker/images/custom_rgb_g.png);
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker_rgb_b {
|
||||
background-image: url(../../../img/colorpicker/images/custom_rgb_b.png);
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker_hsb_s {
|
||||
background-image: url(../../../img/colorpicker/images/custom_hsb_s.png);
|
||||
display: none;
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker_hsb_h {
|
||||
background-image: url(../../../img/colorpicker/images/custom_hsb_h.png);
|
||||
display: none;
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker_hsb_b {
|
||||
background-image: url(../../../img/colorpicker/images/custom_hsb_b.png);
|
||||
display: none;
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker_submit {
|
||||
background-image: url(../../../img/colorpicker/images/custom_submit.png);
|
||||
}
|
||||
#colorpickerHolder2 .colorpicker input {
|
||||
color: #778398;
|
||||
}
|
||||
#customWidget {
|
||||
position: relative;
|
||||
height: 36px;
|
||||
}
|
||||
35
modules/appagebuilder/views/css/colorpicker/index.php
Normal file
35
modules/appagebuilder/views/css/colorpicker/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/*
|
||||
* 2007-2014 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Academic Free License (AFL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* http://opensource.org/licenses/afl-3.0.php
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright 2007-2019 PrestaShop SA
|
||||
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
|
||||
header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
|
||||
|
||||
header('Cache-Control: no-store, no-cache, must-revalidate');
|
||||
header('Cache-Control: post-check=0, pre-check=0', false);
|
||||
header('Pragma: no-cache');
|
||||
|
||||
header('Location: ../');
|
||||
exit;
|
||||
35
modules/appagebuilder/views/css/index.php
Normal file
35
modules/appagebuilder/views/css/index.php
Normal file
@@ -0,0 +1,35 @@
|
||||
<?php
|
||||
/**
|
||||
* 2007-2016 PrestaShop
|
||||
*
|
||||
* NOTICE OF LICENSE
|
||||
*
|
||||
* This source file is subject to the Open Software License (OSL 3.0)
|
||||
* that is bundled with this package in the file LICENSE.txt.
|
||||
* It is also available through the world-wide-web at this URL:
|
||||
* http://opensource.org/licenses/osl-3.0.php
|
||||
* If you did not receive a copy of the license and are unable to
|
||||
* obtain it through the world-wide-web, please send an email
|
||||
* to license@prestashop.com so we can send you a copy immediately.
|
||||
*
|
||||
* DISCLAIMER
|
||||
*
|
||||
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
|
||||
* versions in the future. If you wish to customize PrestaShop for your
|
||||
* needs please refer to http://www.prestashop.com for more information.
|
||||
*
|
||||
* @author PrestaShop SA <contact@prestashop.com>
|
||||
* @copyright 2007-2016 PrestaShop SA
|
||||
* @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
|
||||
* International Registered Trademark & Property of PrestaShop SA
|
||||
*/
|
||||
|
||||
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
|
||||
header("Last-Modified: ".gmdate("D, d M Y H:i:s")." GMT");
|
||||
|
||||
header("Cache-Control: no-store, no-cache, must-revalidate");
|
||||
header("Cache-Control: post-check=0, pre-check=0", false);
|
||||
header("Pragma: no-cache");
|
||||
|
||||
header("Location: ../");
|
||||
exit;
|
||||
216
modules/appagebuilder/views/css/jquery.fullPage.css
Normal file
216
modules/appagebuilder/views/css/jquery.fullPage.css
Normal file
@@ -0,0 +1,216 @@
|
||||
/**
|
||||
* fullPage 2.6.6
|
||||
* https://github.com/alvarotrigo/fullPage.js
|
||||
* MIT licensed
|
||||
*
|
||||
* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
|
||||
*/
|
||||
html.fp-enabled,
|
||||
.fp-enabled body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow:hidden;
|
||||
|
||||
/*Avoid flicker on slides transitions for mobile phones #336 */
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
}
|
||||
#superContainer {
|
||||
height: 100%;
|
||||
position: relative;
|
||||
|
||||
/* Touch detection for Windows 8 */
|
||||
-ms-touch-action: none;
|
||||
|
||||
/* IE 11 on Windows Phone 8.1*/
|
||||
touch-action: none;
|
||||
}
|
||||
.fp-section {
|
||||
position: relative;
|
||||
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
|
||||
-moz-box-sizing: border-box; /* <=28 */
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.fp-slide {
|
||||
float: left;
|
||||
}
|
||||
.fp-slide, .fp-slidesContainer {
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
.fp-slides {
|
||||
z-index:1;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
.fp-section.fp-table, .fp-slide.fp-table {
|
||||
display: table;
|
||||
table-layout:fixed;
|
||||
width: 100%;
|
||||
}
|
||||
.fp-tableCell {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.fp-slidesContainer {
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.fp-controlArrow {
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
top: 50%;
|
||||
cursor: pointer;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-style: solid;
|
||||
margin-top: -38px;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
transform: translate3d(0,0,0);
|
||||
}
|
||||
.fp-controlArrow.fp-prev {
|
||||
left: 15px;
|
||||
width: 0;
|
||||
border-width: 38.5px 34px 38.5px 0;
|
||||
border-color: transparent #fff transparent transparent;
|
||||
}
|
||||
.fp-controlArrow.fp-next {
|
||||
right: 15px;
|
||||
border-width: 38.5px 0 38.5px 34px;
|
||||
border-color: transparent transparent transparent #fff;
|
||||
}
|
||||
.fp-scrollable {
|
||||
overflow: scroll;
|
||||
}
|
||||
.fp-notransition {
|
||||
-webkit-transition: none !important;
|
||||
transition: none !important;
|
||||
}
|
||||
#fp-nav {
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
margin-top: -32px;
|
||||
top: 50%;
|
||||
opacity: 1;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
}
|
||||
#fp-nav.right {
|
||||
right: 17px;
|
||||
}
|
||||
[dir="rtl"] #fp-nav.right{
|
||||
left: 17px;
|
||||
right: inherit;
|
||||
}
|
||||
#fp-nav.left {
|
||||
left: 17px;
|
||||
}
|
||||
[dir="rtl"] #fp-nav.left{
|
||||
left: 17px;
|
||||
right: inherit;
|
||||
}
|
||||
.fp-slidesNav{
|
||||
position: absolute;
|
||||
z-index: 4;
|
||||
left: 50%;
|
||||
opacity: 1;
|
||||
}
|
||||
.fp-slidesNav.bottom {
|
||||
bottom: 17px;
|
||||
}
|
||||
.fp-slidesNav.top {
|
||||
top: 17px;
|
||||
}
|
||||
#fp-nav ul,
|
||||
.fp-slidesNav ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#fp-nav ul li,
|
||||
.fp-slidesNav ul li {
|
||||
display: block;
|
||||
width: 14px;
|
||||
height: 13px;
|
||||
margin: 7px;
|
||||
position:relative;
|
||||
}
|
||||
.fp-slidesNav ul li {
|
||||
display: inline-block;
|
||||
}
|
||||
#fp-nav ul li a,
|
||||
.fp-slidesNav ul li a {
|
||||
display: block;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
#fp-nav ul li a.active span,
|
||||
.fp-slidesNav ul li a.active span,
|
||||
#fp-nav ul li:hover a.active span,
|
||||
.fp-slidesNav ul li:hover a.active span{
|
||||
height: 12px;
|
||||
width: 12px;
|
||||
margin: -6px 0 0 -6px;
|
||||
border-radius: 100%;
|
||||
}
|
||||
#fp-nav ul li a span,
|
||||
.fp-slidesNav ul li a span {
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
height: 4px;
|
||||
width: 4px;
|
||||
border: 0;
|
||||
background: #333;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
margin: -2px 0 0 -2px;
|
||||
-webkit-transition: all 0.1s ease-in-out;
|
||||
-moz-transition: all 0.1s ease-in-out;
|
||||
-o-transition: all 0.1s ease-in-out;
|
||||
transition: all 0.1s ease-in-out;
|
||||
}
|
||||
#fp-nav ul li:hover a span,
|
||||
.fp-slidesNav ul li:hover a span{
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: -5px 0px 0px -5px;
|
||||
}
|
||||
#fp-nav ul li .fp-tooltip {
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
color: #fff;
|
||||
font-size: 14px;
|
||||
font-family: arial, helvetica, sans-serif;
|
||||
white-space: nowrap;
|
||||
max-width: 220px;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
}
|
||||
#fp-nav ul li:hover .fp-tooltip,
|
||||
#fp-nav.fp-show-active a.active + .fp-tooltip {
|
||||
-webkit-transition: opacity 0.2s ease-in;
|
||||
transition: opacity 0.2s ease-in;
|
||||
width: auto;
|
||||
opacity: 1;
|
||||
}
|
||||
#fp-nav ul li .fp-tooltip.right {
|
||||
right: 20px;
|
||||
}
|
||||
#fp-nav ul li .fp-tooltip.left {
|
||||
left: 20px;
|
||||
}
|
||||
.fp-auto-height.fp-section,
|
||||
.fp-auto-height .fp-slide,
|
||||
.fp-auto-height .fp-tableCell{
|
||||
height: auto !important;
|
||||
}
|
||||
451
modules/appagebuilder/views/css/magic360.css
Normal file
451
modules/appagebuilder/views/css/magic360.css
Normal file
File diff suppressed because one or more lines are too long
138
modules/appagebuilder/views/css/magic360.module.css
Normal file
138
modules/appagebuilder/views/css/magic360.module.css
Normal file
@@ -0,0 +1,138 @@
|
||||
|
||||
/* NOTE: contaner with main image and selector's container */
|
||||
div.MagicToolboxContainer {
|
||||
text-align: center;
|
||||
}
|
||||
div.MagicToolboxContainer.minWidth {
|
||||
min-width: 250px;
|
||||
}
|
||||
|
||||
/* NOTE: main image styles */
|
||||
div.MagicToolboxContainer > a {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* NOTE: contaner with message under Magic 360 */
|
||||
div.MagicToolboxMessage {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* NOTE: magicscroll makes the image smaller if there is a margin */
|
||||
/*
|
||||
.MagicScrollItem a {
|
||||
margin: 0 !important;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft,
|
||||
div.MagicToolboxContainer.selectorsRight {
|
||||
display: -ms-flex;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer {
|
||||
min-height: 300px;
|
||||
}
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxMainContainer {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxMainContainer {
|
||||
font-size:0px;
|
||||
}
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer a,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer a {
|
||||
margin:0 0 10px 0;
|
||||
}
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer {
|
||||
|
||||
}
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer {
|
||||
}
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer {
|
||||
width: auto;
|
||||
padding-left: 10px;
|
||||
}
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxMainContainer {
|
||||
width: auto;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll {
|
||||
height: 100%;
|
||||
flex:1;
|
||||
}
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll a,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll a {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
div.MagicToolboxContainer.selectorsLeft,
|
||||
div.MagicToolboxContainer.selectorsRight {
|
||||
flex-direction: column;
|
||||
}
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer {
|
||||
order:2;
|
||||
width: 100% !important;
|
||||
margin-bottom:10px;
|
||||
min-height: 0px;
|
||||
flex:auto;
|
||||
flex-basis: auto !important;
|
||||
}
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer a,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer a {
|
||||
margin:10px 5px;
|
||||
}
|
||||
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxMainContainer,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxMainContainer {
|
||||
order:1;
|
||||
padding:0px;
|
||||
}
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer:after,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer:after {
|
||||
content: none;
|
||||
}
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll {
|
||||
height: auto;
|
||||
}
|
||||
div.MagicToolboxContainer.selectorsLeft .MagicToolboxSelectorsContainer .MagicScroll,
|
||||
div.MagicToolboxContainer.selectorsRight .MagicToolboxSelectorsContainer .MagicScroll {
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
.hidden-important {
|
||||
display: none !important;
|
||||
}
|
||||
/*
|
||||
#center_column, #left_column, #right_column {
|
||||
overflow: visible !important;
|
||||
}
|
||||
*/
|
||||
#primary_block #image-block {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
251
modules/appagebuilder/views/css/owl.carousel.css
Normal file
251
modules/appagebuilder/views/css/owl.carousel.css
Normal file
@@ -0,0 +1,251 @@
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.3.3
|
||||
*/
|
||||
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init */
|
||||
.owl-carousel{
|
||||
display: block;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.owl-carousel .owl-wrapper{
|
||||
position: relative;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight{
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item{
|
||||
float: left;
|
||||
}
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor:url(../img/grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
.rtl .owl-carousel .owl-item {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/************DONGND:: new loading for owl product carousel**************/
|
||||
.owl-carousel.owl-loading .item {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.owl-row.hide-loading .timeline-wrapper, .timeline-wrapper.prepare
|
||||
{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
background: #fff;
|
||||
border: 1px solid;
|
||||
border-color: #e5e6e9 #dfe0e4 #d0d1d5;
|
||||
border-radius: 3px;
|
||||
padding: 12px;
|
||||
|
||||
margin: 0 auto 10px auto;
|
||||
/*max-width: 472px;*/
|
||||
width: 100%;
|
||||
|
||||
min-height: 200px;
|
||||
}
|
||||
|
||||
@-webkit-keyframes placeHolderShimmer{
|
||||
0%{
|
||||
background-position: -468px 0
|
||||
}
|
||||
100%{
|
||||
background-position: 468px 0
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes placeHolderShimmer{
|
||||
0%{
|
||||
background-position: -468px 0
|
||||
}
|
||||
100%{
|
||||
background-position: 468px 0
|
||||
}
|
||||
}
|
||||
|
||||
.animated-background {
|
||||
-webkit-animation-duration: 1s;
|
||||
animation-duration: 1s;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
animation-fill-mode: forwards;
|
||||
-webkit-animation-iteration-count: infinite;
|
||||
animation-iteration-count: infinite;
|
||||
-webkit-animation-name: placeHolderShimmer;
|
||||
animation-name: placeHolderShimmer;
|
||||
-webkit-animation-timing-function: linear;
|
||||
animation-timing-function: linear;
|
||||
background: #f6f7f8;
|
||||
background: -webkit-gradient(linear, left top, right top, color-stop(8%, #eeeeee), color-stop(18%, #dddddd), color-stop(33%, #eeeeee));
|
||||
background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
|
||||
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
|
||||
-webkit-background-size: 800px 104px;
|
||||
background-size: 800px 104px;
|
||||
/*
|
||||
height: 96px;
|
||||
*/
|
||||
height: 250px;
|
||||
position: relative;
|
||||
}
|
||||
.owl-manu .animated-background
|
||||
{
|
||||
height: 110px;
|
||||
}
|
||||
|
||||
.owl-manu .timeline-item
|
||||
{
|
||||
min-height: 110px;
|
||||
}
|
||||
|
||||
.background-masker {
|
||||
background: #fff;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* Every thing below this is just positioning */
|
||||
|
||||
.background-masker.header-top,
|
||||
.background-masker.header-bottom,
|
||||
.background-masker.subheader-bottom {
|
||||
top: 0;
|
||||
left: 40px;
|
||||
right: 0;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.background-masker.header-left,
|
||||
.background-masker.subheader-left,
|
||||
.background-masker.header-right,
|
||||
.background-masker.subheader-right {
|
||||
top: 10px;
|
||||
left: 40px;
|
||||
height: 8px;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
.background-masker.header-bottom {
|
||||
top: 18px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.background-masker.subheader-left,
|
||||
.background-masker.subheader-right {
|
||||
top: 24px;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
|
||||
.background-masker.header-right,
|
||||
.background-masker.subheader-right {
|
||||
width: auto;
|
||||
left: 300px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.background-masker.subheader-right {
|
||||
left: 230px;
|
||||
}
|
||||
|
||||
.background-masker.subheader-bottom {
|
||||
top: 30px;
|
||||
height: 10px;
|
||||
}
|
||||
|
||||
.background-masker.content-top,
|
||||
.background-masker.content-second-line,
|
||||
.background-masker.content-third-line,
|
||||
.background-masker.content-fourth-line,
|
||||
.background-masker.content-second-end,
|
||||
.background-masker.content-third-end,
|
||||
.background-masker.content-first-end {
|
||||
top: 150px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 6px;
|
||||
}
|
||||
|
||||
.background-masker.content-top {
|
||||
height:20px;
|
||||
}
|
||||
|
||||
.background-masker.content-first-end,
|
||||
.background-masker.content-second-end,
|
||||
.background-masker.content-third-end{
|
||||
|
||||
width: auto;
|
||||
left: 380px;
|
||||
right: 0;
|
||||
top: 60px;
|
||||
height: 8px;
|
||||
}
|
||||
|
||||
.background-masker.content-second-line {
|
||||
top: 180px;
|
||||
}
|
||||
|
||||
.background-masker.content-second-end {
|
||||
left: 420px;
|
||||
top: 74px;
|
||||
}
|
||||
|
||||
.background-masker.content-third-line {
|
||||
top: 200px;
|
||||
}
|
||||
|
||||
.background-masker.content-fourth-line{
|
||||
top: 225px;
|
||||
}
|
||||
.background-masker.content-third-end {
|
||||
left: 300px;
|
||||
top: 88px;
|
||||
}
|
||||
134
modules/appagebuilder/views/css/owl.theme.css
Normal file
134
modules/appagebuilder/views/css/owl.theme.css
Normal file
@@ -0,0 +1,134 @@
|
||||
/*
|
||||
* Owl Carousel Owl Demo Theme
|
||||
* v1.3.3
|
||||
*/
|
||||
.owl-row {
|
||||
margin: 0 -15px;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item {
|
||||
padding: 0 15px;
|
||||
}
|
||||
.owl-theme .owl-controls{
|
||||
margin-top: 10px;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
/* Styling Next and Prev buttons */
|
||||
|
||||
.owl-theme .owl-controls .owl-buttons div{
|
||||
color: #000;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
margin: 5px;
|
||||
padding: 8px 15px;
|
||||
font-size: 20px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
background: #eeeeee;
|
||||
filter: Alpha(Opacity=50);/*IE7 fix*/
|
||||
}
|
||||
/* Clickable class fix problem with hover on touch devices */
|
||||
/* Use it for non-touch hover action */
|
||||
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Styling Pagination*/
|
||||
|
||||
.owl-theme .owl-controls .owl-page{
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
}
|
||||
|
||||
|
||||
.owl-theme .owl-controls .owl-page.active span,
|
||||
.owl-theme .owl-controls.clickable .owl-page:hover span{
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page span {
|
||||
display: block;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin: 5px 10px;
|
||||
-webkit-border-radius: 100%;
|
||||
-moz-border-radius: 100%;
|
||||
-ms-border-radius: 100%;
|
||||
-o-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
border: 2px solid #fff;
|
||||
background-color: transparent;
|
||||
position: relative;
|
||||
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-transform: scale(1);
|
||||
-moz-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
-o-transform: scale(1);
|
||||
-webkit-border-radius: 100%;
|
||||
-moz-border-radius: 100%;
|
||||
-ms-border-radius: 100%;
|
||||
-o-border-radius: 100%;
|
||||
border-radius: 100%;
|
||||
-webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls.clickable .owl-page:hover span:before {
|
||||
-webkit-transform: scale(3);
|
||||
-moz-transform: scale(3);
|
||||
-ms-transform: scale(3);
|
||||
-o-transform: scale(3);
|
||||
background-color: black;
|
||||
background-color: rgba(244, 244, 244, 0.17);
|
||||
zoom: 1;
|
||||
background-color: transparent\9;
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page.active span {
|
||||
border-color: #fff;
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page.active span:before {
|
||||
-webkit-transform: scale(0.6);
|
||||
-moz-transform: scale(0.6);
|
||||
-ms-transform: scale(0.6);
|
||||
-o-transform: scale(0.6);
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* If PaginationNumbers is true */
|
||||
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers{
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* preloading images */
|
||||
.owl-item.loading{
|
||||
min-height: 150px;
|
||||
background: url(../img/AjaxLoader.gif) no-repeat center center
|
||||
}
|
||||
515
modules/appagebuilder/views/css/paneltool.css
Normal file
515
modules/appagebuilder/views/css/paneltool.css
Normal file
@@ -0,0 +1,515 @@
|
||||
/**
|
||||
* Transition-timing-function property@mixin
|
||||
*/
|
||||
/*background RGBA
|
||||
============================================*/
|
||||
/****/
|
||||
/* RIGHT TO LEFT */
|
||||
/**
|
||||
* Web Application Prefix Apply For Making Owner Styles
|
||||
*/
|
||||
/**
|
||||
* Blocks Layout Selectors
|
||||
*/
|
||||
/***********************************************************************/
|
||||
/** CHECKOUT BY STEP */
|
||||
/* RIGHT TO LEFT */
|
||||
/**********************************/
|
||||
.fancybox-skin .leo-paneltool {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.paneltool {
|
||||
position: fixed;
|
||||
top: 5px;
|
||||
-webkit-transition: all 0.6s ease 0s;
|
||||
transition: all 0.6s ease 0s;
|
||||
width: 235px;
|
||||
right: -235px;
|
||||
z-index: 99999;
|
||||
}
|
||||
.rtl .paneltool {
|
||||
left: -235px;
|
||||
right: auto;
|
||||
}
|
||||
.paneltool .leo-dynamic-update-side {
|
||||
text-transform: uppercase;
|
||||
display: inline-block;
|
||||
margin-top: 10px;
|
||||
border: 1px solid;
|
||||
padding: 5px;
|
||||
font-size: 11px;
|
||||
}
|
||||
.paneltool .leo-dynamic-update-side.current-sidebar {
|
||||
color: #a59a4c;
|
||||
}
|
||||
.paneltool.themetool {
|
||||
top: 70px;
|
||||
}
|
||||
.paneltool.themetool.active {
|
||||
z-index: 999999;
|
||||
}
|
||||
.paneltool.themetool .panelbutton {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
left: -50px;
|
||||
}
|
||||
.rtl .paneltool.themetool .panelbutton {
|
||||
right: -50px;
|
||||
left: auto;
|
||||
}
|
||||
.paneltool.themetool .panelcontent {
|
||||
min-height: 130px;
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.paneltool.themetool .group-input {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.paneltool.themetool .group-input.layout .leo-dynamic-update-layout {
|
||||
display: block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
padding: 10px 0 10px 10px;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
}
|
||||
.paneltool.themetool .group-input.layout .leo-dynamic-update-layout:before {
|
||||
content: "+";
|
||||
}
|
||||
.paneltool.themetool .group-input span {
|
||||
cursor: pointer;
|
||||
}
|
||||
.paneltool.themetool .panelinner .group-input:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.paneltool.themetool label {
|
||||
font-size: 14px;
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
.rtl .paneltool.themetool label {
|
||||
text-align: right;
|
||||
}
|
||||
.paneltool.themetool label span {
|
||||
margin-right: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.rtl .paneltool.themetool label span {
|
||||
margin-left: 10px;
|
||||
margin-right: inherit;
|
||||
}
|
||||
.paneltool.themetool .leo-dynamic-update-header {
|
||||
display: block;
|
||||
padding: 10px;
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.paneltool.themetool .leo-dynamic-update-header.current-header {
|
||||
color: #a59a4c;
|
||||
}
|
||||
.paneltool.active {
|
||||
right: 0;
|
||||
-webkit-transition: all 0.6s;
|
||||
transition: all 0.6s;
|
||||
}
|
||||
.rtl .paneltool.active {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
.paneltool.active .panelbutton {
|
||||
color: #FFF;
|
||||
}
|
||||
.paneltool .panelcontent {
|
||||
background: #f2f2f2;
|
||||
min-height: 340px;
|
||||
}
|
||||
.paneltool .panelcontent > div {
|
||||
padding: 15px;
|
||||
}
|
||||
.paneltool.editortool .panelbutton {
|
||||
top: 290px;
|
||||
}
|
||||
|
||||
.panelbutton {
|
||||
background: #000;
|
||||
position: absolute;
|
||||
left: -50px;
|
||||
top: 165px;
|
||||
border-left: none;
|
||||
cursor: pointer;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
color: #333333;
|
||||
font-size: 26px;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
.rtl .panelbutton {
|
||||
right: -50px;
|
||||
left: auto;
|
||||
}
|
||||
.rtl .panelbutton {
|
||||
border-right: none;
|
||||
border-left: inherit;
|
||||
}
|
||||
.panelbutton.label-customize {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#leo-paneltool {
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: -320px;
|
||||
z-index: 9999;
|
||||
-webkit-box-shadow: 0 1px 3px #999999;
|
||||
box-shadow: 0 1px 3px #999999;
|
||||
-webkit-transition-duration: 0.2s;
|
||||
transition-duration: 0.2s;
|
||||
-webkit-transition-property: left, right, top, bottom, width, margin;
|
||||
transition-property: left, right, top, bottom, width, margin;
|
||||
background: none repeat scroll 0 0 #F5F5F5;
|
||||
border-right: 1px solid rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
.rtl #leo-paneltool {
|
||||
right: -320px;
|
||||
left: auto;
|
||||
}
|
||||
.rtl #leo-paneltool {
|
||||
border-left: 1px solid rgba(0, 0, 0, 0.2);
|
||||
border-right: inherit;
|
||||
}
|
||||
#leo-paneltool h4 {
|
||||
margin-bottom: 20px;
|
||||
margin-top: 0;
|
||||
text-transform: uppercase;
|
||||
font-size: 16px;
|
||||
font-weight: bold;
|
||||
}
|
||||
#leo-paneltool .accordion-group {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
#leo-paneltool .panel-body {
|
||||
max-height: 500px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
#leo-paneltool .block-panelcontent {
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
max-height: 600px;
|
||||
}
|
||||
#leo-paneltool form .group-input {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
#leo-paneltool select {
|
||||
padding: 5px;
|
||||
}
|
||||
#leo-paneltool .nav-tabs > li:after, #leo-paneltool .nav-tabs > li:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Select Skin */
|
||||
.leo-dynamic-theme-skin {
|
||||
float: left;
|
||||
margin-left: 5px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin-top: 10px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.leo-dynamic-theme-skin img {
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
.leo-dynamic-theme-skin.skin-default {
|
||||
background-color: #a59a4c;
|
||||
text-indent: -99999px;
|
||||
}
|
||||
.leo-dynamic-theme-skin.current-theme-skin img {
|
||||
border-color: black;
|
||||
}
|
||||
.leo-dynamic-theme-skin.current-theme-skin.skin-default {
|
||||
border: 2px solid black;
|
||||
}
|
||||
|
||||
/* Select Layout*/
|
||||
.leo-dynamic-update-layout:hover {
|
||||
color: #a59a4c;
|
||||
}
|
||||
.leo-dynamic-update-layout.current-layout-mod {
|
||||
color: #a59a4c;
|
||||
}
|
||||
|
||||
/* Enable Float Header */
|
||||
.btn_enable_fheader {
|
||||
background-color: #25292C;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
width: 100px;
|
||||
height: 36px;
|
||||
-webkit-border-radius: 18px;
|
||||
-moz-border-radius: 18px;
|
||||
-ms-border-radius: 18px;
|
||||
-o-border-radius: 18px;
|
||||
border-radius: 18px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.enable_fheader {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background-color: #504C4C;
|
||||
margin-top: 3px;
|
||||
-webkit-border-radius: 50%;
|
||||
-moz-border-radius: 50%;
|
||||
-ms-border-radius: 50%;
|
||||
-o-border-radius: 50%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
.enable_fheader i {
|
||||
position: relative;
|
||||
z-index: 9;
|
||||
}
|
||||
.enable_fheader:first-child {
|
||||
float: left;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.enable_fheader:last-child {
|
||||
float: right;
|
||||
margin-right: 3px;
|
||||
}
|
||||
.enable_fheader.btn_no:before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
top: 3px;
|
||||
left: 4px;
|
||||
-webkit-border-radius: 18px;
|
||||
-moz-border-radius: 18px;
|
||||
-ms-border-radius: 18px;
|
||||
-o-border-radius: 18px;
|
||||
border-radius: 18px;
|
||||
background-color: #a59a4c;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
visibility: hidden;
|
||||
}
|
||||
.enable_fheader.btn_yes:after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
top: 3px;
|
||||
right: 4px;
|
||||
-webkit-border-radius: 18px;
|
||||
-moz-border-radius: 18px;
|
||||
-ms-border-radius: 18px;
|
||||
-o-border-radius: 18px;
|
||||
border-radius: 18px;
|
||||
background-color: #a59a4c;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
visibility: hidden;
|
||||
}
|
||||
.enable_fheader.current.btn_no:before {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
visibility: visible;
|
||||
left: 67px;
|
||||
-webkit-transition: all 0.7s ease 0s;
|
||||
transition: all 0.7s ease 0s;
|
||||
}
|
||||
.enable_fheader.current.btn_yes:after {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
visibility: visible;
|
||||
right: 67px;
|
||||
-webkit-transition: all 0.7s ease 0s;
|
||||
transition: all 0.7s ease 0s;
|
||||
}
|
||||
|
||||
/* Box Patterns */
|
||||
.box-patterns div {
|
||||
display: block;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
float: left;
|
||||
cursor: pointer;
|
||||
margin: 6px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.rtl .box-patterns div {
|
||||
float: right;
|
||||
}
|
||||
.box-patterns div.active {
|
||||
border-color: red;
|
||||
}
|
||||
|
||||
.colorpicker {
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
/* Customize body */
|
||||
#customize-body input[type="text"], #customize-body select {
|
||||
border: 1px solid #E2E2E2;
|
||||
-webkit-border-radius: 2px;
|
||||
-moz-border-radius: 2px;
|
||||
-ms-border-radius: 2px;
|
||||
-o-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
color: #FFFFFF;
|
||||
font-size: 11px;
|
||||
margin: 0 5px 0 0;
|
||||
padding: 2px 3px;
|
||||
width: 65px;
|
||||
height: auto;
|
||||
display: inline-block;
|
||||
}
|
||||
#customize-body select {
|
||||
color: #888;
|
||||
}
|
||||
#customize-body .accordion-group label {
|
||||
color: #888;
|
||||
font-size: 11px;
|
||||
font-weight: normal;
|
||||
}
|
||||
#customize-body .accordion-group label.subtitle {
|
||||
font-weight: bold;
|
||||
font-size: 0.75rem;
|
||||
color: #333;
|
||||
border-bottom: 1px solid #eaeaea;
|
||||
padding-bottom: 4px;
|
||||
margin-top: 0.625rem;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
text-transform: uppercase; }
|
||||
#customize-body .accordion-group .input-group .input-group-addon {
|
||||
padding: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
float: right;
|
||||
margin-top: 2px;
|
||||
width: 20px;
|
||||
}
|
||||
.rtl #customize-body .accordion-group .input-group .input-group-addon {
|
||||
float: left;
|
||||
}
|
||||
#customize-body .panel-heading {
|
||||
padding: 5px 6px;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
}
|
||||
#customize-body .panel-heading a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-body .nav-tabs a {
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
#customize-body .nav-tabs a.active{
|
||||
color: white;
|
||||
}
|
||||
#customize-body .form-group {
|
||||
margin-bottom: 10px;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
#customize-body .accordion-inner .form-group .input-group {
|
||||
display: inline-block;
|
||||
width: 92px;
|
||||
float: left;
|
||||
}
|
||||
.rtl #customize-body .accordion-inner .form-group .input-group {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/* wrapper */
|
||||
.bi-wrapper > div {
|
||||
float: left;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin: 3px 4px;
|
||||
border: solid 1px #999;
|
||||
cursor: pointer;
|
||||
}
|
||||
.rtl .bi-wrapper > div {
|
||||
float: right;
|
||||
}
|
||||
.bi-wrapper > div.active {
|
||||
border-color: red;
|
||||
}
|
||||
|
||||
/* Accordion */
|
||||
.accordion-group label,
|
||||
.form-group label {
|
||||
display: block;
|
||||
text-align: left;
|
||||
}
|
||||
.rtl .accordion-group label,
|
||||
.rtl .form-group label {
|
||||
text-align: right;
|
||||
}
|
||||
.accordion-group label {
|
||||
min-width: 130px;
|
||||
}
|
||||
|
||||
.clear-bg {
|
||||
padding: 3px 6px;
|
||||
margin-left: 5px;
|
||||
font-size: 11px;
|
||||
}
|
||||
.rtl .clear-bg {
|
||||
margin-right: 5px;
|
||||
margin-left: inherit;
|
||||
}
|
||||
|
||||
/* Home page version */
|
||||
.group-profile a,
|
||||
.group-header a,
|
||||
.group-footer a {
|
||||
display: inline-block;
|
||||
font-size: 14px;
|
||||
line-height: 25px;
|
||||
color: #777777;
|
||||
}
|
||||
.group-profile a:before,
|
||||
.group-header a:before,
|
||||
.group-footer a:before {
|
||||
content: "\f067";
|
||||
font-family: "FontAwesome";
|
||||
padding-right: 5px;
|
||||
font-size: 10px;
|
||||
}
|
||||
.rtl .group-profile a:before, .rtl
|
||||
.group-header a:before, .rtl
|
||||
.group-footer a:before {
|
||||
padding-left: 5px;
|
||||
padding-right: inherit;
|
||||
}
|
||||
.group-profile a.active,
|
||||
.group-header a.active,
|
||||
.group-footer a.active {
|
||||
color: #bfa08b;
|
||||
}
|
||||
|
||||
.group-profile a,
|
||||
.group-header a,
|
||||
.group-footer a {
|
||||
width: 100%;
|
||||
}
|
||||
.rtl .group-profile a, .rtl
|
||||
.group-header a, .rtl
|
||||
.group-footer a {
|
||||
float: right;
|
||||
}
|
||||
144
modules/appagebuilder/views/css/slick-theme.css
Normal file
144
modules/appagebuilder/views/css/slick-theme.css
Normal file
@@ -0,0 +1,144 @@
|
||||
@charset "UTF-8";
|
||||
/***************************************************
|
||||
Mixins Themes
|
||||
/***************************************************/
|
||||
/* Mixin Normal*/
|
||||
/* Mixin Clear */
|
||||
/* Mixin Border */
|
||||
/*background RGBA
|
||||
============================================*/
|
||||
/***************************************************
|
||||
Mixins RTL Themes
|
||||
/***************************************************/
|
||||
/************************************
|
||||
Override Bootstrap
|
||||
*************************************/
|
||||
/**
|
||||
* Web Application Prefix Apply For Making Owner Styles
|
||||
*/
|
||||
/**
|
||||
* Blocks Layout Selectors
|
||||
*/
|
||||
/***********************************************************************/
|
||||
/* Slider */
|
||||
.slick-loading .slick-list {
|
||||
background: #fff url("../img/ajax-loader.gif") center center no-repeat; }
|
||||
|
||||
/* Arrows */
|
||||
.slick-arrows .slick-arrow {
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
z-index: 9;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
color: transparent;
|
||||
top: 50%;
|
||||
padding: 0;
|
||||
border: none;
|
||||
outline: none;
|
||||
color: black;
|
||||
-webkit-transition: all 0.3s ease;
|
||||
-moz-transition: all 0.3s ease;
|
||||
-ms-transition: all 0.3s ease;
|
||||
-o-transition: all 0.3s ease;
|
||||
transition: all 0.3s ease;
|
||||
-webkit-transform: translate(0, -50%);
|
||||
-moz-transform: translate(0, -50%);
|
||||
-ms-transform: translate(0, -50%);
|
||||
-o-transform: translate(0, -50%);
|
||||
transform: translate(0, -50%); }
|
||||
.slick-arrows .slick-arrow:hover, .slick-arrows .slick-arrow:focus {
|
||||
outline: none; }
|
||||
.slick-arrows .slick-arrow:hover:before, .slick-arrows .slick-arrow:focus:before {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100); }
|
||||
.slick-arrows .slick-arrow.slick-disabled:before {
|
||||
opacity: 0.25;
|
||||
filter: alpha(opacity=25); }
|
||||
.slick-arrows .slick-arrow:before {
|
||||
font-size: 25px;
|
||||
display: block;
|
||||
font-family: 'Material Icons';
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=75); }
|
||||
.slick-arrows .slick-arrow.slick-prev {
|
||||
left:0; }
|
||||
[dir="rtl"] .slick-arrows .slick-arrow.slick-prev {
|
||||
left: auto;
|
||||
right: 0; }
|
||||
.slick-arrows .slick-arrow.slick-prev:before {
|
||||
content: "\E314"; }
|
||||
[dir="rtl"] .slick-arrows .slick-arrow.slick-prev:before {
|
||||
content: "\E315"; }
|
||||
.slick-arrows .slick-arrow.slick-next {
|
||||
right:0; }
|
||||
[dir="rtl"] .slick-arrows .slick-arrow.slick-next {
|
||||
left:0;
|
||||
right: auto; }
|
||||
.slick-arrows .slick-arrow.slick-next:before {
|
||||
content: "\E315"; }
|
||||
[dir="rtl"] .slick-arrows .slick-arrow.slick-next:before {
|
||||
content: "\E314"; }
|
||||
|
||||
/* Dots */
|
||||
.slick-dotted.slick-slider {
|
||||
margin-bottom: 30px; }
|
||||
|
||||
.slick-dots {
|
||||
position: absolute;
|
||||
bottom: -25px;
|
||||
list-style: none;
|
||||
display: block;
|
||||
text-align: center;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%; }
|
||||
.slick-dots li {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
margin: 0 5px;
|
||||
padding: 0;
|
||||
cursor: pointer; }
|
||||
.slick-dots li button {
|
||||
border: 0;
|
||||
background: transparent;
|
||||
display: block;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
outline: none;
|
||||
line-height: 0px;
|
||||
font-size: 0px;
|
||||
color: transparent;
|
||||
padding: 5px;
|
||||
cursor: pointer; }
|
||||
.slick-dots li button:hover, .slick-dots li button:focus {
|
||||
outline: none; }
|
||||
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100); }
|
||||
.slick-dots li button:before {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
content: "";
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
font-family: "FontAwesome";
|
||||
font-size: 10px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
opacity: 0.25;
|
||||
filter: alpha(opacity=25); }
|
||||
.slick-dots li.slick-active button:before {
|
||||
color: black;
|
||||
opacity: 0.75;
|
||||
filter: alpha(opacity=75); }
|
||||
|
||||
/*# sourceMappingURL=slick-theme.css.map */
|
||||
102
modules/appagebuilder/views/css/slick.css
Normal file
102
modules/appagebuilder/views/css/slick.css
Normal file
@@ -0,0 +1,102 @@
|
||||
/***************************************************
|
||||
Mixins Themes
|
||||
/***************************************************/
|
||||
/* Mixin Normal*/
|
||||
/* Mixin Clear */
|
||||
/* Mixin Border */
|
||||
/*background RGBA
|
||||
============================================*/
|
||||
/***************************************************
|
||||
Mixins RTL Themes
|
||||
/***************************************************/
|
||||
/************************************
|
||||
Override Bootstrap
|
||||
*************************************/
|
||||
/**
|
||||
* Web Application Prefix Apply For Making Owner Styles
|
||||
*/
|
||||
/**
|
||||
* Blocks Layout Selectors
|
||||
*/
|
||||
/***********************************************************************/
|
||||
/* Slider */
|
||||
.slick-slider {
|
||||
position: relative;
|
||||
display: block;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-ms-touch-action: pan-y;
|
||||
touch-action: pan-y;
|
||||
-webkit-tap-highlight-color: transparent; }
|
||||
|
||||
.slick-list {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: block;
|
||||
padding: 0;
|
||||
margin-left: -15px;
|
||||
margin-right: -15px; }
|
||||
.slick-list:focus {
|
||||
outline: none; }
|
||||
.slick-list.dragging {
|
||||
cursor: pointer;
|
||||
cursor: hand; }
|
||||
|
||||
.slick-slider .slick-track,
|
||||
.slick-slider .slick-list {
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
-moz-transform: translate3d(0, 0, 0);
|
||||
-ms-transform: translate3d(0, 0, 0);
|
||||
-o-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0); }
|
||||
|
||||
.slick-track {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: block; }
|
||||
.slick-track:before, .slick-track:after {
|
||||
content: "";
|
||||
display: table; }
|
||||
.slick-track:after {
|
||||
clear: both; }
|
||||
.slick-loading .slick-track {
|
||||
visibility: hidden; }
|
||||
|
||||
.slick-slide {
|
||||
outline: 0;
|
||||
float: left;
|
||||
height: 100%;
|
||||
min-height: 1px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
display: none; }
|
||||
[dir="rtl"] .slick-slide {
|
||||
float: right; }
|
||||
.slick-slide.slick-loading img {
|
||||
display: none; }
|
||||
.slick-slide.dragging img {
|
||||
pointer-events: none; }
|
||||
.slick-initialized .slick-slide {
|
||||
display: block; }
|
||||
.slick-loading .slick-slide {
|
||||
visibility: hidden; }
|
||||
.slick-vertical .slick-slide {
|
||||
display: block;
|
||||
height: auto; }
|
||||
|
||||
.slick-arrow.slick-hidden {
|
||||
display: none; }
|
||||
|
||||
.slick-row.hide-loading .timeline-wrapper {
|
||||
display: none; }
|
||||
|
||||
.slick-loading {
|
||||
display: none; }
|
||||
|
||||
.slick-loaded {
|
||||
display: block; }
|
||||
|
||||
/*# sourceMappingURL=slick.css.map */
|
||||
2788
modules/appagebuilder/views/css/styles.css
Normal file
2788
modules/appagebuilder/views/css/styles.css
Normal file
File diff suppressed because it is too large
Load Diff
81
modules/appagebuilder/views/css/tabaccordion.css
Normal file
81
modules/appagebuilder/views/css/tabaccordion.css
Normal file
@@ -0,0 +1,81 @@
|
||||
@charset "UTF-8";
|
||||
.tabs-accordion-container[class*="accordion-"] .accordion-link {
|
||||
display: none;
|
||||
margin-bottom: 10px;
|
||||
padding: 10px 15px;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 3px;
|
||||
border: 1px solid #ddd;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.tabs-accordion-container[class*="accordion-"] .accordion-link.active {
|
||||
border-bottom: medium none;
|
||||
border-bottom-left-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
color: #ff6600;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.tabs-accordion-container.accordion-xs .nav-tabs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tabs-accordion-container.accordion-xs .accordion-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tabs-accordion-container[class*="accordion-"] .tab-pane {
|
||||
border:1px solid #ddd;
|
||||
border-top:none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-width: medium 1px 1px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: -10px;
|
||||
padding: 10px 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) and (max-width: 991px) {
|
||||
.tabs-accordion-container.accordion-sm .nav-tabs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tabs-accordion-container.accordion-sm .accordion-link {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.tabs-accordion-container[class*="accordion-"] .tab-pane {
|
||||
border:1px solid #ddd;
|
||||
border-top:none;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
border-width: medium 1px 1px;
|
||||
margin-bottom: 10px;
|
||||
margin-top: -10px;
|
||||
padding: 10px 10px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 992px) and (max-width: 1199px) {
|
||||
.tabs-accordion-container.accordion-md .nav-tabs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tabs-accordion-container.accordion-md .accordion-link {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
.tabs-accordion-container.accordion-lg .nav-tabs {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tabs-accordion-container.accordion-lg .accordion-link {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
/* End Style for multi product layout */
|
||||
80
modules/appagebuilder/views/css/unique.css
Normal file
80
modules/appagebuilder/views/css/unique.css
Normal file
@@ -0,0 +1,80 @@
|
||||
/*************************************************************/
|
||||
/************ CSS of module for all theme ********************/
|
||||
/************ Do not override this file **********************/
|
||||
/*************************************************************/
|
||||
|
||||
/**************DONGND update for panel tool BEGIN***********************/
|
||||
.paneltool.active .panelbutton > .fa:before
|
||||
{
|
||||
content: "\f00d";
|
||||
}
|
||||
.leo-widget .w-name{
|
||||
display:none;
|
||||
}
|
||||
/**************DONGND update for panel tool END***********************/
|
||||
.breadcrumb-bg{
|
||||
margin-bottom: 40px;
|
||||
min-height: 300px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: center !important;
|
||||
background-size: cover !important;
|
||||
}
|
||||
@media (max-width: 1199px){
|
||||
.breadcrumb-bg{
|
||||
min-height: 240px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 991px){
|
||||
.breadcrumb-bg{
|
||||
min-height: 200px;
|
||||
}
|
||||
}
|
||||
@media (max-width: 767px){
|
||||
.breadcrumb-bg{
|
||||
min-height: 160px;
|
||||
}
|
||||
}
|
||||
.breadcrumb-full > .container{
|
||||
margin: auto;
|
||||
}
|
||||
.breadcrumb-full {
|
||||
position: relative;
|
||||
width: 100vw;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.breadcrumb-bg .breadcrumb {
|
||||
margin: auto;
|
||||
background: none;
|
||||
display: block !important;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.breadcrumb-bg .breadcrumb:before {
|
||||
background: none;
|
||||
display: none;
|
||||
}
|
||||
|
||||
body#index .breadcrumb-bg {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.breadcrumb-bg.brcenter .breadcrumb,
|
||||
.breadcrumb-bg.brcenter,
|
||||
.breadcrumb-bg.brcenter .breadcrumb ol {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.breadcrumb-bg.brleft .breadcrumb,
|
||||
.breadcrumb-bg.brleft,
|
||||
.breadcrumb-bg.brleft .breadcrumb ol {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.breadcrumb-bg.brright .breadcrumb,
|
||||
.breadcrumb-bg.brright,
|
||||
.breadcrumb-bg.brright .breadcrumb ol {
|
||||
text-align: right;
|
||||
}
|
||||
Reference in New Issue
Block a user