#magicsquares-overlay {
position: fixed;
z-index: 100000;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
}
.magicsquares {
position: fixed; 
top: 200px; 
width: 44px;
height: 44px; 
background-color: #333; 
background-image: url(//savytska.com/wp-content/plugins/magic-squares/images/default_bg.png);
background-position: 0px 0px;
background-repeat: repeat;
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.4);
display: none;
z-index: 99999;
}
.magicsquares-left-edge {
left: 0px;
}
.magicsquares-right-edge {
right: 0px;
}
.magicsquares-icon {
display: block;
width: 44px;
height: 100%;
cursor: pointer;
}
.magicsquares-left-edge .magicsquares-icon {
float: left;
}
.magicsquares-right-edge .magicsquares-icon {
float: right;
}
.magicsquares-container {
position: absolute;
top: 0px;
width: 0px;
height: 44px;
background-color: #333; 
background-image: url(//savytska.com/wp-content/plugins/magic-squares/images/default_bg.png);
background-position: 0px 0px;
background-repeat: repeat;
z-index: 99999;
}
.magicsquares-left-edge .magicsquares-container {
-moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
right: 0px;
}
.magicsquares-right-edge .magicsquares-container {
-moz-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.4);
box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.4);
left: 0px;
}
.magicsquares-content {
font-size: 14px;
font-family: arial, verdana;
visibility: hidden;
display: none;
margin: 8px;
overflow: hidden;
clear: both;
text-align: left;
line-height: normal;
padding: 0px;
}
.magicsquares-content-loading {
background: transparent url(//savytska.com/wp-content/plugins/magic-squares/images/loading.gif) 50% 50% no-repeat;
}
.magicsquares-ontop {
z-index: 100001 !important;
}
.magicsquares-content img {
background: transparent url(//savytska.com/wp-content/plugins/magic-squares/images/loading.gif) 50% 50% no-repeat;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
.magicsquares-content img.magicsquares-plain-img {
padding: 0px;
margin: 0px;
border: 0px;
}
.magicsquares-box {
position: relative;
overflow: hidden;
}
.magicsquares-content p {
padding: 0px 0px 5px 0px;
margin: 0px;
}
.magicsquares-content h1,
.magicsquares-content h2,
.magicsquares-content h3,
.magicsquares-content h4,
.magicsquares-content h5,
.magicsquares-content h6 {
font-size: 16px;
font-family: arial, verdana;
clear: none;
padding-bottom: 8px;
font-weight: bold;
}
.magicsquares-content a {
text-decoration: none;
}
.magicsquares-content a:hover,
.magicsquares-content a:focus,
.magicsquares-content a:active {
text-decoration: underline;
} div.magicsquares_font_light {
color: #EEE !important;
}
.magicsquares_font_light a {
color: #FFF !important;
}
.magicsquares_font_light a:hover,
.magicsquares_font_light a:focus,
.magicsquares_font_light a:active {
color: #FFF !important;
} div.magicsquares_font_dark {
color: #444 !important;
}
.magicsquares_font_dark a {
color: #457 !important;
}
.magicsquares_font_dark a:hover,
.magicsquares_font_dark a:focus,
.magicsquares_font_dark a:active {
color: #446 !important;
}