update EarlyBlue and LCARStrek to suite classic changes up to 2009-01-25
authorRobert Kaiser <kairo@kairo.at>
Sun, 25 Jan 2009 16:03:12 +0000 (17:03 +0100)
committerRobert Kaiser <kairo@kairo.at>
Sun, 25 Jan 2009 16:03:12 +0000 (17:03 +0100)
EarlyBlue/communicator/smileys.css
EarlyBlue/help/help.css
LCARStrek/communicator/smileys.css
LCARStrek/help/help.css

index 40d55654c7ffc01c52f188279cad87e1ae502fd1..ceb2ef574e6f12701779c35f4bad0faffa8b22e5 100644 (file)
@@ -49,24 +49,20 @@ span.moz-smiley-s3,
 span.moz-smiley-s4,
 span.moz-smiley-s5,
 span.moz-smiley-s6,
-span.moz-smiley-s7, 
-span.moz-smiley-s8, 
-span.moz-smiley-s9, 
-span.moz-smiley-s10, 
-span.moz-smiley-s11, 
-span.moz-smiley-s12, 
-span.moz-smiley-s13, 
-span.moz-smiley-s14, 
-span.moz-smiley-s15, 
-span.moz-smiley-s16 
+span.moz-smiley-s7,
+span.moz-smiley-s8,
+span.moz-smiley-s9,
+span.moz-smiley-s10,
+span.moz-smiley-s11,
+span.moz-smiley-s12,
+span.moz-smiley-s13,
+span.moz-smiley-s14,
+span.moz-smiley-s15,
+span.moz-smiley-s16
 {
-  font-size: 17px;
-  padding-left: 20px; 
-  margin-left: 2px; 
-  margin-top: 2px;
-  background-repeat: no-repeat; 
+  display: inline-block;
+  vertical-align: middle;
   -moz-user-select: all;
-  background-position: center center;
 }
 
 span.moz-smiley-s1 > span,
@@ -76,95 +72,95 @@ span.moz-smiley-s4 > span,
 span.moz-smiley-s5 > span,
 span.moz-smiley-s6 > span,
 span.moz-smiley-s7 > span,
-span.moz-smiley-s8 > span, 
-span.moz-smiley-s9 > span, 
-span.moz-smiley-s10 > span, 
-span.moz-smiley-s11 > span, 
-span.moz-smiley-s12 > span, 
-span.moz-smiley-s13 > span, 
-span.moz-smiley-s14 > span, 
-span.moz-smiley-s15 > span, 
-span.moz-smiley-s16 > span 
+span.moz-smiley-s8 > span,
+span.moz-smiley-s9 > span,
+span.moz-smiley-s10 > span,
+span.moz-smiley-s11 > span,
+span.moz-smiley-s12 > span,
+span.moz-smiley-s13 > span,
+span.moz-smiley-s14 > span,
+span.moz-smiley-s15 > span,
+span.moz-smiley-s16 > span
 {
     display: none;
 }
 
 /* smile */
