Refactor the stylesheet.

diff --git a/RGB Converter.wdgt/Widget.css b/RGB Converter.wdgt/Widget.css
index fa8552d5e66345eb03ae297255a052dc17a8e4a9..68c10215306298cadb47c11f78160e37f1bdd0eb 100644 (file)
--- a/RGB Converter.wdgt/Widget.css
+++ b/RGB Converter.wdgt/Widget.css
@@ -21,16 +21,14 @@
 /* ################################################################### */
 /* Global */
 
-body
-{
+body {
   margin: 0px;
   font-family: "Lucida Grande";
   font-weight: bold;
   color: #FFFFFF;
 }
 
-a
-{
+a {
   color: #FFFFFF;
   text-decoration: underline;
 }
@@ -48,53 +46,39 @@ a
 /* ################################################################### */
 /* Front */
 
-#redinput
-{
-  z-index: 1000;
+input[type="text"] {
   font-size: 11px;
+  text-align: center;
+}
 
+#redinput {
   border: 1px solid red;
-  text-align: center;
 
   position: absolute;
   top: 32px;
   left: 108px;
 }
 
-#greeninput
-{
-  z-index: 1000;
-  font-size: 11px;
-
+#greeninput {
   border: 1px solid green;
-  text-align: center;
 
   position: absolute;
   top: 140px;
   left: 114px;
 }
 
-#blueinput
-{
-  z-index: 1000;
-  font-size: 11px;
-
+#blueinput {
   border: 1px solid blue;
-  text-align: center;
 
   position: absolute;
   top: 90px;
   left: 15px;
 }
 
-#hexinput
-{
+#hexinput {
   z-index: 1000;
-  font-size: 11px;
   font-weight: bold;
-
   border: 1px solid black;
-  text-align: center;
 
   position: absolute;
   top: 90px;
@@ -104,8 +88,7 @@ a
 /* ################################################################### */
 /* Back */
 
-#backtext
-{
+#backtext {
   position: absolute;
   top: 90px;
   left: 27px;
@@ -113,8 +96,7 @@ a
   font-size: 10px;
 }
 
-#backbutton
-{
+#backbutton {
   margin-top: 10px;
   text-align: center;
 }
@@ -122,8 +104,7 @@ a
 /* ################################################################### */
 /* Flip insturments */
 
-.flip
-{
+.flip {
   position: absolute;
   top: 170px;
   left: 155px;
@@ -131,33 +112,28 @@ a
   height: 13px;
 }
 
-#flip
-{
+#flip {
   opacity: 0;
   background: url(file:///System/Library/WidgetResources/ibutton/white_i.png) no-repeat top left;
   z-index: 8000;
 }
 
-#fliprollie
-{
+#fliprollie {
   display: none;
   opacity: 0.25;
   background: url(file:///System/Library/WidgetResources/ibutton/white_rollie.png) no-repeat top left;
   z-index: 7999;
 }
 
-#front
-{
+#front {
   display: block;
 } 
 
-#back
-{
+#back {
   display: none;
 } 
 
-.doneButton
-{
+.doneButton {
   position: absolute;
   bottom: 10px;
   left: 10px;