plupload.css in IMCE Uploader 7
/*---------------------------------------------------
LESS Prefixer
---------------------------------------------------
All of the CSS3 fun, none of the prefixes!
As a rule, you can use the CSS properties you
would expect just by adding a '.':
box-shadow => .box-shadow(@args)
Also, when shorthand is available, arguments are
not parameterized. Learn CSS, not LESS Prefixer.
-------------------------------------------------
TABLE OF CONTENTS
(*) denotes a syntax-sugar helper
-------------------------------------------------
.animation(@args)
.animation-delay(@delay)
.animation-direction(@direction)
.animation-duration(@duration)
.animation-iteration-count(@count)
.animation-name(@name)
.animation-play-state(@state)
.animation-timing-function(@function)
.background-size(@args)
.border-radius(@args)
.box-shadow(@args)
.inner-shadow(@args) *
.box-sizing(@args)
.border-box() *
.content-box() *
.columns(@args)
.column-count(@count)
.column-gap(@gap)
.column-rule(@args)
.column-width(@width)
.gradient(@default,@start,@stop) *
.linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
.linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
.opacity(@factor)
.transform(@args)
.rotate(@deg)
.scale(@factor)
.translate(@x,@y)
.translate3d(@x,@y,@z)
.translateHardware(@x,@y) *
.text-shadow(@args)
.transition(@args)
.transition-delay(@delay)
.transition-duration(@duration)
.transition-property(@property)
.transition-timing-function(@function)
Credit to LESS Elements for the motivation and
to CSS3Please.com for implementation.
Copyright (c) 2012 Joel Sutherland
MIT Licensed:
http://www.opensource.org/licenses/mit-license.php
-----------------------------------------------------*/
/* Animation */
/* Background Size */
/* Border Radius */
/* Box Shadows */
/* Box Sizing */
/* Columns */
/* Gradients */
/* Opacity */
/* Text Shadow */
/* Transforms */
/* Transitions */
.ie-7 #edit-imce {
width: 430px;
}
.ie-7 #imce-content .form-type-plupload .plupload_filelist .plupload_file_name {
width: 200px;
}
#imce-content .form-item-thumbnails {
margin: 10px 0;
}
#imce-content .form-type-plupload .plupload_header,
#imce-content .form-type-plupload .plupload_progress,
#imce-content .form-type-plupload .plupload_upload_status,
#imce-content .form-type-plupload .plupload_button.plupload_start {
display: none;
}
#imce-content .form-type-plupload .plupload_filelist_header,
#imce-content .form-type-plupload .plupload_filelist_footer {
color: #0e1f43;
padding: 6px 8px;
border: 1px solid #a8b9ce;
background-color: #d1d7e7;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dee2ed), color-stop(100% #d1d7e7));
background-image: -webkit-linear-gradient(top, #dee2ed 0%, #d1d7e7 100%);
background-image: -moz-linear-gradient(top, #dee2ed 0%, #d1d7e7 100%);
background-image: -ms-linear-gradient(top, #dee2ed 0%, #d1d7e7 100%);
background-image: -o-linear-gradient(top, #dee2ed 0%, #d1d7e7 100%);
background-image: linear-gradient(top, #dee2ed 0%, #d1d7e7 100%);
}
#imce-content .form-type-plupload .plupload_filelist_header .plupload_file_name,
#imce-content .form-type-plupload .plupload_filelist_header .plupload_file_size,
#imce-content .form-type-plupload .plupload_filelist_header .plupload_file_status,
#imce-content .form-type-plupload .plupload_filelist_header .plupload_file_action,
#imce-content .form-type-plupload .plupload_filelist_header .plupload_file_name span,
#imce-content .form-type-plupload .plupload_filelist_header .plupload_file_size span,
#imce-content .form-type-plupload .plupload_filelist_header .plupload_file_status span,
#imce-content .form-type-plupload .plupload_filelist_header .plupload_file_action span {
font-weight: bold;
}
#imce-content .form-type-plupload .plupload_filelist_footer {
line-height: 20px;
vertical-align: middle;
}
#imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_size,
#imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_status,
#imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_action,
#imce-content .form-type-plupload .plupload_filelist_footer .plupload_upload_status,
#imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_size span,
#imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_status span,
#imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_action span,
#imce-content .form-type-plupload .plupload_filelist_footer .plupload_upload_status span {
line-height: 22px;
vertical-align: middle;
}
#imce-content .form-type-plupload .plupload_file_name {
float: left;
overflow: hidden;
}
#imce-content .form-type-plupload .plupload_file_action {
float: right;
height: 16px;
margin-left: 15px;
width: 16px;
}
#imce-content .form-type-plupload .plupload_file_action * {
display: none;
height: 16px;
width: 16px;
}
#imce-content .form-type-plupload .plupload_file_status {
color: #777;
}
#imce-content .form-type-plupload .plupload_file_status span {
color: #42454a;
}
#imce-content .form-type-plupload .plupload_file_size,
#imce-content .form-type-plupload .plupload_file_status,
#imce-content .form-type-plupload .plupload_progress {
float: right;
width: 80px;
}
#imce-content .form-type-plupload .plupload_file_size,
#imce-content .form-type-plupload .plupload_file_status,
#imce-content .form-type-plupload .plupload_file_action {
text-align: right;
}
#imce-content .form-type-plupload .plupload_container {
background: url('../images/transp50.png');
}
#imce-content .form-type-plupload .plupload_container input {
border: 1px solid #ddd;
font: normal 11px "Lucida Grande", Verdana, sans-serif;
width: 98%;
}
#imce-content .form-type-plupload .plupload_filelist {
list-style: none;
margin: 0;
padding: 0;
border: 1px solid #e0e3e5;
border-top: 0;
border-bottom: 0;
}
#imce-content .form-type-plupload .plupload_filelist .plupload_file_name {
width: 205px;
}
#imce-content .form-type-plupload .plupload_filelist li {
background: #f5f5f5 url(../images/backgrounds.gif) repeat-x 0 -156px;
border-bottom: 1px solid #ddd;
padding: 10px 8px;
}
#imce-content .form-type-plupload .plupload_filelist li.plupload_droptext {
background: transparent;
border: 0;
line-height: 127px;
list-style-type: none;
text-align: center;
vertical-align: middle;
}
#imce-content .form-type-plupload .plupload_filelist li.plupload_delete a {
background: url(../images/delete.gif);
}
#imce-content .form-type-plupload .plupload_filelist li.plupload_failed a {
background: url(../images/error.gif);
cursor: default;
}
#imce-content .form-type-plupload .plupload_filelist li.plupload_done a {
background: url(../images/done.gif);
cursor: default;
}
#imce-content .form-type-plupload .plupload_filelist li.plupload_uploading {
background: #ecf3dc url(../images/backgrounds.gif) repeat-x 0 -238px;
}
#imce-content .form-type-plupload .plupload_filelist li.plupload_done {
color: #aaa;
}
#imce-content .form-type-plupload .plupload_button {
background: none;
border: none;
color: #42454a;
font: bold 11px/18px "Lucida Grande", Verdana, sans-serif;
margin-right: 4px;
outline: 0;
padding: 2px 8px 2px 23px;
vertical-align: middle;
text-decoration: none;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
display: inline-block;
zoom: 1;
*display: block;
}
#imce-content .form-type-plupload .plupload_button.plupload_add {
background: url(../images/add.png) no-repeat 8px 50%;
}
#imce-content .form-type-plupload .plupload_button.plupload_add:hover {
background-color: #e9ecef;
}
#imce-content .form-type-plupload .plupload_button.plupload_start {
background: url(../images/up_arrow.png) no-repeat 8px 50%;
}
#imce-content .form-type-plupload .plupload_button.plupload_start:hover {
background-color: #e9ecef;
}
#imce-content .form-type-plupload .plupload_button.plupload_start.plupload_disabled {
background: url(../images/up_arrow_disabled.png) no-repeat 8px 50%;
}
#imce-content .form-type-plupload .plupload_button.plupload_disabled {
cursor: default;
color: #737373;
}
#imce-content .form-type-plupload .plupload_button.plupload_disabled:hover {
background-color: transparent;
}
#imce-content .form-type-plupload .plupload_scroll .plupload_filelist_header .plupload_file_action,
#imce-content .form-type-plupload .plupload_scroll .plupload_filelist_footer .plupload_file_action {
margin-right: 17px;
}
#imce-content .form-type-plupload .plupload_scroll .plupload_filelist {
background: none;
height: 147px;
overflow-y: scroll;
}
#imce-content .form-type-plupload .plupload_progress_container {
background: #fff;
border: 1px solid #ccc;
margin-top: 3px;
padding: 1px;
}
#imce-content .form-type-plupload .plupload_progress_bar {
background: #cdeb8b;
height: 7px;
width: 0;
}
#imce-content .form-type-plupload .plupload_clear,
#imce-content .form-type-plupload .plupload_clearer {
clear: both;
}
#imce-content .form-type-plupload .plupload_clearer,
#imce-content .form-type-plupload .plupload_progress_bar {
display: block;
font-size: 0;
line-height: 0;
}
File
plugins/plupload/css/plupload.css
View source
- /*---------------------------------------------------
- LESS Prefixer
- ---------------------------------------------------
-
- All of the CSS3 fun, none of the prefixes!
-
- As a rule, you can use the CSS properties you
- would expect just by adding a '.':
-
- box-shadow => .box-shadow(@args)
-
- Also, when shorthand is available, arguments are
- not parameterized. Learn CSS, not LESS Prefixer.
-
- -------------------------------------------------
- TABLE OF CONTENTS
- (*) denotes a syntax-sugar helper
- -------------------------------------------------
-
- .animation(@args)
- .animation-delay(@delay)
- .animation-direction(@direction)
- .animation-duration(@duration)
- .animation-iteration-count(@count)
- .animation-name(@name)
- .animation-play-state(@state)
- .animation-timing-function(@function)
- .background-size(@args)
- .border-radius(@args)
- .box-shadow(@args)
- .inner-shadow(@args) *
- .box-sizing(@args)
- .border-box() *
- .content-box() *
- .columns(@args)
- .column-count(@count)
- .column-gap(@gap)
- .column-rule(@args)
- .column-width(@width)
- .gradient(@default,@start,@stop) *
- .linear-gradient-top(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
- .linear-gradient-left(@default,@color1,@stop1,@color2,@stop2,[@color3,@stop3,@color4,@stop4])*
- .opacity(@factor)
- .transform(@args)
- .rotate(@deg)
- .scale(@factor)
- .translate(@x,@y)
- .translate3d(@x,@y,@z)
- .translateHardware(@x,@y) *
- .text-shadow(@args)
- .transition(@args)
- .transition-delay(@delay)
- .transition-duration(@duration)
- .transition-property(@property)
- .transition-timing-function(@function)
-
-
-
- Credit to LESS Elements for the motivation and
- to CSS3Please.com for implementation.
-
- Copyright (c) 2012 Joel Sutherland
- MIT Licensed:
- http://www.opensource.org/licenses/mit-license.php
-
- -----------------------------------------------------*/
- /* Animation */
- /* Background Size */
- /* Border Radius */
- /* Box Shadows */
- /* Box Sizing */
- /* Columns */
- /* Gradients */
- /* Opacity */
- /* Text Shadow */
- /* Transforms */
- /* Transitions */
- .ie-7 #edit-imce {
- width: 430px;
- }
- .ie-7 #imce-content .form-type-plupload .plupload_filelist .plupload_file_name {
- width: 200px;
- }
- #imce-content .form-item-thumbnails {
- margin: 10px 0;
- }
- #imce-content .form-type-plupload .plupload_header,
- #imce-content .form-type-plupload .plupload_progress,
- #imce-content .form-type-plupload .plupload_upload_status,
- #imce-content .form-type-plupload .plupload_button.plupload_start {
- display: none;
- }
- #imce-content .form-type-plupload .plupload_filelist_header,
- #imce-content .form-type-plupload .plupload_filelist_footer {
- color: #0e1f43;
- padding: 6px 8px;
- border: 1px solid #a8b9ce;
- background-color: #d1d7e7;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dee2ed), color-stop(100% #d1d7e7));
- background-image: -webkit-linear-gradient(top, #dee2ed 0%, #d1d7e7 100%);
- background-image: -moz-linear-gradient(top, #dee2ed 0%, #d1d7e7 100%);
- background-image: -ms-linear-gradient(top, #dee2ed 0%, #d1d7e7 100%);
- background-image: -o-linear-gradient(top, #dee2ed 0%, #d1d7e7 100%);
- background-image: linear-gradient(top, #dee2ed 0%, #d1d7e7 100%);
- }
- #imce-content .form-type-plupload .plupload_filelist_header .plupload_file_name,
- #imce-content .form-type-plupload .plupload_filelist_header .plupload_file_size,
- #imce-content .form-type-plupload .plupload_filelist_header .plupload_file_status,
- #imce-content .form-type-plupload .plupload_filelist_header .plupload_file_action,
- #imce-content .form-type-plupload .plupload_filelist_header .plupload_file_name span,
- #imce-content .form-type-plupload .plupload_filelist_header .plupload_file_size span,
- #imce-content .form-type-plupload .plupload_filelist_header .plupload_file_status span,
- #imce-content .form-type-plupload .plupload_filelist_header .plupload_file_action span {
- font-weight: bold;
- }
- #imce-content .form-type-plupload .plupload_filelist_footer {
- line-height: 20px;
- vertical-align: middle;
- }
- #imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_size,
- #imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_status,
- #imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_action,
- #imce-content .form-type-plupload .plupload_filelist_footer .plupload_upload_status,
- #imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_size span,
- #imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_status span,
- #imce-content .form-type-plupload .plupload_filelist_footer .plupload_file_action span,
- #imce-content .form-type-plupload .plupload_filelist_footer .plupload_upload_status span {
- line-height: 22px;
- vertical-align: middle;
- }
- #imce-content .form-type-plupload .plupload_file_name {
- float: left;
- overflow: hidden;
- }
- #imce-content .form-type-plupload .plupload_file_action {
- float: right;
- height: 16px;
- margin-left: 15px;
- width: 16px;
- }
- #imce-content .form-type-plupload .plupload_file_action * {
- display: none;
- height: 16px;
- width: 16px;
- }
- #imce-content .form-type-plupload .plupload_file_status {
- color: #777;
- }
- #imce-content .form-type-plupload .plupload_file_status span {
- color: #42454a;
- }
- #imce-content .form-type-plupload .plupload_file_size,
- #imce-content .form-type-plupload .plupload_file_status,
- #imce-content .form-type-plupload .plupload_progress {
- float: right;
- width: 80px;
- }
- #imce-content .form-type-plupload .plupload_file_size,
- #imce-content .form-type-plupload .plupload_file_status,
- #imce-content .form-type-plupload .plupload_file_action {
- text-align: right;
- }
- #imce-content .form-type-plupload .plupload_container {
- background: url('../images/transp50.png');
- }
- #imce-content .form-type-plupload .plupload_container input {
- border: 1px solid #ddd;
- font: normal 11px "Lucida Grande", Verdana, sans-serif;
- width: 98%;
- }
- #imce-content .form-type-plupload .plupload_filelist {
- list-style: none;
- margin: 0;
- padding: 0;
- border: 1px solid #e0e3e5;
- border-top: 0;
- border-bottom: 0;
- }
- #imce-content .form-type-plupload .plupload_filelist .plupload_file_name {
- width: 205px;
- }
- #imce-content .form-type-plupload .plupload_filelist li {
- background: #f5f5f5 url(../images/backgrounds.gif) repeat-x 0 -156px;
- border-bottom: 1px solid #ddd;
- padding: 10px 8px;
- }
- #imce-content .form-type-plupload .plupload_filelist li.plupload_droptext {
- background: transparent;
- border: 0;
- line-height: 127px;
- list-style-type: none;
- text-align: center;
- vertical-align: middle;
- }
- #imce-content .form-type-plupload .plupload_filelist li.plupload_delete a {
- background: url(../images/delete.gif);
- }
- #imce-content .form-type-plupload .plupload_filelist li.plupload_failed a {
- background: url(../images/error.gif);
- cursor: default;
- }
- #imce-content .form-type-plupload .plupload_filelist li.plupload_done a {
- background: url(../images/done.gif);
- cursor: default;
- }
- #imce-content .form-type-plupload .plupload_filelist li.plupload_uploading {
- background: #ecf3dc url(../images/backgrounds.gif) repeat-x 0 -238px;
- }
- #imce-content .form-type-plupload .plupload_filelist li.plupload_done {
- color: #aaa;
- }
- #imce-content .form-type-plupload .plupload_button {
- background: none;
- border: none;
- color: #42454a;
- font: bold 11px/18px "Lucida Grande", Verdana, sans-serif;
- margin-right: 4px;
- outline: 0;
- padding: 2px 8px 2px 23px;
- vertical-align: middle;
- text-decoration: none;
- -webkit-border-radius: 4px;
- -moz-border-radius: 4px;
- border-radius: 4px;
- -webkit-background-clip: padding-box;
- -moz-background-clip: padding;
- background-clip: padding-box;
- display: inline-block;
- zoom: 1;
- *display: block;
- }
- #imce-content .form-type-plupload .plupload_button.plupload_add {
- background: url(../images/add.png) no-repeat 8px 50%;
- }
- #imce-content .form-type-plupload .plupload_button.plupload_add:hover {
- background-color: #e9ecef;
- }
- #imce-content .form-type-plupload .plupload_button.plupload_start {
- background: url(../images/up_arrow.png) no-repeat 8px 50%;
- }
- #imce-content .form-type-plupload .plupload_button.plupload_start:hover {
- background-color: #e9ecef;
- }
- #imce-content .form-type-plupload .plupload_button.plupload_start.plupload_disabled {
- background: url(../images/up_arrow_disabled.png) no-repeat 8px 50%;
- }
- #imce-content .form-type-plupload .plupload_button.plupload_disabled {
- cursor: default;
- color: #737373;
- }
- #imce-content .form-type-plupload .plupload_button.plupload_disabled:hover {
- background-color: transparent;
- }
- #imce-content .form-type-plupload .plupload_scroll .plupload_filelist_header .plupload_file_action,
- #imce-content .form-type-plupload .plupload_scroll .plupload_filelist_footer .plupload_file_action {
- margin-right: 17px;
- }
- #imce-content .form-type-plupload .plupload_scroll .plupload_filelist {
- background: none;
- height: 147px;
- overflow-y: scroll;
- }
- #imce-content .form-type-plupload .plupload_progress_container {
- background: #fff;
- border: 1px solid #ccc;
- margin-top: 3px;
- padding: 1px;
- }
- #imce-content .form-type-plupload .plupload_progress_bar {
- background: #cdeb8b;
- height: 7px;
- width: 0;
- }
- #imce-content .form-type-plupload .plupload_clear,
- #imce-content .form-type-plupload .plupload_clearer {
- clear: both;
- }
- #imce-content .form-type-plupload .plupload_clearer,
- #imce-content .form-type-plupload .plupload_progress_bar {
- display: block;
- font-size: 0;
- line-height: 0;
- }