Convert color picker to an inline widget

The colors are now limited to the colors offered in Thunderbird.
This commit is contained in:
Francis Lachapelle
2013-11-15 15:50:46 -05:00
parent 884fbfdb73
commit e862194b32
14 changed files with 482 additions and 341 deletions
+221 -1
View File
@@ -1153,7 +1153,8 @@ DIV.bottomToolbar A.bottomButton SPAN:active
left: 0px; }
/* color box */
DIV.colorBox
DIV.colorBox,
#colorPickerDialog SPAN
{ cursor: pointer;
margin: 0 3px 0 0;
height: 12px;
@@ -1164,6 +1165,225 @@ DIV.colorBox
border-radius: 2px;
border: 0px; }
#colorPickerDialog SPAN
{ float: left;
margin: 3px; }
#colorPickerDialog SPAN:hover
{ border: 2px solid transparent;
margin: 1px; }
.blc-FFFFFF {
background-color: #FFFFFF;
}
.blc-CCCCCC {
background-color: #CCCCCC;
}
.blc-C0C0C0 {
background-color: #C0C0C0;
}
.blc-999999 {
background-color: #999999;
}
.blc-666666 {
background-color: #666666;
}
.blc-333333 {
background-color: #333333;
}
.blc-000000 {
background-color: #000000;
}
.blc-FFCCCC {
background-color: #FFCCCC;
}
.blc-FF6666 {
background-color: #FF6666;
}
.blc-FF0000 {
background-color: #FF0000;
}
.blc-CC0000 {
background-color: #CC0000;
}
.blc-990000 {
background-color: #990000;
}
.blc-660000 {
background-color: #660000;
}
.blc-330000 {
background-color: #330000;
}
.blc-FFCC99 {
background-color: #FFCC99;
}
.blc-FF9966 {
background-color: #FF9966;
}
.blc-FF9900 {
background-color: #FF9900;
}
.blc-FF6600 {
background-color: #FF6600;
}
.blc-CC6600 {
background-color: #CC6600;
}
.blc-993300 {
background-color: #993300;
}
.blc-663300 {
background-color: #663300;
}
.blc-FFFF99 {
background-color: #FFFF99;
}
.blc-FFFF66 {
background-color: #FFFF66;
}
.blc-FFCC66 {
background-color: #FFCC66;
}
.blc-FFCC33 {
background-color: #FFCC33;
}
.blc-CC9933 {
background-color: #CC9933;
}
.blc-996633 {
background-color: #996633;
}
.blc-663333 {
background-color: #663333;
}
.blc-FFFFCC {
background-color: #FFFFCC;
}
.blc-FFFF33 {
background-color: #FFFF33;
}
.blc-FFFF00 {
background-color: #FFFF00;
}
.blc-FFCC00 {
background-color: #FFCC00;
}
.blc-999900 {
background-color: #999900;
}
.blc-666600 {
background-color: #666600;
}
.blc-333300 {
background-color: #333300;
}
.blc-99FF99 {
background-color: #99FF99;
}
.blc-66FF99 {
background-color: #66FF99;
}
.blc-33FF33 {
background-color: #33FF33;
}
.blc-33CC00 {
background-color: #33CC00;
}
.blc-009900 {
background-color: #009900;
}
.blc-006600 {
background-color: #006600;
}
.blc-003300 {
background-color: #003300;
}
.blc-99FFFF {
background-color: #99FFFF;
}
.blc-33FFFF {
background-color: #33FFFF;
}
.blc-66CCCC {
background-color: #66CCCC;
}
.blc-00CCCC {
background-color: #00CCCC;
}
.blc-339999 {
background-color: #339999;
}
.blc-336666 {
background-color: #336666;
}
.blc-003333 {
background-color: #003333;
}
.blc-CCFFFF {
background-color: #CCFFFF;
}
.blc-66FFFF {
background-color: #66FFFF;
}
.blc-33CCFF {
background-color: #33CCFF;
}
.blc-3366FF {
background-color: #3366FF;
}
.blc-3333FF {
background-color: #3333FF;
}
.blc-000099 {
background-color: #000099;
}
.blc-000066 {
background-color: #000066;
}
.blc-CCCCFF {
background-color: #CCCCFF;
}
.blc-9999FF {
background-color: #9999FF;
}
.blc-6666CC {
background-color: #6666CC;
}
.blc-6633FF {
background-color: #6633FF;
}
.blc-6600CC {
background-color: #6600CC;
}
.blc-333399 {
background-color: #333399;
}
.blc-330099 {
background-color: #330099;
}
.blc-FFCCFF {
background-color: #FFCCFF;
}
.blc-FF99FF {
background-color: #FF99FF;
}
.blc-CC66CC {
background-color: #CC66CC;
}
.blc-CC33CC {
background-color: #CC33CC;
}
.blc-993399 {
background-color: #993399;
}
.blc-663366 {
background-color: #663366;
}
.blc-330033 {
background-color: #330033;
}
/* ckeditor */
span.cke_skin_kama
{ padding: 0px !important; }