Refactor the stylesheet.
diff --git a/RGB Converter.wdgt/Widget.css b/RGB Converter.wdgt/Widget.css
index fa8552d..68c1021 100644
--- 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;