You are here

Home » API reference » IMCE 5

imce.css in IMCE 5 

body {
  font: 8pt verdana;
  background: #f5f5f5;
  color: #444;
  margin: 0.6em 0.2em;
  letter-spacing: -0.05em;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  color: #f60;
}
img {
  border: 0;
}
form {
  margin: 0.5em 0 0 0;
}
input {
  padding: 0 0.1em;
  margin: 0 0.1em 0 0.2em;
  font-size: 1em;
  letter-spacing: 0;
}
select {
  font-size: 0.9em;
  padding: 0;
  margin: 0;
  height: 1.8em;
  letter-spacing: 0;
}
table {
  font-size: 1em;
  width: 96%;
  border-collapse: collapse;
}
th.date {
  padding-right: 1.2em;
}
th.size{
  padding-right: 0.8em;
}
div.forms {
  border-top: 2px solid #000;
}
#headerdiv {
  border-bottom: 2px solid #000;
}
#bodydiv {/*File list area*/
  height: 115px;
  overflow: auto;
}
#bodydiv td{
  border-bottom: 1px solid #ddd;
}
#resize-bar {
  position: relative;
  font-size: 1px;
  height: 3px;
  background: #000;
}
#resize-bar-in {
  position: absolute;
  font: bold 14px verdana;
  color: #f90;
  display: none;
}
#relative-div {
  position: relative;
  height: 0px;
}
#info-div {
  position: absolute;
  top: 2px;
  left: 2px;
}
#imagepreview {/*Image preview area*/
  height: 270px;
  overflow: auto;
  text-align: center;
  vertical-align: middle;
}
#filterspan {
  position: absolute;
  top: 0.2em;
  left: 8em;
  color: #36c;
}
#dirform {
  display: inline;
}
.rover {
  background: #eee;
  cursor: pointer;
}
.rsel {
  background: #9c9;
  color: #000;
}
.messages {
  color: #36c;
  padding: 0.2em;
  font-weight: bold;
  text-align: center;
}
.filename {
  width: 40%;
  text-align: left;
}
.size{
  width: 14%;
  text-align: right;
}
.dimensions {
  width: 16%;
  text-align: right;
}
.date {
  width: 15%;
  text-align: right;
}
.operations {
  width: 15%;
  text-align: right;
}
.error, .sorted {
  color: #f60;
}

File

imce.css
View source 
  1. body {

  2.   font: 8pt verdana;

  3.   background: #f5f5f5;

  4.   color: #444;

  5.   margin: 0.6em 0.2em;

  6.   letter-spacing: -0.05em;

  7. }

  8. a {

  9.   color: #000;

  10.   text-decoration: none;

  11. }

  12. a:hover {

  13.   color: #f60;

  14. }

  15. img {

  16.   border: 0;

  17. }

  18. form {

  19.   margin: 0.5em 0 0 0;

  20. }

  21. input {

  22.   padding: 0 0.1em;

  23.   margin: 0 0.1em 0 0.2em;

  24.   font-size: 1em;

  25.   letter-spacing: 0;

  26. }

  27. select {

  28.   font-size: 0.9em;

  29.   padding: 0;

  30.   margin: 0;

  31.   height: 1.8em;

  32.   letter-spacing: 0;

  33. }

  34. table {

  35.   font-size: 1em;

  36.   width: 96%;

  37.   border-collapse: collapse;

  38. }

  39. th.date {

  40.   padding-right: 1.2em;

  41. }

  42. th.size{

  43.   padding-right: 0.8em;

  44. }

  45. div.forms {

  46.   border-top: 2px solid #000;

  47. }

  48. #headerdiv {

  49.   border-bottom: 2px solid #000;

  50. }

  51. #bodydiv {/*File list area*/

  52.   height: 115px;

  53.   overflow: auto;

  54. }

  55. #bodydiv td{

  56.   border-bottom: 1px solid #ddd;

  57. }

  58. #resize-bar {

  59.   position: relative;

  60.   font-size: 1px;

  61.   height: 3px;

  62.   background: #000;

  63. }

  64. #resize-bar-in {

  65.   position: absolute;

  66.   font: bold 14px verdana;

  67.   color: #f90;

  68.   display: none;

  69. }

  70. #relative-div {

  71.   position: relative;

  72.   height: 0px;

  73. }

  74. #info-div {

  75.   position: absolute;

  76.   top: 2px;

  77.   left: 2px;

  78. }

  79. #imagepreview {/*Image preview area*/

  80.   height: 270px;

  81.   overflow: auto;

  82.   text-align: center;

  83.   vertical-align: middle;

  84. }

  85. #filterspan {

  86.   position: absolute;

  87.   top: 0.2em;

  88.   left: 8em;

  89.   color: #36c;

  90. }

  91. #dirform {

  92.   display: inline;

  93. }

  94. .rover {

  95.   background: #eee;

  96.   cursor: pointer;

  97. }

  98. .rsel {

  99.   background: #9c9;

  100.   color: #000;

  101. }

  102. .messages {

  103.   color: #36c;

  104.   padding: 0.2em;

  105.   font-weight: bold;

  106.   text-align: center;

  107. }

  108. .filename {

  109.   width: 40%;

  110.   text-align: left;

  111. }

  112. .size{

  113.   width: 14%;

  114.   text-align: right;

  115. }

  116. .dimensions {

  117.   width: 16%;

  118.   text-align: right;

  119. }

  120. .date {

  121.   width: 15%;

  122.   text-align: right;

  123. }

  124. .operations {

  125.   width: 15%;

  126.   text-align: right;

  127. }

  128. .error, .sorted {

  129.   color: #f60;

  130. }