Файл: framework/css/UploadField.css
Строк: 298
/** This file contains the default theme definitions for the admin
interface. Please put mostly SCSS variable definitions in here, and leave
the actual styling to _style.scss and auxilliary files. */
/**
----------------------------------------------- Colours
------------------------------------------------ */
/* Keep as solid
colours transparent borders wont work in ie */
/* Only for use as shadows
as they wont work in older browsers */
/*$color-optional: #a1d2eb !default;
*/
/** ----------------------------------------------- Textures
----------------------------------------------- */
/**
----------------------------------------------- Typography.
------------------------------------------------ */
/**
----------------------------------------------- Grid Units (px) We have a
vertical rhythm that the grid is based off both x (=horizontal) and y
(=vertical). All internal padding and margins are scaled to this and
accounting for paragraphs ------------------------------------------------
*/
/** ----------------------------------------------- Application Logo
(CMS Logo) Must be 24px x 24px
------------------------------------------------ */
/*Mixin used to
generate slightly smaller text and forms
Used in side panels and action
tabs
*/
.ss-uploadfield .clear { clear: both; }
.ss-uploadfield
.description { margin-left: 0; }
.ss-uploadfield .middleColumn { min-width:
510px; max-width: 696px; width: 100%; margin-left: 0; clear: both; padding:
0; background: #fff; border: 1px solid #b3b3b3; -moz-border-radius: 4px;
-webkit-border-radius: 4px; border-radius: 4px; background-image:
url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIvPjxzdG9wIG9mZnNldD0iMTAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%,
50% 100%, color-stop(0%, #efefef), color-stop(10%, #ffffff),
color-stop(90%, #ffffff), color-stop(100%, #efefef)); background-image:
-moz-linear-gradient(#efefef, #ffffff 10%, #ffffff 90%, #efefef);
background-image: -webkit-linear-gradient(#efefef, #ffffff 10%, #ffffff
90%, #efefef); background-image: linear-gradient(#efefef, #ffffff 10%,
#ffffff 90%, #efefef); }
.ss-uploadfield .ss-uploadfield-item { margin: 0;
padding: 15px; overflow: auto; }
.ss-uploadfield .ss-uploadfield-item
.ss-uploadfield-item-preview { height: 60px; line-height: 60px; width:
80px; text-align: center; font-weight: bold; float: left; overflow: hidden;
}
.ss-uploadfield .ss-uploadfield-item
.ss-uploadfield-item-preview.ss-uploadfield-dropzone { -moz-box-shadow:
#808080 0 0 4px 0 inset; -webkit-box-shadow: #808080 0 0 4px 0 inset;
box-shadow: #808080 0 0 4px 0 inset; border: 2px dashed #808080;
background: #D2D5D8; display: none; margin-right: 15px; }
.ss-uploadfield
.ss-uploadfield-item .ss-uploadfield-item-preview img { background:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAJElEQVQYV2O8dOnSfwYkoKenx4jMZ6SDAmT7QGx0K1EcRBsFAJfOHd3Le79RAAAAAElFTkSuQmCC)
repeat; }
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info {
margin-left: 95px; }
.ss-uploadfield .ss-uploadfield-item
.ss-uploadfield-item-info .ss-uploadfield-item-name { display: block;
line-height: 13px; height: 26px; margin: 0; text-align: left;
}
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info
.ss-uploadfield-item-name .name { max-width: 240px; font-weight: bold;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
-o-text-overflow: ellipsis; display: inline; float: left; }
.ss-uploadfield
.ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name
.size { color: #8d98a2; padding: 0 0 0 5px; display: inline; float: left;
}
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info
.ss-uploadfield-item-name .ss-uploadfield-item-status { float: right;
padding: 0 0 0 5px; text-align: right; max-width: 75%; }
.ss-uploadfield
.ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name
.ss-uploadfield-item-status.ui-state-error-text { color: #f00; font-weight:
bold; width: 150px; }
.ss-uploadfield .ss-uploadfield-item
.ss-uploadfield-item-info .ss-uploadfield-item-name
.ss-uploadfield-item-status.ui-state-warning-text { color: #b7a403;
}
.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info
.ss-uploadfield-item-name .ss-uploadfield-item-status.ui-state-success-text
{ color: #1F9433; }
.ss-uploadfield .ss-uploadfield-item.ui-state-error
.ss-uploadfield-item-preview { width: auto; height: auto; margin-right:
15px; }
.ss-uploadfield .ss-uploadfield-item.ui-state-error
.ss-uploadfield-item-info { margin-left: 0; }
.ss-uploadfield
.ss-uploadfield-item.ui-state-error .ss-uploadfield-item-info
.ss-uploadfield-item-name { float: left; width: 70%; height: auto;
}
.ss-uploadfield .ss-uploadfield-item.ui-state-error
.ss-uploadfield-item-info .ss-uploadfield-item-name .name { float: left;
width: 100%; margin-bottom: 5px; }
.ss-uploadfield
.ss-uploadfield-item.ui-state-error .ss-uploadfield-item-info
.ss-uploadfield-item-name .ss-uploadfield-item-status { float: left; width:
100%; padding: 0; text-align: left; }
.ss-uploadfield
.ss-uploadfield-item.ui-state-error .ss-uploadfield-item-info
.ss-uploadfield-item-actions { float: right; width: 5%; min-height: 0;
margin: 0; }
.ss-uploadfield .ss-uploadfield-item.ui-state-error
.ss-uploadfield-item-info .ss-uploadfield-item-actions
.ss-uploadfield-item-cancel { position: relative; top: auto;
}
.ss-uploadfield .ss-ui-button { display: block; float: left; margin: 0
10px 6px 0; }
.ss-uploadfield .ss-ui-button.ss-uploadfield-fromcomputer {
position: relative; overflow: hidden; }
.ss-uploadfield
.ss-uploadfield-files { margin: 0; padding: 0; overflow: auto; position:
relative; }
.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item,
.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item.ui-state-error {
border: 0; border-bottom: 1px solid #b3b3b3; background: none; color:
#4f5861; }
.ss-uploadfield .ss-uploadfield-files
.ss-uploadfield-item:last-child, .ss-uploadfield .ss-uploadfield-files
.ss-uploadfield-item.ui-state-error:last-child { border-bottom: 0;
}
.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions {
min-height: 28px; overflow: hidden; margin: 6px 0 -6px 0; position:
relative; }
.ss-uploadfield .ss-uploadfield-files
.ss-uploadfield-item-progress { position: absolute; left: 0; right: 42px;
width: auto; margin: 11px 0 0; height: 15px; }
.ss-uploadfield
.ss-uploadfield-files .ss-uploadfield-item-progress div {
-moz-border-radius: 25px; -webkit-border-radius: 25px; border-radius: 25px;
height: 13px; padding: 0; margin: 0; overflow: hidden; }
.ss-uploadfield
.ss-uploadfield-files .ss-uploadfield-item-progressbar { border: 1px solid
#808080; background-color: #92a6b3; background-image:
url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyYTZiMyIvPjxzdG9wIG9mZnNldD0iMTElIiBzdG9wLWNvbG9yPSIjOTBhYWI4Ii8+PHN0b3Agb2Zmc2V0PSIyMiUiIHN0b3AtY29sb3I9IiM5NmIxYmYiLz48c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzllYjRjMSIvPjxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjYTdiYWM3Ii8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjYzFkNWRjIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%,
50% 100%, color-stop(0%, #92a6b3), color-stop(11%, #90aab8),
color-stop(22%, #96b1bf), color-stop(33%, #9eb4c1), color-stop(44%,
#a7bac7), color-stop(100%, #c1d5dc)); background-image:
-moz-linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1
33%, #a7bac7 44%, #c1d5dc 100%); background-image:
-webkit-linear-gradient(top, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1
33%, #a7bac7 44%, #c1d5dc 100%); background-image: linear-gradient(to
bottom, #92a6b3 0%, #90aab8 11%, #96b1bf 22%, #9eb4c1 33%, #a7bac7 44%,
#c1d5dc 100%); }
.ss-uploadfield .ss-uploadfield-files
.ss-uploadfield-item-progressbarvalue { border: 0; width: 0%; background:
#60b3dd url(../images/progressbar_blue.gif) repeat-x left center;
}
.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-cancel,
.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start {
position: absolute; top: 10px; right: 0; }
.ss-uploadfield
.ss-uploadfield-files .ss-uploadfield-item-cancel button, .ss-uploadfield
.ss-uploadfield-files .ss-uploadfield-item-start button { display: block;
overflow: hidden; text-indent: -9999px; padding: 0; margin: 0; border: 0;
width: 16px; height: 16px; cursor: pointer; -moz-box-shadow: 0px 5px
#333333; -webkit-box-shadow: 0px 5px #333333; box-shadow: 0px 5px #333333;
position: relative; }
.ss-uploadfield .ss-uploadfield-files
.ss-uploadfield-item-cancel button span, .ss-uploadfield
.ss-uploadfield-files .ss-uploadfield-item-start button span { position:
absolute; left: 0; top: 0; margin: 0; }
.ss-uploadfield
.ss-uploadfield-files .ss-uploadfield-item-cancel button
span.ui-button-text, .ss-uploadfield .ss-uploadfield-files
.ss-uploadfield-item-start button span.ui-button-text { display: none;
}
.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-start { right:
20px; }
.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-editform
{ /* don't use display none, for it will break
jQuery('iframe').contents().height() */ height: 0; overflow: hidden; clear:
both; }
.ss-uploadfield .ss-uploadfield-files
.ss-uploadfield-item-editform.loading { width: 100%; height: 22px; margin:
15px 0 0; background: url(../admin/images/spinner.gif) no-repeat 50% 0;
}
.ss-uploadfield .ss-uploadfield-files
.ss-uploadfield-item-editform.loading iframe { /* Old IE needs this or
it'll give the iframe a white background, covering the spinner */
padding-top: 0; margin-top: 22px; border: none; }
.ss-uploadfield
.ss-uploadfield-files .ss-uploadfield-item-editform iframe { margin-top:
8px; padding-top: 8px; border-top: 1px solid #D2D5D8; width: 100%;
}
.ss-uploadfield .ss-uploadfield-addfile.borderTop { border-top: 1px solid
#b3b3b3; }
.ss-upload .clear { clear: both; }
.ss-upload
.ss-uploadfield-fromcomputer input { /* since we can't really style the
file input, we use this hack to make it as big as the button and hide it */
position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter:
alpha(opacity=0); transform: translate(-300px, 0) scale(4); font-size:
23px; direction: ltr; cursor: pointer; height: 30px; line-height: 30px;
}
.ss-upload .loader { height: 94px; background: transparent
url(../admin/images/spinner.gif) no-repeat 50% 50%; }
/**
---------------------------------------------------- "@2x" media
query ---------------------------------------------------- */
@media only
screen and (-webkit-min-device-pixel-ratio: 2), only screen and
(min--moz-device-pixel-ratio: 2), only screen and
(-o-min-device-pixel-ratio: 2 / 1), only screen and
(min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only
screen and (min-resolution: 2dppx) { .ss-uploadfield .ss-uploadfield-files
.ss-uploadfield-item-editform.loading { background-image:
url(../admin/images/spinner@2x.gif); background-size: 43px 43px; }
.ss-upload .loader { background-image: url(../admin/images/spinner@2x.gif);
background-size: 43px 43px; } }
/*# sourceMappingURL=UploadField.css.map
*/