From 4c618177b4a69d9c98ae5c2d4ff430ab94e3b7cf Mon Sep 17 00:00:00 2001 From: Robert Sesek Date: Sat, 11 Dec 2010 16:07:47 -0500 Subject: [PATCH] Refactor the stylesheet. --- RGB Converter.wdgt/Widget.css | 58 ++++++++++------------------------- 1 file changed, 17 insertions(+), 41 deletions(-) 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; -- 2.22.5