Style tweaks
This commit is contained in:
parent
9ad20d3b8d
commit
85decc4086
|
|
@ -38,6 +38,7 @@
|
|||
.fileupload-config-form .file-upload-modal-image-header{background-color:#FEFEFE;background-image:-webkit-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-webkit-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);background-image:-moz-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-moz-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);background-image:-o-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-o-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);background-image:-ms-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),-ms-linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);background-image:linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb),linear-gradient(45deg,#cbcbcb 25%,transparent 25%,transparent 75%,#cbcbcb 75%,#cbcbcb);-webkit-background-size:20px 20px;-moz-background-size:20px 20px;background-size:20px 20px;background-position:0 0,10px 10px}
|
||||
.fileupload-config-form .file-upload-modal-image-header,.fileupload-config-form .file-upload-modal-image-header img{border-top-right-radius:2px;border-top-left-radius:2px}
|
||||
.fileupload-config-form .file-upload-modal-image-header .close{position:absolute;top:20px;right:20px}
|
||||
.fileupload-config-form .file-upload-modal-image-header + .modal-body{padding-top:20px}
|
||||
.field-fileupload.style-image-multi .upload-button,.field-fileupload.style-image-multi .upload-object{margin:0 10px 10px 0}
|
||||
.field-fileupload.style-image-multi .upload-button{display:block;border:2px dashed #BDC3C7;background-clip:content-box;background-color:#F9F9F9;position:relative;outline:none;float:left;width:76px;height:76px}
|
||||
.field-fileupload.style-image-multi .upload-button .upload-button-icon{position:absolute;width:22px;height:22px;top:50%;left:50%;margin-top:-11px;margin-left:-11px}
|
||||
|
|
|
|||
|
|
@ -373,11 +373,7 @@
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
.file-upload-modal-image-header {
|
||||
// Alternative color if below doesn't look nice
|
||||
//background-color: #5a6060;
|
||||
|
||||
// Photoshop transparent background
|
||||
// Based on: http://lea.verou.me/css3patterns/#checkerboard
|
||||
background-color: #FEFEFE;
|
||||
|
|
@ -402,4 +398,8 @@
|
|||
right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
.file-upload-modal-image-header + .modal-body {
|
||||
padding-top: @padding-standard;
|
||||
}
|
||||
}
|
||||
|
|
@ -330,7 +330,7 @@ div.control-componentlist div.components div.layout-cell.adding > div {
|
|||
.control-filelist.component-list ul li div.group i {
|
||||
position: absolute;
|
||||
left: 22px;
|
||||
top: 20px;
|
||||
top: 21px;
|
||||
font-size: 16px;
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
|
|
|
|||
|
|
@ -350,7 +350,7 @@ div.control-componentlist {
|
|||
i {
|
||||
position: absolute;
|
||||
left: 22px;
|
||||
top: 20px;
|
||||
top: 21px;
|
||||
font-size: 16px;
|
||||
.opacity(0.7);
|
||||
color: @color-text-title;
|
||||
|
|
|
|||
|
|
@ -68,7 +68,7 @@
|
|||
margin-right: 15px;
|
||||
position: absolute;
|
||||
left: -3px;
|
||||
top: 0;
|
||||
top: -1px;
|
||||
background-color: #FFFFFF;
|
||||
border: 1px solid @color-checkbox-border;
|
||||
.box-shadow(@input-box-shadow);
|
||||
|
|
|
|||
|
|
@ -2352,7 +2352,7 @@ html.cssanimations .cursor-loading-indicator.hide{display:none}
|
|||
.custom-checkbox,.custom-radio{padding-left:23px;margin-top:0}
|
||||
.custom-checkbox input[type=radio],.custom-radio input[type=radio],.custom-checkbox input[type=checkbox],.custom-radio input[type=checkbox]{display:none}
|
||||
.custom-checkbox label,.custom-radio label{display:inline-block;cursor:pointer;position:relative;padding-left:25px;margin-right:15px;margin-left:-20px;font-size:13px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
|
||||
.custom-checkbox label:before,.custom-radio label:before{content:"";display:inline-block;text-align:center;color:#ffffff;width:18px;height:18px;margin-right:15px;position:absolute;left:-3px;top:0;background-color:#FFFFFF;border:1px solid #d1d6d9;-webkit-box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5)}
|
||||
.custom-checkbox label:before,.custom-radio label:before{content:"";display:inline-block;text-align:center;color:#ffffff;width:18px;height:18px;margin-right:15px;position:absolute;left:-3px;top:-1px;background-color:#FFFFFF;border:1px solid #d1d6d9;-webkit-box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 1px 0 rgba(209,214,217,0.25),0 1px 0 rgba(255,255,255,.5)}
|
||||
.custom-checkbox label:hover:before,.custom-radio label:hover:before{border-color:#b5bdc2}
|
||||
.custom-checkbox label:active:before,.custom-radio label:active:before{border-color:#99a4ab;border-width:2px}
|
||||
.custom-checkbox input[type=radio]:checked + label:before,.custom-radio input[type=radio]:checked + label:before{border-color:#1f99dc;line-height:17px;border-width:2px}
|
||||
|
|
|
|||
Loading…
Reference in New Issue