ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / centosnipponia / public_html / lifannl / wp-content / plugins / mod_wordpress_magic360 / magic360 / core

/* NOTE: contaner with main image and selector's container */
div.MagicToolboxContainer {
    text-align: center;
}

/*
div.MagicToolboxContainer.minWidth {
    min-width: 250px;
}
*/

.Magic360, .Magic360-container {
    border:none !important;
}

/* 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;
}

@media only screen and (min-width: 768px) {
    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;
        display: block !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;
    }
}

.MagicToolboxContainer {
    text-align: center;
    /*display: inline-block !important;*/
    clear: both;
}
.MagicToolboxContainer.aligncenter {
    display: block !important;
}

.MagicToolboxSelectorsContainer > div:not(.MagicScroll) a {
   display: inline-block !important;
}

.Magic360 .image-overlay, .Magic360 .image-overlay{
    display: none !important;
}
.Magic360 .image-overlay-inside, .Magic360 .image-overlay-inside{
    display: none !important;
}

/*div.MagicToolboxContainer.selectorsLeft, div.MagicToolboxContainer.selectorsRight{
    display: inline-table !important;
    height: 100%;
    width: 100%;
}*/

.MagicToolboxContainer a { box-shadow: none; }
.woocommerce-product-gallery {
    opacity: inherit !important;
}

/* === onlyForModWithTool start: wordpress(magiczoom, magiczoomplus, magicthumb) */
/*fix scroll video image*/
.MagicToolboxSelectorsContainer .MagicScroll .mcs-item .mgt-video-icon,
.MagicToolboxSelectorsContainer .MagicScroll .mcs-item .shortcode-video-selector {
    display: flex;
    justify-content: center;
    align-items:center;
}
/* === onlyForModWithTool end */

[+] ..
[+] admin_graphics
[+] fonts
[+] templates
[+] view
[+] visual_composer
[-] 360icon.jpg [edit]
[-] 360icon.png [edit]
[-] admin.css [edit]
[-] admin_menu.css [edit]
[-] autoupdate.php [edit]
[-] magic360.css [edit]
[-] magic360.js [edit]
[-] magic360.module.core.class.php [edit]
[-] magic360.module.css [edit]
[-] magicgallery.css [edit]
[-] magicgallery.js [edit]
[-] magictoolbox.imagehelper.class.php [edit]
[-] magictoolbox.params.class.php [edit]
[-] wordpress_Magic360_adminpage.js [edit]
[-] .htaccess.disabled [edit]