From fd2c3b94cef05ad43598dfdb28b861290c42c495 Mon Sep 17 00:00:00 2001 From: Gitoffthelawn Date: Sat, 9 May 2015 19:47:18 -0700 Subject: Update redirector.css Changes made: Fixed bug in background (wasn't working with scrolling), updated background css to current standards, compromised in width (at least temporarily!) so longer rules will fit in one line), compromised on amount of empty space above header, removed Arial font because it is non-discernible (I recommend switching to Segoe UI as primary font, but left Tahoma because I think you like it more), removed hard-coded font size because it prevents the extension from being accessible to visually-impaired users. Questions: (1) Is any of the HTML section needed? If not, how about we toss it? (2) In BODY section, is min-height, margin, or padding needed? --- chrome/css/redirector.css | 27 +++++++++++++-------------- 1 file changed, 13 insertions(+), 14 deletions(-) (limited to 'chrome') diff --git a/chrome/css/redirector.css b/chrome/css/redirector.css index fb39032..57eafd7 100644 --- a/chrome/css/redirector.css +++ b/chrome/css/redirector.css @@ -1,22 +1,22 @@ /* Redirector CSS */ /* entire page */ -body { - font-family: Tahoma, Arial, sans-serif; - font-size:12pt; - min-height:100%; - background:-moz-linear-gradient(top, #AFCFFE,#fff); - margin:0; padding:0; -} - html { - height:100%; - margin:0; - padding:0; + height: 100%; + margin: 0px; + padding: 0px; +} +body { + font-family: Tahoma; + font-size: 90%; + min-height: 100%; + background: linear-gradient ( to bottom, #afcffe, #fff); + background-attachment: fixed; + margin: 0px; padding:0px; } /* main header */ -h1 { margin-top: 40px; margin-bottom:0; text-align: center; font-size: 280%; line-height: 90%; font-style: italic; color:#222; } +h1 { margin-top: 25px; margin-bottom:0; text-align: center; font-size: 280%; line-height: 90%; font-style: italic; color:#222; } /* sub-header */ h5 { margin: 0px; padding-left: 14em; text-align: center; } @@ -26,8 +26,7 @@ h5 { margin: 0px; padding-left: 14em; text-align: center; } /* table (list) of redirect rules */ #redirect-list { - width: 96%; - max-width:600px; + width: 80em; box-shadow: 0px 0px 2px black; border: solid 1px gray; margin: auto; -- cgit v1.2.3