-span.moz-smiley-s1{
-  background-image: url("chrome://communicator/skin/icons/smileys/smile_n.gif");
+span.moz-smiley-s1:before {
+  content: url("chrome://communicator/skin/icons/smileys/smile_n.gif");
 }
 
 /* frown */
-span.moz-smiley-s2 {
-  background-image: url("chrome://communicator/skin/icons/smileys/frown_n.gif");
+span.moz-smiley-s2:before {
+  content: url("chrome://communicator/skin/icons/smileys/frown_n.gif");
 }
 
 /* wink */
-span.moz-smiley-s3 {
-  background-image: url("chrome://communicator/skin/icons/smileys/wink_n.gif");
+span.moz-smiley-s3:before {
+  content: url("chrome://communicator/skin/icons/smileys/wink_n.gif");
 }
 
 /* tongue */
-span.moz-smiley-s4 { 
-  background-image: url("chrome://communicator/skin/icons/smileys/tongue_n.gif");
+span.moz-smiley-s4:before {
+  content: url("chrome://communicator/skin/icons/smileys/tongue_n.gif");
 }
 
 /* laughing */
-span.moz-smiley-s5 {
-  background-image: url("chrome://communicator/skin/icons/smileys/laughing_n.gif");
+span.moz-smiley-s5:before {
+  content: url("chrome://communicator/skin/icons/smileys/laughing_n.gif");
 }
 
 /* embarassed */
-span.moz-smiley-s6 {
-  background-image: url("chrome://communicator/skin/icons/smileys/embarrassed_n.gif");
+span.moz-smiley-s6:before {
+  content: url("chrome://communicator/skin/icons/smileys/embarrassed_n.gif");
 }
 
 /* undecided */
-span.moz-smiley-s7 {
-  background-image: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
+span.moz-smiley-s7:before {
+  content: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
 }
 
 /* surprise */
-span.moz-smiley-s8 {
-  background-image: url("chrome://communicator/skin/icons/smileys/surprise_n.gif");
+span.moz-smiley-s8:before {
+  content: url("chrome://communicator/skin/icons/smileys/surprise_n.gif");
 }
 
 /* kiss */
-span.moz-smiley-s9 {
-  background-image: url("chrome://communicator/skin/icons/smileys/kiss_n.gif");
+span.moz-smiley-s9:before {
+  content: url("chrome://communicator/skin/icons/smileys/kiss_n.gif");
 }
 
 /* yell */
-span.moz-smiley-s10 {
-  background-image: url("chrome://communicator/skin/icons/smileys/yell_n.gif");
+span.moz-smiley-s10:before {
+  content: url("chrome://communicator/skin/icons/smileys/yell_n.gif");
 }
 
 /* cool */
-span.moz-smiley-s11 {
-  background-image: url("chrome://communicator/skin/icons/smileys/cool_n.gif");
+span.moz-smiley-s11:before {
+  content: url("chrome://communicator/skin/icons/smileys/cool_n.gif");
 }
 
 /* money */
-span.moz-smiley-s12 {
-  background-image: url("chrome://communicator/skin/icons/smileys/money_n.gif");
+span.moz-smiley-s12:before {
+  content: url("chrome://communicator/skin/icons/smileys/money_n.gif");
 }
 
 /* foot */
-span.moz-smiley-s13 {
-  background-image: url("chrome://communicator/skin/icons/smileys/foot_n.gif");
+span.moz-smiley-s13:before {
+  content: url("chrome://communicator/skin/icons/smileys/foot_n.gif");
 }
 
 /* innocent */
-span.moz-smiley-s14 {
-  background-image: url("chrome://communicator/skin/icons/smileys/innocent_n.gif");
+span.moz-smiley-s14:before {
+  content: url("chrome://communicator/skin/icons/smileys/innocent_n.gif");
 }
 
 /* cry */
-span.moz-smiley-s15 {
-  background-image: url("chrome://communicator/skin/icons/smileys/cry_n.gif");
+span.moz-smiley-s15:before {
+  content: url("chrome://communicator/skin/icons/smileys/cry_n.gif");
 }
 
 /* sealed */
-span.moz-smiley-s16 {
-  background-image: url("chrome://communicator/skin/icons/smileys/sealed_n.gif");
+span.moz-smiley-s16:before {
+  content: url("chrome://communicator/skin/icons/smileys/sealed_n.gif");
 }
index 9bb84962bb2c58a36c0c9b0805524d4999074035..3c5f9e96527ca4087c12840cc8661d852a7e8987 100644 (file)
 }
 
 /* Set the minimum sidebar width so the help contents aren't squeezed together.*/
-#help-sidebar { min-width: 15em; width: 20em; max-width: 25em; }
+#help-sidebar {
+  min-width: 30px;
+  width: 20em;
+  max-width: 25em;
+}
 
 /* ----- BACK BUTTON ----- */
 
index e09363e499fb4887a409be641fd78b1fc6a97b99..ceb2ef574e6f12701779c35f4bad0faffa8b22e5 100644 (file)
@@ -60,13 +60,9 @@ span.moz-smiley-s14,
 span.moz-smiley-s15,
 span.moz-smiley-s16
 {
-  font-size: 17px;
-  padding-left: 20px;
-  margin-left: 2px;
-  margin-top: 2px;
-  background-repeat: no-repeat;
+  display: inline-block;
+  vertical-align: middle;
   -moz-user-select: all;
-  background-position: center center;
 }
 
 span.moz-smiley-s1 > span,
@@ -90,81 +86,81 @@ span.moz-smiley-s16 > span
 }
 
 /* smile */
-span.moz-smiley-s1{
-  background-image: url("chrome://communicator/skin/icons/smileys/smile_n.gif");
+span.moz-smiley-s1:before {
+  content: url("chrome://communicator/skin/icons/smileys/smile_n.gif");
 }
 
 /* frown */
-span.moz-smiley-s2 {
-  background-image: url("chrome://communicator/skin/icons/smileys/frown_n.gif");
+span.moz-smiley-s2:before {
+  content: url("chrome://communicator/skin/icons/smileys/frown_n.gif");
 }
 
 /* wink */
-span.moz-smiley-s3 {
-  background-image: url("chrome://communicator/skin/icons/smileys/wink_n.gif");
+span.moz-smiley-s3:before {
+  content: url("chrome://communicator/skin/icons/smileys/wink_n.gif");
 }
 
 /* tongue */
-span.moz-smiley-s4 {
-  background-image: url("chrome://communicator/skin/icons/smileys/tongue_n.gif");
+span.moz-smiley-s4:before {
+  content: url("chrome://communicator/skin/icons/smileys/tongue_n.gif");
 }
 
 /* laughing */
-span.moz-smiley-s5 {
-  background-image: url("chrome://communicator/skin/icons/smileys/laughing_n.gif");
+span.moz-smiley-s5:before {
+  content: url("chrome://communicator/skin/icons/smileys/laughing_n.gif");
 }
 
 /* embarassed */
-span.moz-smiley-s6 {
-  background-image: url("chrome://communicator/skin/icons/smileys/embarrassed_n.gif");
+span.moz-smiley-s6:before {
+  content: url("chrome://communicator/skin/icons/smileys/embarrassed_n.gif");
 }
 
 /* undecided */
-span.moz-smiley-s7 {
-  background-image: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
+span.moz-smiley-s7:before {
+  content: url("chrome://communicator/skin/icons/smileys/undecided_n.gif");
 }
 
 /* surprise */
-span.moz-smiley-s8 {
-  background-image: url("chrome://communicator/skin/icons/smileys/surprise_n.gif");
+span.moz-smiley-s8:before {
+  content: url("chrome://communicator/skin/icons/smileys/surprise_n.gif");
 }
 
 /* kiss */
-span.moz-smiley-s9 {
-  background-image: url("chrome://communicator/skin/icons/smileys/kiss_n.gif");
+span.moz-smiley-s9:before {
+  content: url("chrome://communicator/skin/icons/smileys/kiss_n.gif");
 }
 
 /* yell */
-span.moz-smiley-s10 {
-  background-image: url("chrome://communicator/skin/icons/smileys/yell_n.gif");
+span.moz-smiley-s10:before {
+  content: url("chrome://communicator/skin/icons/smileys/yell_n.gif");
 }
 
 /* cool */
-span.moz-smiley-s11 {
-  background-image: url("chrome://communicator/skin/icons/smileys/cool_n.gif");
+span.moz-smiley-s11:before {
+  content: url("chrome://communicator/skin/icons/smileys/cool_n.gif");
 }
 
 /* money */
-span.moz-smiley-s12 {
-  background-image: url("chrome://communicator/skin/icons/smileys/money_n.gif");
+span.moz-smiley-s12:before {
+  content: url("chrome://communicator/skin/icons/smileys/money_n.gif");
 }
 
 /* foot */
-span.moz-smiley-s13 {
-  background-image: url("chrome://communicator/skin/icons/smileys/foot_n.gif");
+span.moz-smiley-s13:before {
+  content: url("chrome://communicator/skin/icons/smileys/foot_n.gif");
 }
 
 /* innocent */
-span.moz-smiley-s14 {
-  background-image: url("chrome://communicator/skin/icons/smileys/innocent_n.gif");
+span.moz-smiley-s14:before {
+  content: url("chrome://communicator/skin/icons/smileys/innocent_n.gif");
 }
 
 /* cry */
-span.moz-smiley-s15 {
-  background-image: url("chrome://communicator/skin/icons/smileys/cry_n.gif");
+span.moz-smiley-s15:before {
+  content: url("chrome://communicator/skin/icons/smileys/cry_n.gif");
 }
 
 /* sealed */
-span.moz-smiley-s16 {
-  background-image: url("chrome://communicator/skin/icons/smileys/sealed_n.gif");
+span.moz-smiley-s16:before {
+  content: url("chrome://communicator/skin/icons/smileys/sealed_n.gif");
 }
index 7e5f802feadf86a28a557d511c5446780807610b..eb58227018159ba3c49238a625a9f5e1ca487217 100644 (file)
 }
 
 /* Set the minimum sidebar width so the help contents aren't squeezed together.*/
-#help-sidebar { min-width: 15em; width: 20em; max-width: 25em; }
+#help-sidebar {
+  min-width: 30px;
+  width: 20em;
+  max-width: 25em;
+}
 
 /* ----- BACK BUTTON ----- */