Spade
Mini Shell
| Directory:~$ /home/lmsyaran/www/media/com_easyblog/scripts_/media/ |
| [Home] [System Details] [Kill Me] |
/*Defined the icon position for All FF*/
/*---------------------------------------------------
LESS Elements 0.6
---------------------------------------------------
A set of useful LESS mixins by Dmitry Fadeyev
Special thanks for mixin suggestions to:
Kris Van Herzeele,
Benoit Adam,
Portenart Emile-Victor,
Ryan Faerman
More info at: http://lesselements.com
-----------------------------------------------------*/
#EasyBlogMediaManager {
/* Determinate only overrides */
/* Overlay */
}
#EasyBlogMediaManager .button-tooltip {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #BBBBBB;
border-radius: 2px 2px 2px 2px;
padding: 10px;
text-shadow: 0 0 0 transparent;
-moz-text-shadow: 0 0 0 transparent;
-webkit-text-shadow: 0 0 0 transparent;
/*
filter:
progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color', Positive='true');
-ms-filter:
"progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color',
Positive='true')";
*zoom: 1;
*/
color: #444 !important;
position: absolute;
text-align: left;
width: 250px;
z-index: 2;
}
#EasyBlogMediaManager .button-tooltip > i {
background:
url("../../../../components/com_easyblog/themes/dashboard/system/images/a-point-top.png")
no-repeat top left transparent;
display: block;
width: 15px;
height: 8px;
position: absolute;
top: -8px;
right: 12px;
z-index: 3;
}
#EasyBlogMediaManager .hints {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f6f6f6;
text-align: center;
z-index: 1;
}
#EasyBlogMediaManager .hints .hint {
margin-top: -11px;
position: absolute;
top: 50%;
width: 100%;
}
#EasyBlogMediaManager .hints .hint-label {
font-size: 22px;
line-height: 22px;
padding: 12px;
display: block;
color: #bbb;
text-shadow: 1px 1px 0px #ffffff;
-moz-text-shadow: 1px 1px 0px #ffffff;
-webkit-text-shadow: 1px 1px 0px #ffffff;
/*
filter:
progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color', Positive='true');
-ms-filter:
"progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color',
Positive='true')";
*zoom: 1;
*/
}
#EasyBlogMediaManager .hints .hint-content {
display: block;
font-size: 12px;
height: 22px;
line-height: 22px;
color: #999;
text-shadow: 1px 1px 0 #ffffff;
-moz-text-shadow: 1px 1px 0 #ffffff;
-webkit-text-shadow: 1px 1px 0 #ffffff;
/*
filter:
progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color', Positive='true');
-ms-filter:
"progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color',
Positive='true')";
*zoom: 1;
*/
}
#EasyBlogMediaManager button.button {
display: inline-block;
background: #fafafa;
margin: 0;
padding: 0 8px !important;
height: 28px;
font-weight: bold;
font-family: 'Lucida Grande', Tahoma, sans-serif;
font-size: 11px;
line-height: 11px;
color: #555 !important;
text-decoration: none !important;
width: auto;
overflow: visible;
vertical-align: top;
cursor: pointer;
position: relative;
z-index: 1;
text-transform: none !important;
border: 1px solid #aaa;
border-bottom-color: #999;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
background-color: #eeeeee;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#ffffff), to(#eeeeee));
/* Konqueror */
background-image: -moz-linear-gradient(#ffffff, #eeeeee);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#ffffff, #eeeeee);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#ffffff, #eeeeee);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#ffffff, #eeeeee);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
endColorstr='#eeeeee', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
endColorstr='#eeeeee', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#ffffff, #eeeeee);
/* the standard */
text-shadow: 1px 1px 0px #ffffff;
-moz-text-shadow: 1px 1px 0px #ffffff;
-webkit-text-shadow: 1px 1px 0px #ffffff;
/*
filter:
progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color', Positive='true');
-ms-filter:
"progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color',
Positive='true')";
*zoom: 1;
*/
}
#EasyBlogMediaManager button.button.active {
border: 1px solid #5e5e5e;
border-bottom-color: #808080;
}
#EasyBlogMediaManager button.button.green-button {
border: 1px solid #87ab60;
border-bottom-color: #74954f;
}
#EasyBlogMediaManager button.button.green-button.active {
border: 1px solid #3a4b27;
border-bottom-color: #5a743d;
}
#EasyBlogMediaManager button.button::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
#EasyBlogMediaManager button.button.hover,
#EasyBlogMediaManager button.button:hover {
background-color: #fbfbfb;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#ffffff), to(#fbfbfb));
/* Konqueror */
background-image: -moz-linear-gradient(#ffffff, #fbfbfb);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#ffffff, #fbfbfb);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #ffffff), color-stop(100%, #fbfbfb));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#ffffff, #fbfbfb);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#ffffff, #fbfbfb);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
endColorstr='#fbfbfb', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
endColorstr='#fbfbfb', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#ffffff, #fbfbfb);
/* the standard */
}
#EasyBlogMediaManager button.button.active {
background: #999;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.7), 0 2px 5px rgba(0, 0,
0, 0.4) inset;
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7), 0 2px 5px rgba(0, 0, 0,
0.4) inset;
box-shadow: 0 1px 0 rgba(255,255,255,0.7), 0 2px 5px rgba(0, 0, 0, 0.4)
inset;
color: #fff !important;
}
#EasyBlogMediaManager button.button.green-button {
color: #fff !important;
text-shadow: 1px 1px 0px #74954f;
-moz-text-shadow: 1px 1px 0px #74954f;
-webkit-text-shadow: 1px 1px 0px #74954f;
/*
filter:
progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color', Positive='true');
-ms-filter:
"progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color',
Positive='true')";
*zoom: 1;
*/
background-color: #85bf46;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#9fda5f), to(#85bf46));
/* Konqueror */
background-image: -moz-linear-gradient(#9fda5f, #85bf46);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#9fda5f, #85bf46);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #9fda5f), color-stop(100%, #85bf46));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#9fda5f, #85bf46);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#9fda5f, #85bf46);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fda5f',
endColorstr='#85bf46', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#9fda5f',
endColorstr='#85bf46', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#9fda5f, #85bf46);
/* the standard */
}
#EasyBlogMediaManager button.button.green-button:hover {
background-color: #91c659;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#abdf74), to(#91c659));
/* Konqueror */
background-image: -moz-linear-gradient(#abdf74, #91c659);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#abdf74, #91c659);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #abdf74), color-stop(100%, #91c659));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#abdf74, #91c659);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#abdf74, #91c659);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#abdf74',
endColorstr='#91c659', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#abdf74',
endColorstr='#91c659', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#abdf74, #91c659);
/* the standard */
}
#EasyBlogMediaManager button.button .button-tooltip {
display: none;
top: 38px;
right: -1px;
}
#EasyBlogMediaManager button.button.hover .button-tooltip,
#EasyBlogMediaManager button.button:hover .button-tooltip {
display: block;
}
@-moz-document url-prefix() {
}
#EasyBlogMediaManager progress[role] {
display: inline-block;
position: relative;
width: 90%;
background: #fff;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#EasyBlogMediaManager progress[role],
#EasyBlogMediaManager progress[aria-valuenow]:before {
background-color: #5af;
}
#EasyBlogMediaManager progress[role],
#EasyBlogMediaManager progress[role]:after {
background-repeat: repeat-x;
background-position: 0 0;
-moz-background-size: auto 100%;
-webkit-background-size: auto 100%;
background-size: auto 100%;
}
#EasyBlogMediaManager progress[aria-valuenow] {
background: #eee;
}
#EasyBlogMediaManager progress[aria-valuenow]:before {
content: "";
display: block;
height: 100%;
}
#EasyBlogMediaManager progress[role]:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#EasyBlogMediaManager .mediaModalGroup {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 100%;
height: 100%;
padding: 0 80px;
}
#EasyBlogMediaManager .mediaModal {
position: absolute;
top: 9999px;
width: 100%;
height: 85%;
margin: 0 auto;
overflow: hidden;
-webkit-box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 64px rgba(0, 0, 0, 0.8);
border: 1px solid #292F3A;
z-index: 2;
text-align: left;
}
#EasyBlogMediaManager .mediaModal.active {
top: 0;
position: relative;
}
#EasyBlogMediaManager .mediaModal.loaderModal {
background: url("loader.bar.gif") center center no-repeat
#f6f6f6;
}
#EasyBlogMediaManager .mediaModal .modalHeader {
background-color: #dfdfdf;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#f5f5f5), to(#dfdfdf));
/* Konqueror */
background-image: -moz-linear-gradient(#f5f5f5, #dfdfdf);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#f5f5f5, #dfdfdf);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #f5f5f5), color-stop(100%, #dfdfdf));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#f5f5f5, #dfdfdf);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#f5f5f5, #dfdfdf);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',
endColorstr='#dfdfdf', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',
endColorstr='#dfdfdf', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#f5f5f5, #dfdfdf);
/* the standard */
background-color: #343a44;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#444b55), to(#343a44));
/* Konqueror */
background-image: -moz-linear-gradient(#444b55, #343a44);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#444b55, #343a44);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #444b55), color-stop(100%, #343a44));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#444b55, #343a44);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#444b55, #343a44);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#444b55',
endColorstr='#343a44', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#444b55',
endColorstr='#343a44', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#444b55, #343a44);
/* the standard */
height: 48px;
border-bottom: 1px solid #ccc;
overflow: hidden;
position: relative;
z-index: 5;
color: #fff;
text-shadow: 1px 1px 0px #343a44 1px 2px #555555;
-moz-text-shadow: 1px 1px 0px #343a44 1px 2px #555555;
-webkit-text-shadow: 1px 1px 0px #343a44 1px 2px #555555;
/*
filter:
progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color', Positive='true');
-ms-filter:
"progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color',
Positive='true')";
*zoom: 1;
*/
}
#EasyBlogMediaManager .mediaModal .modalHeader .modalTitle {
text-align: left;
font-size: 18px;
line-height: 48px;
position: absolute;
padding-left: 10px;
text-shadow: 1px 1px 0px #343a44 1px 2px #555555;
-moz-text-shadow: 1px 1px 0px #343a44 1px 2px #555555;
-webkit-text-shadow: 1px 1px 0px #343a44 1px 2px #555555;
/*
filter:
progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color', Positive='true');
-ms-filter:
"progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color',
Positive='true')";
*zoom: 1;
*/
z-index: 1;
}
#EasyBlogMediaManager .mediaModal .modalHeader .modalButtons {
border-left: 1px solid #343a44;
float: right;
}
#EasyBlogMediaManager .mediaModal .modalHeader button.modalButton {
display: inline-block;
background: transparent;
margin: 0;
padding: 0 8px;
font-weight: bold;
font-family: 'Lucida Grande', Tahoma, sans-serif;
font-size: 12px;
line-height: 12px;
color: #fff !important;
text-decoration: none !important;
vertical-align: top;
width: auto;
height: 48px;
overflow: visible;
position: relative;
z-index: 2;
float: right;
cursor: pointer;
border: none;
border-right: 1px solid #343a44;
border-left: 1px solid #575e6b;
}
#EasyBlogMediaManager .mediaModal .modalHeader button.modalButton > i {
width: 16px;
height: 16px;
position: absolute;
top: 16px;
left: 8px;
display: inline-block;
}
#EasyBlogMediaManager .mediaModal .modalHeader button.modalButton:hover {
background-color: #343a44;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#575e6b), to(#343a44));
/* Konqueror */
background-image: -moz-linear-gradient(#575e6b, #343a44);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#575e6b, #343a44);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #575e6b), color-stop(100%, #343a44));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#575e6b, #343a44);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#575e6b, #343a44);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#575e6b',
endColorstr='#343a44', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#575e6b',
endColorstr='#343a44', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#575e6b, #343a44);
/* the standard */
}
#EasyBlogMediaManager .mediaModal .modalHeader button.modalButton.active {
background: #999;
background-color: #575e6b;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#444b55), to(#575e6b));
/* Konqueror */
background-image: -moz-linear-gradient(#444b55, #575e6b);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#444b55, #575e6b);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #444b55), color-stop(100%, #575e6b));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#444b55, #575e6b);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#444b55, #575e6b);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#444b55',
endColorstr='#575e6b', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#444b55',
endColorstr='#575e6b', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#444b55, #575e6b);
/* the standard */
}
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.dashboardButton i {
background: url(icon.media.png) no-repeat;
background-position: 0px 0px;
position: relative;
top: 0;
left: 0;
width: 20px;
height: 20px;
}
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.dashboardButton:hover i {
background: url(icon.media.png) no-repeat;
background-position: 0px -32px;
}
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.browserButton {
padding-left: 26px;
}
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.browserButton i {
background: url(icon.media.png) no-repeat;
background-position: -192px 0px;
}
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.uploaderButton {
padding-left: 26px;
}
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.uploaderButton i {
background: url(icon.media.png) no-repeat;
background-position: -192px -32px;
}
#EasyBlogMediaManager .mediaModal .modalToolbar {
background-color: #dfdfdf;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#f5f5f5), to(#dfdfdf));
/* Konqueror */
background-image: -moz-linear-gradient(#f5f5f5, #dfdfdf);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#f5f5f5, #dfdfdf);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #f5f5f5), color-stop(100%, #dfdfdf));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#f5f5f5, #dfdfdf);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#f5f5f5, #dfdfdf);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',
endColorstr='#dfdfdf', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',
endColorstr='#dfdfdf', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#f5f5f5, #dfdfdf);
/* the standard */
border-bottom: 1px solid #ccc;
height: 56px;
width: 100%;
position: relative;
z-index: 4;
}
#EasyBlogMediaManager .mediaModal .modalToolbar .navigation {
top: 10px;
left: 10px;
}
#EasyBlogMediaManager .mediaModal .modalToolbar .topActions {
position: absolute;
top: 10px;
right: 10px;
margin: 0;
}
#EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button {
float: right;
height: 36px;
padding-left: 30px !important;
}
#EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button
> i {
display: inline-block;
position: absolute;
top: 8px;
left: 8px;
width: 16px;
height: 16px;
}
#EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button +
button.button {
margin-right: 6px;
}
#EasyBlogMediaManager .mediaModal .modalContent {
position: relative;
z-index: 3;
display: block;
}
#EasyBlogMediaManager .mediaModal .modalFooter {
background-color: #dfdfdf;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#f5f5f5), to(#dfdfdf));
/* Konqueror */
background-image: -moz-linear-gradient(#f5f5f5, #dfdfdf);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#f5f5f5, #dfdfdf);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #f5f5f5), color-stop(100%, #dfdfdf));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#f5f5f5, #dfdfdf);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#f5f5f5, #dfdfdf);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',
endColorstr='#dfdfdf', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5',
endColorstr='#dfdfdf', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#f5f5f5, #dfdfdf);
/* the standard */
border-top: 1px solid #ccc;
height: 36px;
width: 100%;
position: absolute;
bottom: 0;
z-index: 4;
}
#EasyBlogMediaManager .mediaModal .modalFooter .footerActions {
padding: 4px;
position: absolute;
top: 0;
}
#EasyBlogMediaManager .mediaModal .modalFooter .footerActions.right-actions
{
right: 0;
}
#EasyBlogMediaManager .mediaModal .modalFooter .footerActions.left-actions
{
left: 0;
}
#EasyBlogMediaManager .mediaModal .modalFooter .footerActions button.button
{
height: 27px;
}
#EasyBlogMediaManager .modalPrompt {
width: 100%;
height: 100%;
position: absolute;
z-index: 5;
top: -99999px;
left: -99999px;
}
#EasyBlogMediaManager .modalPrompt.active {
top: 0;
left: 0;
}
#EasyBlogMediaManager .modalPrompt.active .overlay {
-moz-opacity: 0.6;
-khtml-opacity: 0.6;
-webkit-opacity: 0.6;
opacity: 0.6;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
filter: alpha(opacity=60);
-webkit-transition: opacity 0.5 ease-out;
-moz-transition: opacity 0.5 ease-out;
transition: opacity 0.5 ease-out;
display: none;
}
#EasyBlogMediaManager .modalPrompt .overlay {
width: 100%;
height: 100%;
background: #fff;
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
position: relative;
z-index: 1;
-webkit-transition: opacity 0.5 ease-out;
-moz-transition: opacity 0.5 ease-out;
transition: opacity 0.5 ease-out;
display: none;
}
#EasyBlogMediaManager .modalPrompt .modalPromptDialogs {
width: 100%;
height: 100%;
}
#EasyBlogMediaManager .modalPrompt .modalPromptDialog {
display: block;
position: absolute;
z-index: 2;
width: 400px;
height: 250px;
margin-left: -200px;
margin-top: -149px;
background: white;
border: 1px solid #aaa;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.6);
top: -9999px;
left: -9999px;
text-align: left;
}
#EasyBlogMediaManager .modalPrompt .modalPromptDialog.active {
top: 50%;
left: 50%;
z-index: 3;
}
#EasyBlogMediaManager .modalPrompt .promptState {
display: none;
}
#EasyBlogMediaManager .modalPrompt .promptState.active {
display: block;
}
#EasyBlogMediaManager .modalPrompt .promptTitle {
padding: 15px 15px 10px;
font-size: 18px;
line-height: 18px;
font-weight: bold;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#EasyBlogMediaManager .modalPrompt .promptText {
font-size: 12px;
line-height: 16px;
padding: 0 15px;
color: #666;
display: block;
}
#EasyBlogMediaManager .modalPrompt .promptForm {
padding: 30px;
}
#EasyBlogMediaManager .modalPrompt .promptForm label {
height: 24px;
line-height: 24px;
}
#EasyBlogMediaManager .modalPrompt .promptForm input.text {
border: 1px solid #ccc;
padding: 0 3px;
height: 24px;
line-height: 24px;
font-size: 13px;
margin: 0 0 0 5px;
}
#EasyBlogMediaManager .modalPrompt .promptActions {
position: absolute;
bottom: 0;
right: 0;
padding: 0 15px 15px 0;
}
#EasyBlogMediaManager .modalPrompt .promptLoader {
position: absolute;
left: 0;
bottom: 0;
width: 208px;
height: 13px;
margin: 0 0 22px 15px;
background: url(loader.bar.gif) no-repeat -6px -3px;
}
/*Defined the icon position for All FF*/
@-moz-document url-prefix() {
#EasyBlogMediaManager .mediaModal {
top: -9999px;
}
#EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button
> i {
top: 0;
left: -21px;
}
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.uploaderButton > i {
top: 0;
left: -22px;
}
#EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter
.createFolderButton > i {
top: 0;
left: -20px;
}
#EasyBlogMediaManager .browser .browserViewButtons button.button > i {
top: -8px;
left: -6px;
}
#EasyBlogMediaManager .imageVariationActions button i {
top: -4px;
left: -14px;
}
#EasyBlogMediaManager .mediaModal .modalHeader button.modalButton > i
{
top: 0;
left: -21px;
}
#EasyBlogMediaManager .uploader .modalToolbar .changeUploadFolderButton
> i {
top: 0 !important;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadActions .locateItemButton > i {
top: 0;
left: -21px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadActions button > i {
top: 0;
left: -21px;
}
}
/*Redefined the correct position for FF 4 and above*/
:-moz-any(x),
#EasyBlogMediaManager .mediaModal {
top: 9999px;
}
:-moz-any(x),
#EasyBlogMediaManager .mediaModal .modalToolbar .topActions button.button i
{
top: 8px !important;
left: 8px !important;
}
:-moz-any(x),
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.uploaderButton > i {
top: 16px !important;
left: 8px !important;
}
:-moz-any(x),
#EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter
.createFolderButton > i {
top: 4px !important;
left: 6px !important;
}
:-moz-any(x),
#EasyBlogMediaManager .browser .browserViewButtons button.button > i {
top: 4px !important;
left: 6px !important;
}
:-moz-any(x),
#EasyBlogMediaManager .imageVariationActions button i {
top: 2px !important;
left: 6px !important;
}
:-moz-any(x),
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.browserButton > i {
top: 16px !important;
left: 8px !important;
}
:-moz-any(x),
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions
button > i {
top: 4px !important;
left: 6px !important;
}
:-moz-any(x),
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions
.locateItemButton > i {
top: 4px !important;
left: 6px !important;
}
#EasyBlogMediaManager {
font-size: 12px !important;
line-height: 12px !important;
font-family: "Lucida Grande", "Arial", sans-serif
!important;
background: transparent !important;
overflow-y: hidden;
overflow-x: hidden;
z-index: 9999999;
width: 100%;
height: 100%;
color: #111;
position: fixed;
top: -99999px;
left: 0;
display: table;
}
#EasyBlogMediaManager input,
#EasyBlogMediaManager button,
#EasyBlogMediaManager select,
#EasyBlogMediaManager textarea {
font-family: "Lucida Grande", "Arial", sans-serif
!important;
}
#EasyBlogMediaManager .media-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
z-index: 1;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
display: none;
}
#EasyBlogMediaManager.active {
top: 0;
left: 0;
}
#EasyBlogMediaManager.active .media-overlay {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#EasyBlogMediaManager .loaderModal .modalContent {
width: 100%;
height: 100%;
text-align: center;
}
#EasyBlogMediaManager .assetItemGroup {
width: 130px;
margin: 0 auto;
height: 110px;
top: 50%;
margin-top: -190px;
position: relative;
}
#EasyBlogMediaManager .assetItem {
padding: 6px;
padding-left: 28px;
text-align: left;
position: relative;
}
#EasyBlogMediaManager .assetItem i {
width: 16px;
height: 16px;
top: 4px;
left: 4px;
display: none;
position: absolute;
}
#EasyBlogMediaManager .assetItem.done i {
background: url(icon.media.png) no-repeat;
background-position: -192px -64px;
display: block;
}
#EasyBlogMediaManager .assetItem.failed i {
background: url(icon.media.png) no-repeat;
background-position: -224px -64px;
display: block;
}
#EasyBlogMediaManager .recentActivities .promptContent {
padding: 5px 15px;
}
#EasyBlogMediaManager .recentActivities .recentItemGroup {
background: #F5F5F5;
border: 1px solid #CCCCCC;
height: 145px;
overflow: auto;
}
#EasyBlogMediaManager .recentActivities .recentItem {
position: relative;
height: 32px;
border-bottom: 1px solid #ddd;
height: 32px;
padding: 4px 8px;
}
#EasyBlogMediaManager .recentActivities .recentItem .item-wrap {
position: relative;
overflow: hidden;
}
#EasyBlogMediaManager .recentActivities .recentItem .item-image {
display: table;
width: 32px;
height: 32px;
}
#EasyBlogMediaManager .recentActivities .recentItem .item-image-wrap {
display: table-cell;
text-align: center;
vertical-align: middle;
}
#EasyBlogMediaManager .recentActivities .recentItem .itemIcon {
max-width: 32px;
max-height: 32px;
display: inline;
z-index: 1;
vertical-align: middle;
}
#EasyBlogMediaManager .recentActivities .recentItem .itemTitle {
display: block;
text-align: left;
position: absolute;
z-index: 2;
font-size: 12px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
top: 0px;
left: 40px;
width: 270px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
padding-top: 4px;
}
#EasyBlogMediaManager .recentActivities .recentItem .itemProgress {
color: #888888;
font-size: 10px;
display: block;
line-height: 16px;
}
#EasyBlogMediaManager .recentActivities .recentItem i {
width: 16px;
height: 16px;
position: absolute;
top: 7px;
right: 4px;
display: none;
}
#EasyBlogMediaManager .recentActivities .recentItem.loading i {
background: url(loader.gif) center center no-repeat;
display: block;
}
#EasyBlogMediaManager .recentActivities .recentItem.done i {
background: url(icon.media.png) no-repeat;
background-position: -192px -64px;
display: block;
}
#EasyBlogMediaManager .recentActivities .recentItem.failed i {
background: url(icon.media.png) no-repeat;
background-position: -224px -64px;
display: block;
}
#EasyBlogMediaManager .navigation {
position: relative;
text-align: left;
padding: 0;
margin: 0;
border: none;
}
#EasyBlogMediaManager .navigation .navigationInfo {
height: 14px;
line-height: 18px;
/* From 14px to 18px for visual compensation. */
font-size: 10px;
color: #888;
text-shadow: 1px 1px 0px #FCFCFC;
}
#EasyBlogMediaManager .navigation .navigationPathway {
height: 22px;
width: 200%;
overflow: hidden;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup {
height: 22px;
line-height: 22px;
float: left;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup
.navigationItem {
display: none;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup
.navigationItemStub {
background: #d1ddf4;
border: 1px solid #91AAD6;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 0 3px;
}
#EasyBlogMediaManager .navigation .navigationPathway
.navigationItemGroup.expand .navigationItem {
display: inline;
}
#EasyBlogMediaManager .navigation .navigationPathway
.navigationItemGroup.expand .navigationItemStub {
display: none;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup +
.navigationItem {
margin: 0 0 0 4px;
padding: 0 0 0 11px;
position: relative;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup +
.navigationItem i {
background: url(icon.media.png) no-repeat;
background-position: -320px 0px;
width: 8px;
height: 22px;
position: absolute;
top: 0;
left: 0;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup +
.navigationItemGroup {
margin: 0 0 0 4px;
padding: 0 0 0 11px;
position: relative;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItemGroup +
.navigationItemGroup i {
background: url(icon.media.png) no-repeat;
background-position: -320px 0px;
width: 8px;
height: 22px;
position: absolute;
top: 0;
left: 0;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItem {
height: 22px;
line-height: 22px;
font-size: 13px;
float: left;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItem +
.navigationItem {
margin: 0 0 0 4px;
padding: 0 0 0 11px;
position: relative;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItem +
.navigationItem i {
background: url(icon.media.png) no-repeat;
background-position: -320px 0px;
width: 8px;
height: 22px;
position: absolute;
top: 0;
left: 0;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItem +
.navigationItemGroup {
margin: 0 0 0 4px;
padding: 0 0 0 11px;
position: relative;
}
#EasyBlogMediaManager .navigation .navigationPathway .navigationItem +
.navigationItemGroup i {
background: url(icon.media.png) no-repeat;
background-position: -320px 0px;
width: 8px;
height: 22px;
position: absolute;
top: 0;
left: 0;
}
#EasyBlogMediaManager .navigation .navigationPathway.canActivate
.navigationItem {
cursor: pointer;
}
#EasyBlogMediaManager .navigation .navigationPathway.canActivate
.navigationItem:hover {
text-decoration: underline;
}
#EasyBlogMediaManager .browser {
background: #fff;
}
#EasyBlogMediaManager .browser .modalTitle .modalTitleSnippet {
display: none;
}
#EasyBlogMediaManager .browser.mode-browse .title-browse {
display: inline;
}
#EasyBlogMediaManager .browser.mode-browse .title-blogimage {
display: none;
}
#EasyBlogMediaManager .browser.mode-blogimage .title-browse {
display: none;
}
#EasyBlogMediaManager .browser.mode-blogimage .title-blogimage {
display: inline;
}
#EasyBlogMediaManager .browser.mode-blogimage .insertItemButton,
#EasyBlogMediaManager .browser.mode-blogimage .customizeItemButton,
#EasyBlogMediaManager .browser.mode-blogimage .insertAsGalleryButton {
display: none !important;
}
#EasyBlogMediaManager .browser.searching .browserPagination {
display: none !important;
}
#EasyBlogMediaManager .browser .browserHeader .browserItemActionSet {
display: none;
}
#EasyBlogMediaManager .browser .browserHeader .browserItemActionSet.active
{
display: block;
}
#EasyBlogMediaManager .browser .browserHeader .browserItemActionSet
.green-button {
margin-right: 0 !important;
}
#EasyBlogMediaManager .browser .browserHeader .insertItemButton > i {
background: url(icon.media.png) no-repeat;
background-position: -192px -96px;
}
#EasyBlogMediaManager .browser .browserHeader .insertBlogImageButton {
display: none;
}
#EasyBlogMediaManager .browser .browserHeader .insertBlogImageButton > i
{
background: url(icon.media.png) no-repeat;
background-position: -192px -96px;
}
#EasyBlogMediaManager .browser .browserHeader .customizeItemButton > i {
background: url(icon.media.png) no-repeat;
background-position: -224px -96px;
}
#EasyBlogMediaManager .browser .browserHeader .insertAsGalleryButton > i
{
background: url(icon.media.png) no-repeat;
background-position: -256px -96px;
width: 20px !important;
}
#EasyBlogMediaManager .browser .browserHeader .removeItemButton {
padding-left: 27px !important;
}
#EasyBlogMediaManager .browser .browserHeader .removeItemButton > i {
background: url(icon.media.png) no-repeat;
background-position: -224px 0px;
}
#EasyBlogMediaManager .browser .browserContent {
position: relative;
z-index: 2;
}
#EasyBlogMediaManager .browser .browserFooter {
position: relative;
zoom: 1;
}
#EasyBlogMediaManager .browser .browserFooter:before,
#EasyBlogMediaManager .browser .browserFooter:after {
content: "";
display: table;
}
#EasyBlogMediaManager .browser .browserFooter:after {
clear: both;
}
#EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter {
width: 180px;
height: 36px;
border-right: 1px solid #CCCCCC;
float: left;
position: relative;
}
#EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter
.createFolderButton {
padding-left: 26px !important;
}
#EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter
.createFolderButton > i {
display: inline-block;
position: absolute;
top: 4px;
left: 6px;
width: 16px;
height: 16px;
}
#EasyBlogMediaManager .browser .browserFooter .browserTreeItemFooter
.createFolderButton > i {
background: url(icon.media.png) no-repeat;
background-position: -288px -96px;
}
#EasyBlogMediaManager .browser .browserFooter .browserItemFooter {
height: 36px;
margin-left: 181px;
border-left: 1px solid #FFFFFF;
position: relative;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination i {
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 5px;
left: 6px;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.prevPageButton {
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
float: right;
padding-left: 20px;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.prevPageButton > i {
background: url(icon.media.png) no-repeat;
background-position: -64px 0px;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.nextPageButton {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
float: right;
padding-left: 20px;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.nextPageButton > i {
background: url(icon.media.png) no-repeat;
background-position: -32px 0px;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.pageNumber {
float: right;
height: 27px;
width: 73px;
margin-left: -1px;
position: relative;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.pageSelection {
margin: 0;
padding: 0;
border-bottom-color: #999999;
border-left: none;
border-right: none;
position: absolute;
bottom: 0;
width: 72px;
height: 25px;
list-style: none;
background: white;
border: 1px solid #aaa;
cursor: pointer;
overflow: none;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.pageSelection .paginationPage {
display: none;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.pageSelection .paginationPage.selected {
display: block;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.pageSelection.expanded {
max-height: 200px;
min-height: 75px;
height: auto;
overflow-y: scroll;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.pageSelection.expanded .paginationPage {
display: block;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.pageSelection.expanded .paginationPage.selected {
background-color: #2f59a8;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#4d71b5), to(#2f59a8));
/* Konqueror */
background-image: -moz-linear-gradient(#4d71b5, #2f59a8);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#4d71b5, #2f59a8);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #4d71b5), color-stop(100%, #2f59a8));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#4d71b5, #2f59a8);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#4d71b5, #2f59a8);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5',
endColorstr='#2f59a8', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5',
endColorstr='#2f59a8', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#4d71b5, #2f59a8);
/* the standard */
color: white;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.paginationPage {
height: 25px;
line-height: 25px;
text-align: center;
cursor: pointer;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.paginationPage:hover {
background: #ccd9f1;
}
#EasyBlogMediaManager .browser .browserFooter .browserPagination
.pageBreakdown {
display: none;
}
#EasyBlogMediaManager .browser .browserViewButtons {
position: absolute;
top: 4px;
right: 4px;
}
#EasyBlogMediaManager .browser .browserViewButtons button.button {
float: left;
padding: 0 14px !important;
position: relative;
}
#EasyBlogMediaManager .browser .browserViewButtons button.button > i {
display: block;
width: 16px;
height: 16px;
position: absolute;
top: 4px;
left: 6px;
}
#EasyBlogMediaManager .browser .browserViewButtons button.button.active {
background: #777 !important;
filter: none !important;
}
#EasyBlogMediaManager .browser .browserViewButtons
button.button.browserListViewButton {
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border-right: none;
}
#EasyBlogMediaManager .browser .browserViewButtons
button.button.browserListViewButton > i {
background: url(icon.media.png) no-repeat;
background-position: -256px -32px;
}
#EasyBlogMediaManager .browser .browserViewButtons
button.button.browserListViewButton.active > i {
background: url(icon.media.png) no-repeat;
background-position: -256px 0px;
}
#EasyBlogMediaManager .browser .browserViewButtons
button.button.browserListViewButton.active + .browserTileViewButton {
border-left: none;
}
#EasyBlogMediaManager .browser .browserViewButtons
button.button.browserTileViewButton {
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#EasyBlogMediaManager .browser .browserViewButtons
button.button.browserTileViewButton > i {
background: url(icon.media.png) no-repeat;
background-position: -288px -32px;
}
#EasyBlogMediaManager .browser .browserViewButtons
button.button.browserTileViewButton.active > i {
background: url(icon.media.png) no-repeat;
background-position: -288px 0px;
}
#EasyBlogMediaManager .browser .modalPrompt
.modalPromptDialog.createFolderPrompt {
height: 200px;
margin-top: -148px;
}
#EasyBlogMediaManager .browser .modalPrompt
.modalPromptDialog.createFolderPrompt .folderPath {
font-weight: bold;
color: black;
word-wrap: break-word;
}
#EasyBlogMediaManager .browser .modalPrompt
.modalPromptDialog.createFolderPrompt .folderInput {
width: 220px;
}
#EasyBlogMediaManager .browser .modalPrompt
.modalPromptDialog.createFolderPrompt .folderCreationPath {
font-weight: bold;
color: black;
word-wrap: break-word;
}
#EasyBlogMediaManager .browser .modalPrompt
.modalPromptDialog.removeItemPrompt {
height: 220px;
margin-top: -158px;
}
#EasyBlogMediaManager .browser .modalPrompt
.modalPromptDialog.removeItemPrompt .removeItemFilename {
font-weight: bold;
color: black;
word-wrap: break-word;
}
#EasyBlogMediaManager .browser .modalPrompt
.modalPromptDialog.flickrLoginPrompt .flickrLogin {
margin: 15px;
border: none;
overflow: hidden;
width: 400px;
}
#EasyBlogMediaManager .browserSearch {
float: right;
position: relative;
margin: 8px;
background: #292e36;
height: 28px;
width: 150px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #1e2127;
-webkit-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0 1px 0
rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0 1px 0
rgba(255, 255, 255, 0.2);
box-shadow: inset 0px 2px 2px 0px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255,
255, 255, 0.2);
padding-left: 22px;
}
#EasyBlogMediaManager .browserSearch i {
display: inline-block;
width: 16px;
height: 16px;
position: absolute;
top: 6px;
left: 4px;
background: url(icon.media.png) no-repeat;
background-position: -64px -32px;
cursor: pointer;
}
#EasyBlogMediaManager .browserSearch.active i {
background: url(icon.media.png) no-repeat;
background-position: -96px -32px;
}
#EasyBlogMediaManager .browserSearch.showCancelButton:hover i {
background: url(icon.media.png) no-repeat;
background-position: -128px -32px;
}
#EasyBlogMediaManager .browserSearch .searchInput {
background: transparent;
border: none !important;
width: 95%;
line-height: 30px;
height: 30px;
font-size: 12px;
color: #fff;
box-shadow: none !important;
padding: 0;
margin: 0;
}
#EasyBlogMediaManager .browserSearch .searchInput:focus {
box-shadow: none !important;
}
#EasyBlogMediaManager .browserItemField {
position: relative;
text-align: left;
overflow: hidden;
height: 100%;
margin-left: 181px;
}
#EasyBlogMediaManager .browserItemField.searching .browserItemGroup {
display: none !important;
}
#EasyBlogMediaManager .browserItemField.searching
.browserItemGroup.search-mode {
display: block !important;
}
#EasyBlogMediaManager .browserItemField .hints {
background: #fff;
}
#EasyBlogMediaManager .browserItemField .hints .hint {
display: none;
}
#EasyBlogMediaManager .browserItemField.ready {
overflow-y: scroll;
}
#EasyBlogMediaManager .browserItemField.ready .hints {
display: none;
}
#EasyBlogMediaManager .browserItemField.loading .hint.hint-loading {
margin-top: -21px;
display: block;
}
#EasyBlogMediaManager .browserItemField.loading .hint.hint-loading i {
width: 220px;
height: 19px;
background: url(loader.bar.gif) no-repeat;
display: inline-block;
}
#EasyBlogMediaManager .browserItemField.empty .hint.hint-empty {
display: block;
}
#EasyBlogMediaManager .browserItemField.empty .hint.hint-empty
.uploaderButton {
display: none;
}
#EasyBlogMediaManager .browserItemField.empty.canUpload .hint.hint-empty {
margin-top: -29px;
}
#EasyBlogMediaManager .browserItemField.empty.canUpload .hint.hint-empty
.uploaderButton {
display: inline-block;
height: 32px;
padding-left: 28px;
margin-top: 4px;
}
#EasyBlogMediaManager .browserItemField.empty.canUpload .hint.hint-empty
.uploaderButton i {
background: url(icon.media.png) no-repeat;
background-position: -192px -32px;
display: block;
height: 16px;
left: 7px;
position: absolute;
top: 6px;
width: 16px;
}
#EasyBlogMediaManager .browserItemField.emptySearch .hint.hint-emptySearch
{
display: block;
}
#EasyBlogMediaManager .browserItemField.error .hint.hint-error {
display: block;
}
#EasyBlogMediaManager .browserItemField.selectAlbum .hint.hint-selectAlbum
{
display: block;
}
#EasyBlogMediaManager .browserItemField.flickr .hint.hint-flickr {
margin-top: -41px;
display: block;
}
#EasyBlogMediaManager .browserItemField.flickr .hint.hint-flickr
.hint-content {
height: auto;
padding: 0 100px 10px;
}
#EasyBlogMediaManager .browserItemField .browserItemGroup {
position: relative;
width: 100%;
display: none;
border-bottom: 1px solid #fff;
/* Fixes flickering */
zoom: 1;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#EasyBlogMediaManager .browserItemField .browserItemGroup:before,
#EasyBlogMediaManager .browserItemField .browserItemGroup:after {
content: "";
display: table;
}
#EasyBlogMediaManager .browserItemField .browserItemGroup:after {
clear: both;
}
#EasyBlogMediaManager .browserItemField .browserItemGroup.active {
display: block;
}
#EasyBlogMediaManager .browserItemField .browserItem {
position: relative;
cursor: pointer;
overflow: hidden;
}
#EasyBlogMediaManager .browserItemField .browserItem i.loading {
background: url(loader.gif) center center no-repeat;
width: 16px;
height: 16px;
display: none;
}
#EasyBlogMediaManager .browserItemField .browserItem.loading-icon i.loading
{
display: block;
}
#EasyBlogMediaManager .browserItemField .browserItem .itemTitle {
font-size: 12px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#EasyBlogMediaManager .browserItemField .browserItem.loading-icon .itemIcon
{
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
}
#EasyBlogMediaManager .browserItemField .browserItem.item-type-folder {
padding: 0;
display: none;
width: auto !important;
height: auto !important;
}
#EasyBlogMediaManager .browserItemField
.browserItem.item-type-folder.active,
#EasyBlogMediaManager .browserItemField .browserItem.item-type-folder.focus
{
display: block;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video {
float: left;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding-top: 10px;
padding-bottom: 28px;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file i.loading,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image i.loading,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio i.loading,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video i.loading {
position: absolute;
top: 50%;
width: 100%;
margin-top: -16px;
margin-left: 0;
margin-left: -10px;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file .item-wrap,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image .item-wrap,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio .item-wrap,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video .item-wrap {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file .item-wrap .item-wrap-outer,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image .item-wrap .item-wrap-outer,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio .item-wrap .item-wrap-outer,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video .item-wrap .item-wrap-outer {
display: table;
width: 100%;
height: 100%;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file .item-wrap .item-wrap-inner,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image .item-wrap .item-wrap-inner,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio .item-wrap .item-wrap-inner,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video .item-wrap .item-wrap-inner {
display: table-cell;
padding: 0 10px;
text-align: center;
vertical-align: middle;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file .itemIcon,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image .itemIcon,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio .itemIcon,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video .itemIcon {
display: inline;
z-index: 1;
max-width: 100%;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file .itemIcon.orientation-tall,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image .itemIcon.orientation-tall,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio .itemIcon.orientation-tall,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video .itemIcon.orientation-tall {
width: 100%;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file .itemIcon.orientation-wide,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image .itemIcon.orientation-wide,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio .itemIcon.orientation-wide,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video .itemIcon.orientation-wide {
width: 100%;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file .itemIcon.orientation-square,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image .itemIcon.orientation-square,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio .itemIcon.orientation-square,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video .itemIcon.orientation-square {
width: 100%;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file .itemTitle,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image .itemTitle,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio .itemTitle,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video .itemTitle {
display: inline;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 18px;
margin-bottom: 10px;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file .itemTitle span,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image .itemTitle span,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio .itemTitle span,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video .itemTitle span {
display: block;
margin: 0 10px;
line-height: 24px;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-file.active,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-image.active,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-audio.active,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-video.active {
background-color: #2f59a8;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#4d71b5), to(#2f59a8));
/* Konqueror */
background-image: -moz-linear-gradient(#4d71b5, #2f59a8);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#4d71b5, #2f59a8);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #4d71b5), color-stop(100%, #2f59a8));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#4d71b5, #2f59a8);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#4d71b5, #2f59a8);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5',
endColorstr='#2f59a8', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5',
endColorstr='#2f59a8', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#4d71b5, #2f59a8);
/* the standard */
color: white;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-folder {
zoom: 1;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-folder:before,
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-folder:after {
content: "";
display: table;
}
#EasyBlogMediaManager .browserItemField.view-tile
.browserItem.item-type-folder:after {
clear: both;
}
#EasyBlogMediaManager .browserItemField.view-list .browserItem {
line-height: 32px;
border-top: 1px solid #ddd;
}
#EasyBlogMediaManager .browserItemField.view-list .browserItem .item-wrap {
position: relative;
}
#EasyBlogMediaManager .browserItemField.view-list .browserItem i.loading {
position: absolute;
top: 8px;
left: 6px;
}
#EasyBlogMediaManager .browserItemField.view-list .browserItem
.folderItemGroup {
width: auto;
}
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-file,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-image,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-audio,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-video,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-upload {
height: 32px;
padding: 4px 8px;
}
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-file.active,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-image.active,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-audio.active,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-video.active,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-upload.active {
background-color: #2f59a8;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#4d71b5), to(#2f59a8));
/* Konqueror */
background-image: -moz-linear-gradient(#4d71b5, #2f59a8);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#4d71b5, #2f59a8);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #4d71b5), color-stop(100%, #2f59a8));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#4d71b5, #2f59a8);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#4d71b5, #2f59a8);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5',
endColorstr='#2f59a8', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5',
endColorstr='#2f59a8', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#4d71b5, #2f59a8);
/* the standard */
color: white;
}
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-file .itemIcon,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-image .itemIcon,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-audio .itemIcon,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-video .itemIcon,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-upload .itemIcon {
max-width: 32px;
max-height: 32px;
display: inline-block;
position: absolute;
z-index: 1;
}
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-file .itemTitle,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-image .itemTitle,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-audio .itemTitle,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-video .itemTitle,
#EasyBlogMediaManager .browserItemField.view-list
.browserItem.item-type-upload .itemTitle {
display: block;
text-align: left;
position: relative;
z-index: 2;
padding: 0 0 0 37px;
}
#EasyBlogMediaManager .browserTreeItemField {
position: relative;
overflow: auto;
float: left;
background: #f5f5f5;
width: 180px;
height: 100%;
border-right: 1px solid #ccc;
}
#EasyBlogMediaManager .browserTreeItemGroup {
zoom: 1;
border-bottom: 1px solid #F5F5F5;
}
#EasyBlogMediaManager .browserTreeItemGroup:before,
#EasyBlogMediaManager .browserTreeItemGroup:after {
content: "";
display: table;
}
#EasyBlogMediaManager .browserTreeItemGroup:after {
clear: both;
}
#EasyBlogMediaManager .browserTreeItemGroup.expanded
.browserTreeItem.type-folder {
display: block;
}
#EasyBlogMediaManager .browserTreeItemGroup.expanded
.browserTreeItem.type-place i {
background: url(icon.media.png) no-repeat;
background-position: -416px -96px;
}
#EasyBlogMediaManager .browserTreeItemGroup.expanded
.browserTreeItem.type-place.active i {
background: url(icon.media.png) no-repeat;
background-position: -416px -64px;
}
#EasyBlogMediaManager .browserTreeItem {
position: relative;
cursor: pointer;
padding: 3px 3px 3px 22px;
text-align: left;
height: 16px;
line-height: 16px;
white-space: nowrap;
}
#EasyBlogMediaManager .browserTreeItem i {
width: 16px;
height: 16px;
position: absolute;
top: 3px;
left: 3px;
}
#EasyBlogMediaManager .browserTreeItem .treeItemTitle {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#EasyBlogMediaManager .browserTreeItem.active {
background-color: #2f59a8;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#4d71b5), to(#2f59a8));
/* Konqueror */
background-image: -moz-linear-gradient(#4d71b5, #2f59a8);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#4d71b5, #2f59a8);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #4d71b5), color-stop(100%, #2f59a8));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#4d71b5, #2f59a8);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#4d71b5, #2f59a8);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5',
endColorstr='#2f59a8', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5',
endColorstr='#2f59a8', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#4d71b5, #2f59a8);
/* the standard */
color: white;
}
#EasyBlogMediaManager .browserTreeItem.loading i {
background: url(loader.gif) no-repeat center center !important;
}
#EasyBlogMediaManager .browserTreeItem.type-folder {
display: none;
padding-left: 24px;
margin-left: 18px;
margin-right: 4px;
overflow: hidden;
padding-right: 4px;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
min-width: 32px;
}
#EasyBlogMediaManager .browserTreeItem.type-folder i {
background: url(icon.media.png) no-repeat;
background-position: -288px -64px;
left: 4px;
}
#EasyBlogMediaManager .browserTreeItem.type-place i {
background: url(icon.media.png) no-repeat;
background-position: -416px -32px;
}
#EasyBlogMediaManager .browserTreeItem.type-place.active i {
background: url(icon.media.png) no-repeat;
background-position: -416px 0px;
}
.uploadInstructions {
font-weight: bold;
top: 39px;
right: 0px;
font-size: 12px;
line-height: 16px;
display: none;
}
.uploadInstructions .uploadExtensions {
font-size: 10px;
font-weight: normal;
line-height: 14px;
margin-top: 4px;
display: block;
color: #888;
}
.uploadInstructions.show {
display: block;
z-index: 9999;
}
#EasyBlogMediaManager .uploader {
background: #fff;
}
#EasyBlogMediaManager .uploader > form {
z-index: 99999 !important;
cursor: pointer;
}
#EasyBlogMediaManager .uploader .plupload {
cursor: pointer;
}
#EasyBlogMediaManager .uploader .plupload input {
cursor: pointer;
}
#EasyBlogMediaManager .uploader .uploadDropHint {
z-index: 1;
}
#EasyBlogMediaManager .uploader .uploadDropHint .hint.hint-dropUpload {
margin-top: -122px;
}
#EasyBlogMediaManager .uploader .uploadDropHint .hint.hint-dropUpload i {
background: url(icon.media.png) no-repeat;
background-position: 0px -128px;
width: 210px;
height: 210px;
display: inline-block;
}
#EasyBlogMediaManager .uploader .uploadItemGroup {
position: relative;
z-index: 2;
overflow-y: scroll;
overflow-x: hidden;
height: 100%;
-moz-opacity: 1;
-khtml-opacity: 1;
-webkit-opacity: 1;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
filter: alpha(opacity=100);
background: #fff;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#EasyBlogMediaManager .uploader .uploadItemGroup.empty {
-moz-opacity: 0;
-khtml-opacity: 0;
-webkit-opacity: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
filter: alpha(opacity=0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#EasyBlogMediaManager .uploader .uploadItemGroup.indefinite-progress
.uploadItem .uploadProgressBar progress {
display: none;
}
#EasyBlogMediaManager .uploader .uploadItemGroup.indefinite-progress
.uploadItem .uploadProgressBar .progress-alt {
display: block;
}
#EasyBlogMediaManager .uploader .uploadItemGroup.blogimage .uploadItem
.uploadActions .insertItemButton {
display: none !important;
}
#EasyBlogMediaManager .uploader .uploadItemGroup.blogimage .uploadItem
.uploadActions .insertBlogImageButton {
display: block !important;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem {
padding: 8px;
padding-left: 32px !important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem + .uploadItem
{
border-top: 1px solid #ccc;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .item-wrap {
position: relative;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadFilename {
display: block;
height: 16px;
line-height: 16px;
padding: 0;
white-space: nowrap;
overflow: hidden;
font-size: 12px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadStatus
{
display: block;
color: #777;
font-weight: normal;
line-height: 14px;
font-size: 10px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadProgressBar {
display: none;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadProgressBar progress {
width: 99%;
height: 8px;
margin: 6px 0 2px;
background: #fff;
border: 1px solid #aaa;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadProgressBar progress::-moz-progress-bar {
background: #E5EEFF !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadProgressBar progress::-webkit-progress-bar {
background: #E5EEFF !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadProgressBar progress::-webkit-progress-value {
background: #E5EEFF !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadProgressBar progress[role][aria-valuenow]:before {
background: #E5EEFF !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadProgressBar .progress-alt {
width: 99%;
height: 8px;
margin: 6px 0 2px;
background: #fff;
border: 1px solid #aaa;
display: none;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem
.uploadProgressBar .progress-alt img {
height: 8px;
width: 100%;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions
{
display: none;
position: absolute;
top: 0;
right: 0;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions
button {
float: right;
margin-left: 5px;
padding-left: 26px !important;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions
button > i {
position: absolute;
top: 4px;
left: 6px;
width: 16px;
height: 16px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions
.locateItemButton > i {
background: url(icon.media.png) no-repeat;
background-position: -64px -64px;
height: 17px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions
.insertItemButton > i {
background: url(icon.media.png) no-repeat;
background-position: -192px -96px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions
.insertBlogImageButton {
display: none;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadActions
.insertBlogImageButton > i {
background: url(icon.media.png) no-repeat;
background-position: -192px -96px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem .uploadIcon {
position: absolute;
width: 16px;
height: 16px;
top: 0;
left: -22px;
display: block;
cursor: pointer;
}
#EasyBlogMediaManager .uploader .uploadItemGroup
.uploadItem.upload-state-queued .uploadIcon {
background: url(icon.media.png) no-repeat;
background-position: -160px -64px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup
.uploadItem.upload-state-uploading .uploadProgressBar {
display: block;
}
#EasyBlogMediaManager .uploader .uploadItemGroup
.uploadItem.upload-state-uploading .uploadIcon {
background-image: url("loader.gif");
background-position: center center;
background-repeat: no-repeat;
}
#EasyBlogMediaManager .uploader .uploadItemGroup
.uploadItem.upload-state-done .uploadIcon {
background: url(icon.media.png) no-repeat;
background-position: -192px -64px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup
.uploadItem.upload-state-done .uploadActions {
display: block;
opacity: 0.3;
}
#EasyBlogMediaManager .uploader .uploadItemGroup
.uploadItem.upload-state-done:hover .uploadActions {
opacity: 1;
}
#EasyBlogMediaManager .uploader .uploadItemGroup
.uploadItem.upload-state-failed .uploadIcon {
background: url(icon.media.png) no-repeat;
background-position: -224px -64px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem:hover
.uploadIcon.uploadRemoveButton {
background: url(icon.media.png) no-repeat;
background-position: -128px -64px;
}
#EasyBlogMediaManager .uploader .uploadItemGroup .uploadItem:hover
.uploadIcon.uploadRemoveButton:hover {
background: url(icon.media.png) no-repeat;
background-position: -96px -64px;
}
#EasyBlogMediaManager .uploader .modalContent {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#EasyBlogMediaManager .uploader .modalToolbar .uploadButton > i {
background: url(icon.media.png) no-repeat;
background-position: -192px -32px;
}
#EasyBlogMediaManager .uploader .modalToolbar .changeUploadFolderButton
> i {
background: url(icon.media.png) no-repeat;
background-position: -320px -64px;
width: 18px !important;
top: 9px !important;
}
#EasyBlogMediaManager .uploader .modalPrompt .changeUploadFolderPrompt
.promptContent {
padding: 5px 15px;
}
#EasyBlogMediaManager .uploader .modalPrompt .changeUploadFolderPrompt
.browserTreeItemField {
border: 1px solid #ccc;
width: auto;
float: none;
height: 145px;
}
#EasyBlogMediaManager .uploader .modalPrompt .changeUploadFolderPrompt
.browserTreeItemField .browserTreeItemGroup .browserTreeItem.type-place i,
#EasyBlogMediaManager .uploader .modalPrompt .changeUploadFolderPrompt
.browserTreeItemField .browserTreeItemGroup
.browserTreeItem.type-place.active i {
background: url(icon.media.png) no-repeat;
background-position: -288px -64px;
}
#EasyBlogMediaManager .editor {
background: #fff;
}
#EasyBlogMediaManager .editor .modalToolbar .insertItemButton > i {
background: url(icon.media.png) no-repeat;
background-position: -192px -96px;
}
#EasyBlogMediaManager .editor .modalToolbar .cancelEditingButton > i {
background: url(icon.media.png) no-repeat;
background-position: -160px -96px;
}
#EasyBlogMediaManager .editor .modalContent {
zoom: 1;
}
#EasyBlogMediaManager .editor .modalContent:before,
#EasyBlogMediaManager .editor .modalContent:after {
content: "";
display: table;
}
#EasyBlogMediaManager .editor .modalContent:after {
clear: both;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport,
#EasyBlogMediaManager .editor .modalContent .editorLoading {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport {
top: 99999px;
left: 99999px;
z-index: 2;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport.active {
top: 0;
left: 0;
z-index: 3;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
{
height: 100%;
margin-right: 300px;
background: url("editor.preview.png");
overflow: hidden;
position: relative;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
.previewContainer {
position: absolute;
z-index: 2;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
.previewContainer object {
outline: none;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
.previewContainer object::-moz-focus-inner {
outline: none;
border: 0;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
.previewContainer.imageCaptionBorder {
padding: 5px;
border: 1px solid #ddd;
background: #f5f5f5;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
.previewContainer .imageCaptionText {
background: #f5f5f5;
padding: 5px 0;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
.previewDialogGroup {
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
.previewDialogGroup.alwaysOnTop {
z-index: 3;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
.previewDialogGroup.show-dialog-loading .previewDialog.dialog-loading {
display: block;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
.previewDialogGroup .previewDialog {
display: none;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPreview
.previewDialogGroup .previewDialog.dialog-loading {
position: absolute;
top: 50%;
width: 100%;
margin-top: 0;
margin-left: 0;
background: url("loader.gif") no-repeat center center;
width: 16px;
height: 16px;
margin: 0 auto;
position: relative;
z-index: 9999;
}
#EasyBlogMediaManager .editor .modalContent .editorViewport .editorPanel {
width: 300px;
height: 100%;
float: right;
background: #F5F5F5;
border-left: 1px solid #CCCCCC;
overflow-y: scroll;
overflow-x: hidden;
}
#EasyBlogMediaManager .editor .modalContent .editorLoading {
z-index: 1;
top: 0;
left: 0;
text-align: center;
width: 100%;
height: 100%;
background: #f6f6f6;
}
#EasyBlogMediaManager .editor .modalContent .editorLoading .loadingHint {
position: absolute;
top: 50%;
width: 100%;
margin-top: -9.5px;
}
#EasyBlogMediaManager .editor .modalContent .editorLoading .loadingHint i {
background: url("loader.bar.gif");
width: 220px;
height: 19px;
display: inline-block;
}
#EasyBlogMediaManager .editor .modalContent .editorLoading .loadingHint
.loadingText {
font-size: 22px;
line-height: 22px;
padding: 12px;
display: block;
color: #bbb;
text-shadow: 1px 1px 0px #ffffff;
-moz-text-shadow: 1px 1px 0px #ffffff;
-webkit-text-shadow: 1px 1px 0px #ffffff;
/*
filter:
progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color', Positive='true');
-ms-filter:
"progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color',
Positive='true')";
*zoom: 1;
*/
}
#EasyBlogMediaManager .panelSection {
text-align: left;
}
#EasyBlogMediaManager .panelSection .panelSectionHeader {
border-top: 1px solid #ccc;
padding: 8px 16px;
cursor: pointer;
}
#EasyBlogMediaManager .panelSection .panelSectionHeader .panelSectionTitle
{
text-shadow: 1px 1px 0 #f2f2f2;
-moz-text-shadow: 1px 1px 0 #f2f2f2;
-webkit-text-shadow: 1px 1px 0 #f2f2f2;
/*
filter:
progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color', Positive='true');
-ms-filter:
"progid:DXImageTransform.Microsoft.dropshadow(OffX=@horizontalOffset,
OffY=verticalOffset, Color='@color',
Positive='true')";
*zoom: 1;
*/
position: relative;
height: 16px;
line-height: 16px;
padding-left: 8px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#EasyBlogMediaManager .panelSection .panelSectionHeader .panelSectionTitle
> i {
background: url(icon.media.png) no-repeat;
background-position: -416px -32px;
display: block;
position: absolute;
width: 16px;
height: 16px;
top: 0px;
left: -12px;
}
#EasyBlogMediaManager .panelSection .panelSectionContent {
padding: 8px 24px 16px;
display: none;
position: relative;
}
#EasyBlogMediaManager .panelSection.active .panelSectionHeader {
padding: 8px 16px 0px;
}
#EasyBlogMediaManager .panelSection.active .panelSectionHeader
.panelSectionTitle > i {
background: url(icon.media.png) no-repeat;
background-position: -416px -96px;
}
#EasyBlogMediaManager .panelSection.active .panelSectionContent {
display: block;
}
#EasyBlogMediaManager .editorPanel .formGroup {
display: block;
clear: both;
margin: 8px 0;
}
#EasyBlogMediaManager .editorPanel .formGroup .formLabel {
display: block;
float: left;
width: 85px;
text-align: right;
font-size: 11px;
padding-top: 4px;
}
#EasyBlogMediaManager .editorPanel .formGroup .formControl {
margin-left: 95px;
}
#EasyBlogMediaManager .editorPanel .formGroup input[type=text] {
background: transparent;
border: none;
line-height: 20px;
width: 150px;
height: 20px;
font-size: 12px;
border: 1px solid #999;
padding: 0 0 0 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2) inset;
}
#EasyBlogMediaManager .list-form,
#EasyBlogMediaManager .list-form li {
font-size: 11px;
margin: 0!important;
padding: 0!important;
list-style: none!important;
border: 0!important;
background: none!important;
}
#EasyBlogMediaManager .list-form + li,
#EasyBlogMediaManager .list-form li + li {
margin: 5px 0 0!important;
}
#EasyBlogMediaManager .list-form > label,
#EasyBlogMediaManager .list-form li > label {
display: block;
min-height: 17px;
line-height: 17px;
margin: 0;
text-align: left;
width: auto;
float: none;
}
#EasyBlogMediaManager .list-form > label + div,
#EasyBlogMediaManager .list-form li > label + div {
margin: 0;
line-height: 20px;
}
#EasyBlogMediaManager .list-form input[type="text"],
#EasyBlogMediaManager .list-form li input[type="text"],
#EasyBlogMediaManager .list-form input[type="password"],
#EasyBlogMediaManager .list-form li input[type="password"],
#EasyBlogMediaManager .list-form input[type="checkbox"],
#EasyBlogMediaManager .list-form li input[type="checkbox"],
#EasyBlogMediaManager .list-form input[type="radio"] textarea,
#EasyBlogMediaManager .list-form li input[type="radio"] textarea,
#EasyBlogMediaManager .list-form select,
#EasyBlogMediaManager .list-form li select {
border: 1px solid #ccc;
font-family: 'Lucida Grande', Tahoma, Arial, sans-serif
!important;
font-size: 11px !important;
background: #fff;
color: #555;
display: inline-block;
position: relative;
vertical-align: top;
}
#EasyBlogMediaManager .list-form input[type="text"],
#EasyBlogMediaManager .list-form li input[type="text"],
#EasyBlogMediaManager .list-form input[type="password"],
#EasyBlogMediaManager .list-form li input[type="password"],
#EasyBlogMediaManager .list-form textarea,
#EasyBlogMediaManager .list-form li textarea {
padding: 4px;
}
#EasyBlogMediaManager .list-form input[type="text"],
#EasyBlogMediaManager .list-form li input[type="text"],
#EasyBlogMediaManager .list-form input[type="password"],
#EasyBlogMediaManager .list-form li input[type="password"] {
width: 90%;
height: 20px;
}
#EasyBlogMediaManager .list-form input[type="checkbox"],
#EasyBlogMediaManager .list-form li input[type="checkbox"],
#EasyBlogMediaManager .list-form input[type="radio"],
#EasyBlogMediaManager .list-form li input[type="radio"] {
float: left;
display: inline-block;
vertical-align: text-bottom;
bottom: -2px;
}
#EasyBlogMediaManager .list-form input[type="checkbox"] + label,
#EasyBlogMediaManager .list-form li input[type="checkbox"] +
label,
#EasyBlogMediaManager .list-form input[type="radio"] + label,
#EasyBlogMediaManager .list-form li input[type="radio"] + label {
margin: 0 0 0 20px!important;
}
#EasyBlogMediaManager .list-form select,
#EasyBlogMediaManager .list-form li select {
padding: 2px;
top: -1px;
}
#EasyBlogMediaManager .list-form label,
#EasyBlogMediaManager .list-form li label {
font-family: 'Lucida Grande', Tahoma, Arial, sans-serif
!important;
font-size: 11px !important;
}
#EasyBlogMediaManager .list-form .field-content,
#EasyBlogMediaManager .list-form li .field-content {
display: block;
margin: 5px 0 0 20px;
}
#EasyBlogMediaManager .list-form.hide-field-content .field-content,
#EasyBlogMediaManager .list-form li.hide-field-content .field-content {
display: none;
}
#EasyBlogMediaManager .editor-type-video .panelSection.infoPanel .itemInfo
> i,
#EasyBlogMediaManager .editor-type-audio .panelSection.infoPanel .itemInfo
> i {
background: url(icon.media.png) no-repeat;
background-position: -288px -128px;
}
#EasyBlogMediaManager .editor-type-image .panelSection.infoPanel .itemInfo
> i {
background: url(icon.media.png) no-repeat;
background-position: -224px -128px;
}
#EasyBlogMediaManager .editor-type-file .panelSection.infoPanel .itemInfo
> i {
background: url(icon.media.png) no-repeat;
background-position: -352px -128px;
}
#EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent {
padding: 8px;
}
#EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent
.itemInfo {
position: relative;
padding-left: 40px;
min-height: 32px;
}
#EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent
.itemInfo > i {
display: block;
position: absolute;
width: 32px;
height: 32px;
top: 0;
left: 0;
}
#EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent
.itemInfo .itemFilename {
display: block;
font-weight: bold;
line-height: 16px;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 64px;
}
#EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent
.itemInfo .itemFilesize {
line-height: 16px;
position: absolute;
top: 0;
right: 0;
}
#EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent
.itemInfo .itemCreationDate {
font-size: 11px;
line-height: 16px;
}
#EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent
.itemExtraInfo {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDD;
margin-top: 6px;
padding: 8px;
word-wrap: break-word;
/* Internet Explorer 5.5+ */
}
#EasyBlogMediaManager .panelSection.infoPanel .panelSectionContent
.itemExtraInfo .itemUrl {
font-size: 10px;
}
#EasyBlogMediaManager .imageVariationMessage {
position: relative;
line-height: 16px;
color: #900;
display: block;
text-align: center;
font-size: 12px;
}
#EasyBlogMediaManager .imageVariationList .imageVariations {
background: #fff;
border: 1px solid #bbb;
border-bottom: none;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
overflow-y: auto;
height: 88px;
}
#EasyBlogMediaManager .imageVariationList .imageVariations.busy {
background: url(loader.gif) #ffffff no-repeat center center;
}
#EasyBlogMediaManager .imageVariationList .imageVariations .imageVariation
{
padding: 4px;
font-size: 11px;
position: relative;
}
#EasyBlogMediaManager .imageVariationList .imageVariations .imageVariation
.variationName {
background-repeat: no-repeat;
background-position: left center;
white-space: nowrap;
}
#EasyBlogMediaManager .imageVariationList .imageVariations
.imageVariation.locked i {
display: inline-block;
width: 10px;
height: 10px;
background: url(icon.media.png) no-repeat;
background-position: -512px -64px;
}
#EasyBlogMediaManager .imageVariationList .imageVariations
.imageVariation.busy .variationName {
background-image: url(variation.busy.gif);
}
#EasyBlogMediaManager .imageVariationList .imageVariations .imageVariation
.variationDimension {
position: absolute;
top: 4px;
right: 4px;
}
#EasyBlogMediaManager .imageVariationList .imageVariations
.imageVariation.active {
background-color: #2f59a8;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom,
from(#4d71b5), to(#2f59a8));
/* Konqueror */
background-image: -moz-linear-gradient(#4d71b5, #2f59a8);
/* FF 3.6+ */
background-image: -ms-linear-gradient(#4d71b5, #2f59a8);
/* IE10 */
background-image: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, #4d71b5), color-stop(100%, #2f59a8));
/* Safari 4+, Chrome 2+ */
background-image: -webkit-linear-gradient(#4d71b5, #2f59a8);
/* Safari 5.1+, Chrome 10+ */
background-image: -o-linear-gradient(#4d71b5, #2f59a8);
/* Opera 11.10 */
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5',
endColorstr='#2f59a8', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d71b5',
endColorstr='#2f59a8', GradientType=0)";
/* IE8+ */
background-image: linear-gradient(#4d71b5, #2f59a8);
/* the standard */
color: white;
}
#EasyBlogMediaManager .imageVariationList .imageVariations
.imageVariation:hover {
cursor: pointer;
}
#EasyBlogMediaManager .imageVariationList.readOnly .imageVariations {
border: 1px solid #bbb;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#EasyBlogMediaManager .imageVariationForm {
position: relative;
}
#EasyBlogMediaManager .imageVariationForm form {
background: #fff;
border: 1px solid #bbb;
border-bottom: none;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 3px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
padding: 10px;
}
#EasyBlogMediaManager .imageVariationForm .newVariationRatio {
display: block;
width: 24px;
height: 30px;
position: absolute;
top: 80px;
right: 90px;
background: url(icon.media.png) no-repeat;
background-position: -512px -32px;
cursor: pointer;
}
#EasyBlogMediaManager .imageVariationForm .newVariationRatio.locked {
background: url(icon.media.png) no-repeat;
background-position: -512px 0px;
}
#EasyBlogMediaManager .imageVariationForm .newVariationLockRatio {
display: none;
}
#EasyBlogMediaManager .imageVariationActions {
position: relative;
background-color: #ffffff;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#ffffff), color-stop(50%, #f3f3f3), color-stop(51%, #ededed),
to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 50%,
#ededed 51%, #ffffff 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%,
#ededed 51%, #ffffff 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #f3f3f3 50%,
#ededed 51%, #ffffff 100%);
background-image: -ms-linear-gradient(top, #ffffff 0%, #f3f3f3 50%,
#ededed 51%, #ffffff 100%);
background-image: linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed
51%, #ffffff 100%);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
endColorstr='#ffffff', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
endColorstr='#ffffff', GradientType=0)";
/* IE8+ */
border: 1px solid #bbb;
border-top: 1px solid #ccc;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
height: 24px;
}
#EasyBlogMediaManager .imageVariationActions button {
display: block;
position: absolute;
background: none;
border: none;
height: 24px;
line-height: 24px;
padding: 0 6px;
padding-left: 18px;
cursor: pointer;
margin: 0 !important;
text-transform: normal !important;
font-size: 11px !important;
}
#EasyBlogMediaManager .imageVariationActions button i {
width: 12px;
height: 24px;
background-repeat: no-repeat;
background-position: center 8px;
position: absolute;
top: 2px;
left: 6px;
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
-webkit-opacity: 0.75;
opacity: 0.75;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
filter: alpha(opacity=75);
}
#EasyBlogMediaManager .imageVariationActions button:hover {
background-color: #ffffff;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, left top, left bottom,
from(#ffffff), color-stop(50%, #fbfbfb), color-stop(51%, #f5f5f5),
to(#ffffff));
background-image: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 50%,
#f5f5f5 51%, #ffffff 100%);
background-image: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 50%,
#f5f5f5 51%, #ffffff 100%);
background-image: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 50%,
#f5f5f5 51%, #ffffff 100%);
background-image: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 50%,
#f5f5f5 51%, #ffffff 100%);
background-image: linear-gradient(top, #ffffff 0%, #fbfbfb 50%, #f5f5f5
51%, #ffffff 100%);
filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
endColorstr='#ffffff', GradientType=0);
/* IE6 & IE7 */
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
endColorstr='#ffffff', GradientType=0)";
/* IE8+ */
}
#EasyBlogMediaManager .imageVariationActions button.addVariationButton {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
top: 0;
right: 0;
border-left: 1px solid #ccc;
}
#EasyBlogMediaManager .imageVariationActions button.addVariationButton i {
background: url(icon.media.png) no-repeat;
background-position: -544px 0px;
}
#EasyBlogMediaManager .imageVariationActions button.removeVariationButton {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
top: 0;
left: 0;
border-right: 1px solid #ccc;
}
#EasyBlogMediaManager .imageVariationActions button.removeVariationButton i
{
background: url(icon.media.png) no-repeat;
background-position: -544px -32px;
}
#EasyBlogMediaManager .imageVariationActions button.createVariationButton {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
top: 0;
right: 0;
border-left: 1px solid #ccc;
}
#EasyBlogMediaManager .imageVariationActions button.createVariationButton i
{
background: url(icon.media.png) no-repeat;
background-position: -576px 0px;
}
#EasyBlogMediaManager .imageVariationActions button.backVariationButton {
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-topleft: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 0;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
top: 0;
left: 0;
border-right: 1px solid #ccc;
}
#EasyBlogMediaManager .imageVariationActions button.backVariationButton i {
background: url(icon.media.png) no-repeat;
background-position: -576px -32px;
}
#EasyBlogMediaManager .imageEnforceDimension {
position: relative;
}
#EasyBlogMediaManager .imageEnforceDimension .imageEnforceRatio {
display: block;
width: 24px;
height: 30px;
position: absolute;
top: 85px;
right: 58px;
background: url(icon.media.png) no-repeat;
background-position: -512px -32px;
cursor: pointer;
}
#EasyBlogMediaManager .imageEnforceDimension .imageEnforceRatio.locked {
background: url(icon.media.png) no-repeat;
background-position: -512px 0px;
}
#EasyBlogMediaManager .imageEnforceDimension .imageEnforceLockRatio {
display: none !important;
}
#EasyBlogMediaManager .imageEnforceDimension.field-content
.imageEnforceRatio {
top: 10px;
right: 20px;
}
#EasyBlogMediaManager {
/*Palm only*/
}
@media (max-width: 480px) {
#EasyBlogMediaManager .mediaModalGroup {
padding: 0 10px;
}
#EasyBlogMediaManager .browserTreeItemField {
float: none;
height: auto;
width: 100%;
}
#EasyBlogMediaManager .browserItemField {
margin-left: 0;
}
#EasyBlogMediaManager .mediaModal .modalHeader .modalTitle {
position: relative;
display: none;
}
#EasyBlogMediaManager .mediaModal .modalHeader .modalButtons {
float: none;
}
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.uploaderButton,
#EasyBlogMediaManager .mediaModal .modalHeader
button.modalButton.browserButton {
float: left;
}
#EasyBlogMediaManager .mediaModal .modalToolbar {
height: 106px;
}
#EasyBlogMediaManager .mediaModal .modalToolbar .topActions {
position: relative;
right: auto;
}
}