You are here

Home » API reference » Fine Image Upload 8.2

style.css in Fine Image Upload 8.2

Same filename in this branch
  1. 8.2 css/style.css
  2. 8.2 fiu_ui/css/style.css
.fiu-widget-preview {
  width: 180px;
  height: 150px;
  position: absolute;
  left: 400px;
}

.fiu-widget-preview label {
  height: 60px;
  color: #000;
  background-image: url(../../icons/upload.svg);
  background-position: center 30px;
  background-repeat: no-repeat;
  background-size: 33px;
  font-size: 1em;
  padding-top: 45px;
  padding-bottom: 15px;

  align-items: center;
  cursor: pointer;
  display: flex;
  font-weight: 700;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.fiu-widget-preview .imce-filefield-widget {
  position: absolute;
  top: 5px;
  text-align: center;
  width: 100%;
  z-index: 99;
  cursor: pointer;
}
.fiu-widget-preview .imce-filefield-widget:hover {
  cursor: pointer;
}

.fiu-widget-preview .filefield-sources-list {
  position: absolute;
  bottom: 5px;
  text-align: center;
  z-index: 99;
  width: 100%;
  font-size: 11px;
  line-height: 13px;
}
.fiu-widget-preview  .filefield-sources-list a {
  display: inline-block;
  margin: 0 2px;
}

File

fiu_ui/css/style.css
View source 
  1. .fiu-widget-preview {

  2.   width: 180px;

  3.   height: 150px;

  4.   position: absolute;

  5.   left: 400px;

  6. }

  7. 

  8. .fiu-widget-preview label {

  9.   height: 60px;

  10.   color: #000;

  11.   background-image: url(../../icons/upload.svg);

  12.   background-position: center 30px;

  13.   background-repeat: no-repeat;

  14.   background-size: 33px;

  15.   font-size: 1em;

  16.   padding-top: 45px;

  17.   padding-bottom: 15px;

  18. 

  19.   align-items: center;

  20.   cursor: pointer;

  21.   display: flex;

  22.   font-weight: 700;

  23.   justify-content: center;

  24.   left: 0;

  25.   position: absolute;

  26.   top: 0;

  27.   width: 100%;

  28. }

  29. 

  30. .fiu-widget-preview .imce-filefield-widget {

  31.   position: absolute;

  32.   top: 5px;

  33.   text-align: center;

  34.   width: 100%;

  35.   z-index: 99;

  36.   cursor: pointer;

  37. }

  38. .fiu-widget-preview .imce-filefield-widget:hover {

  39.   cursor: pointer;

  40. }

  41. 

  42. .fiu-widget-preview .filefield-sources-list {

  43.   position: absolute;

  44.   bottom: 5px;

  45.   text-align: center;

  46.   z-index: 99;

  47.   width: 100%;

  48.   font-size: 11px;

  49.   line-height: 13px;

  50. }

  51. .fiu-widget-preview  .filefield-sources-list a {

  52.   display: inline-block;

  53.   margin: 0 2px;

  54. }