Файловый менеджер - Редактировать - /home/lmsyaran/public_html/media/com_easyblog/scripts_/media/style.css
Назад
/*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; } }
| ver. 1.4 |
Github
|
.
| PHP 8.1.33 | Генерация страницы: 0.01 |
proxy
|
phpinfo
|
Настройка