[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
www/server/staging/nav-bar/test9 layout7.css
From: |
Therese Godefroy |
Subject: |
www/server/staging/nav-bar/test9 layout7.css |
Date: |
Thu, 08 May 2014 17:06:01 +0000 |
CVSROOT: /webcvs/www
Module name: www
Changes by: Therese Godefroy <th_g> 14/05/08 17:06:01
Modified files:
server/staging/nav-bar/test9: layout7.css
Log message:
Back to light gray for the buttons, with red letters for #join-fsf and
a dark shadow.
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test9/layout7.css?cvsroot=www&r1=1.67&r2=1.68
Patches:
Index: layout7.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test9/layout7.css,v
retrieving revision 1.67
retrieving revision 1.68
diff -u -b -r1.67 -r1.68
--- layout7.css 8 May 2014 11:02:35 -0000 1.67
+++ layout7.css 8 May 2014 17:06:01 -0000 1.68
@@ -37,16 +37,15 @@
#004780 greenish blue: normal links
#100070 purplish blue: normal visited links
blue #urgent links
- #171d33 dark blue: #Action h2
- #971611 red from GNU banner: .button link
+ #171d33 dark blue (from screenshot): #Action h2
+ #971611 red from GNU banner: .button link, #join-fsf
Backgrounds
white #inner, navbar li.active
#f0f2f4 light bluish gray: #translations p, .emph-box, #outdated,
- .listing, #footer, .toc, Search
- #e7e9eb .button, .lyrics
+ .listing, #footer, .toc,
+ #e7e9eb .button, .lyrics, #join-fsf, submit
#d1d4d7 #edu-navbar, #fsf-links, #searcher + #translations
- #c9cccf #join-fsf, Sign up
#b9bcbf submit input
#ddd gray (looks purplish): #gpl-compat-matrix
#ccffcc light green: #gpl-compat-matrix
@@ -59,7 +58,6 @@
#5b6a96-#c9cccf: #body gradient
#5b6a96 fallback from gradient (intermediate between banner blue and
#c9cccf)
- #cdc66e greenish yellow: focused submit
Borders
black, #111, #333, #666: tables
@@ -67,9 +65,8 @@
#c9cccf bluish gray: .button, .toc, submit
#d1d4d7 bluish gray: #translations, #outdated
#3465a4 blue (slightly lighter than GNU banner): edu-cases ridges, .note
- #171d33 dark blue (from screenshot): shade behind .button.large
+ #171d33 dark blue: box-shadow behind buttons, focused inputs
#6989b6 light blue: border for h3 (license-list.html)
- #cdc66e greenish yellow: focused input and submit
*/
/*** Luminosity contrast ratio and color difference ***
@@ -97,15 +94,11 @@
#334683 white 8.96 494
#334683 #fff898 8.16 384
#334683 #e7e9eb 7.36 428
- #334683 #c9cccf 5.55 341
#334683 #777 2.0 110
#334683 #555 1.20 76
#334683 #333 1.41 118
#334683 black 2.34 271
-Slightly darker (fsf-frame)
- #283767 #c9cccf 7.11 399
-
Blue (urgent)
#00f #ff3 8.02 714
@@ -213,7 +206,7 @@
font-size: .9em;
font-family: "FreeSans", sans-serif;
font-weight: bold;
- padding: .5em 1.5em 0 1.5em;
+ padding: .6em 1.5em 0 1.5em;
margin: 0;
}
#toplinks a, #toplinks a:visited {
@@ -239,31 +232,31 @@
color: #555;
background: white;
border: .1em solid #c9cccf;
- border-radius: .5em;
- -moz-border-radius: .4em;
- -khtml-border-radius: .4em;
- -webkit-border-radius: .4em;
- -opera-border-radius: .4em;
+ border-radius: .3em;
+ -moz-border-radius: .3em;
+ -khtml-border-radius: .3em;
+ -webkit-border-radius: .3em;
+ -opera-border-radius: .3em;
}
#searcher input[type="submit"] {
padding: .2em .4em;
margin: 0;
color: #222;
- background: #f0f2f4;
+ background: #e7e9eb;
border: .1em solid #c9cccf;
border-radius: 1em;
-moz-border-radius: 1em;
-khtml-border-radius: 1em;
-webkit-border-radius: 1em;
-opera-border-radius: 1em;
+
}
#searcher input[type="text"]:focus {
color: #222;
- border: 0; border: .1em solid #cdc66e;
+ border: .1em solid #171d33;
}
#searcher input[type="text"]:focus + input[type="submit"] {
- background: #cdc66e;
- border: 0; border: .1em solid #cdc66e;
+ border: .1em solid #171d33;
}
#searcher input[type="submit"]:hover {
cursor: pointer;
@@ -351,32 +344,39 @@
padding: 0;
margin: 1em 0;
}
-#fsf-frame p { margin: 0; }
#fsf-frame a, #fsf-frame a:visited {
font-size: 1.1em;
font-weight: bold;
text-decoration: none;
- color: #283767;
}
-#fsf-frame a:hover { color: #777; }
+#fsf-frame p { padding: 0; margin: 0; }
+#fsf-frame hr { display: none; }
-#fsf-frame #join-fsf {
+#join-fsf {
padding: .4em 0;
}
-#fsf-frame #join-fsf a {
- padding: .4em 1em;
- background: #c9dcff;
+#join-fsf a, #join-fsf a:visited {
+ padding: .3em 1em;
+ color: #971611;
+ background: #e7e9eb;
border-radius: 1em;
-moz-border-radius: 1em;
-khtml-border-radius: 1em;
-webkit-border-radius: 1em;
-opera-border-radius: 1em;
+ box-shadow: .15em .15em #171d33;
+ -moz-box-shadow: .15em .15em #171d33;
+ -webkit-box-shadow: .15em .15em #171d33;
+ -icab-box-shadow: .15em .15em #171d33;
+ -o-box-shadow: .15em .15em #171d33;
}
-#fsf-frame hr { display: none; }
#fssbox {
padding: 0;
- margin-top: 1em;
+ margin-top: 1.3em;
+}
+#fssbox a, #fssbox a:visited {
+ color: #334683;
}
#fssbox form p { margin-top: .2em; }
#fssbox input {
@@ -389,35 +389,40 @@
color: #555;
background: white;
border: .1em solid #999;
- border-radius: .5em;
- -moz-border-radius: .4em;
- -khtml-border-radius: .4em;
- -webkit-border-radius: .4em;
- -opera-border-radius: .4em;
+ border-radius: .3em;
+ -moz-border-radius: .3em;
+ -khtml-border-radius: .3em;
+ -webkit-border-radius: .3em;
+ -opera-border-radius: .3em;
}
#fssbox input[type="submit"] {
padding: .2em .4em;
margin: 0;
color: #222;
- background: #c9dcff;
- border: .1em solid #c9dcff;
+ background: #e7e9eb;
+ border: .1em solid #e7e9eb;
border-radius: 1em;
-moz-border-radius: 1em;
-khtml-border-radius: 1em;
-webkit-border-radius: 1em;
-opera-border-radius: 1em;
+ box-shadow: .15em .15em #171d33;
+ -moz-box-shadow: .15em .15em #171d33;
+ -webkit-box-shadow: .15em .15em #171d33;
+ -icab-box-shadow: .15em .15em #171d33;
+ -o-box-shadow: .15em .15em #171d33;
}
#fssbox input[type="text"]:focus {
color: #222;
- border: .1em solid #cdc66e;
+ border: .1em solid #171d33;
}
#fssbox input[type="submit"]:hover {
cursor: pointer;
}
#fssbox input[type="text"]:focus + input[type="submit"] {
- background: #cdc66e;
- border: .1em solid #cdc66e;
+ border: .1em solid #171d33;
}
+#fsf-frame a:hover { color: #777; }
/* For "normal" pages */
#gnu-banner {
@@ -675,11 +680,11 @@
-webkit-box-shadow: .15em .15em #171d33;
-icab-box-shadow: .15em .15em #171d33;
-o-box-shadow: .15em .15em #171d33;
-/* border-radius: .4em;
+ border-radius: .4em;
-moz-border-radius: .4em;
-khtml-border-radius: .4em;
-webkit-border-radius: .4em;
- -opera-border-radius: .4em; */
+ -opera-border-radius: .4em;
}
.button a, .button a:visited {
color: #971611;
- www/server/staging/nav-bar/test9 layout7.css, (continued)
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/07
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/07
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/07
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/08
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/08
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/08
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/08
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/08
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/08
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/08
- www/server/staging/nav-bar/test9 layout7.css,
Therese Godefroy <=
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/08
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/09
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/09
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/11
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/11
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/11
- www/server/staging/nav-bar/test9 layout7.css, Therese Godefroy, 2014/05/17