diff options
| author | Gitoffthelawn <Gitoffthelawn@users.noreply.github.com> | 2015-05-09 19:47:18 -0700 |
|---|---|---|
| committer | Gitoffthelawn <Gitoffthelawn@users.noreply.github.com> | 2015-05-09 19:47:18 -0700 |
| commit | fd2c3b94cef05ad43598dfdb28b861290c42c495 (patch) | |
| tree | 31cf3cc92253de3972ba7c369710a5f029392700 | |
| parent | dfac27b263a079f583163422ddfedc0689d4f355 (diff) | |
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?
| -rw-r--r-- | chrome/css/redirector.css | 27 |
1 files changed, 13 insertions, 14 deletions
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; |