[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
www/server/staging/ghm2016 layout.css
From: |
Therese Godefroy |
Subject: |
www/server/staging/ghm2016 layout.css |
Date: |
Tue, 21 Jun 2016 19:16:24 +0000 (UTC) |
CVSROOT: /webcvs/www
Module name: www
Changes by: Therese Godefroy <th_g> 16/06/21 19:16:24
Modified files:
server/staging/ghm2016: layout.css
Log message:
Colors, GNU logo and misc changes.
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/layout.css?cvsroot=www&r1=1.2&r2=1.3
Patches:
Index: layout.css
===================================================================
RCS file: /webcvs/www/www/server/staging/ghm2016/layout.css,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -b -r1.2 -r1.3
--- layout.css 16 Jun 2016 17:27:14 -0000 1.2
+++ layout.css 21 Jun 2016 19:16:23 -0000 1.3
@@ -42,10 +42,10 @@
#777 medium gray: hover special links
white #navigation
- #005090 greenish blue: normal links
+ #124bb4 greenish blue: normal links
#100070 purplish blue: normal visited links, normal hover
blue #urgent links
- #a42e2b GNU banner, #outdated, active links in edu-navbar
+ #a42e2b red: GNU banner, #outdated, active links in edu-navbar
Backgrounds
#999 hr
@@ -54,9 +54,11 @@
#eee #edu-navigation, submit
#f3f3f3 #translations, #footer, #outdated, .emph-box, .toc,
.lyrics, .listing
- white body, buttons
+ white body, .note
#a42e2b red: #navigation
+ #4580b0 blue: #join-fsf
+ #124bb4 blue: #join-fsf:hover, #fssbox submit:focus
#ff3 yellow: #urgent
#fff1c0 light orange: .highlight
#fff5d4 very light orange: .highlight-para, p.highlight, table headers
@@ -64,12 +66,11 @@
Borders
black, #111, #333, #666: tables
#222 box-shadow behind buttons
- #333 focused inputs
- #999 buttons
#bbb body
#ccc unfocused inputs, emph-box, lyrics, footer
#d4d4d4 #translations, #outdated
+ #124bb4 focused inputs
#3465a4 .edu-cases
#e74c3c .announcement, .note, .big-section h3
#f49943 .highlight-para
@@ -96,14 +97,14 @@
#00f #ff3 8.02 714
Blue links
- #005090 white 8.23 461
- #005090 #e4ffcc 7.64 383
- #005090 #fff1c0 7.29 384
- #005090 #f3f3f3 7.42 425
- #005090 #ccffcc 7.35 359
- #005090 #777 1.84 103
- #005090 #333 1.53 151
- #005090 black 2.55 304
+ #124bb4 white 7.80 435
+ #124bb4 #e4ffcc 7.24 357
+ #124bb4 #fff1c0 6.91 358
+ #124bb4 #f3f3f3 7.03 399
+ #124bb4 #ccffcc 6.96 333
+ #124bb4 #777 1.74 149
+ #124bb4 #333 1.62 177
+ #124bb4 black 2.69 330
Purple links
#100070 white 16.72 653
@@ -112,7 +113,7 @@
#100070 #777 3.73 245
#100070 #333 1.32 163
#100070 black 1.26 112
- #100070 #005090 2.03 112
+ #100070 #124bb4 2.14 161
*/
@@ -172,13 +173,11 @@
/** Backgrounds **/
-#content {
-/* This extends any background all the way to the top and completes
- the main navbar. */
- border-top: .2em solid #a42e2b;
-/* The last element is likely to have a 1em bottom margin
- which adds up with this padding. */
- padding-bottom: 1.5em;
+/* This gives a 2.5em spacing between the last element and
+ the following div. */
+#content:after {
+ display: block; height: .1em;
+ content: ""; margin-top: 2.4em;
}
#searcher, #fsf-links {
@@ -190,9 +189,12 @@
/** Fonts **/
-#searcher, #toplinks, #translations, #header,
- #navigation, #edu-navigation,
- #fsf-links { font-family: "FreeSans", sans-serif; }
+#searcher, #toplinks, #translations, #header, h1, h2 {
+ font-family: "FreeSans", sans-serif;
+}
+#navigation ul, #fsf-links ul, ul#edu-navigation {
+ font-family: "FreeCondensed", "FreeSans", sans-serif;
+}
/*** BASIC ELEMENTS ***/
@@ -213,7 +215,7 @@
p, pre { margin-top: 1em; } /* In combo.css: margin-bottom:1em. */
address { margin-bottom: 1em; }
-ul, ol, blockquote { margin-left: 1.5%; margin-right: 1.5%; }
+ul, ol, blockquote { margin-left: 3%; margin-right: 3%; }
/* Lists of underlined links are difficult to read. The top margin
gives a little more spacing between entries. */
@@ -239,23 +241,21 @@
/** Style **/
-h1, h2 {
- font-family: "FreeSans", sans-serif;
-}
/* The default color (black) is too dark for large text in
bold font. */
h3, h4 { color: #333; }
h5, h6, dt { color: #222; }
-a[href] { color: #005090; }
+a[href] { color: #124bb4; }
a[href]:visited { color: #100070; }
a[href]:active, a[href]:hover {
color: #100070;
text-decoration: none;
}
-ul li { list-style: square; }
-ul ul li, ol ul li { list-style: circle; }
+ul li, ol li { list-style: inherit; }
+ul { list-style: square; }
+ul ul, ol ul { list-style: circle; }
blockquote { font-style: italic; }
acronym, abbr { text-decoration: none; } /* border-bottom in combo.css */
@@ -278,7 +278,7 @@
.inline-list li { display: inline }
/* Found in a few software pages and many manuals. */
-.no-bullet li { list-style: none; }
+ul.no-bullet { list-style: none; }
.netscape4, .no-display { display: none; }
@@ -296,7 +296,10 @@
/*** FORMS ***/
-form input { font-family: inherit; }
+form input {
+ font-family: inherit;
+ font-weight: bold;
+}
form input[type="text"] {
padding: .2em;
margin: 0;
@@ -313,10 +316,10 @@
}
form input[type="text"]:focus {
color: #333;
- border: .1em solid #333;
+ border: .1em solid #124bb4;
}
form input[type="text"]:focus + input[type="submit"] {
- border: .1em solid #333;
+ border: .1em solid #124bb4;
}
form input[type="submit"]:hover {
cursor: pointer;
@@ -343,7 +346,7 @@
border: .1em solid #999;
}
-.button a, #join-fsf a {
+.button a {
/* Display the button link as block in
browsers lacking support for inline-block, */
display: block;
@@ -355,7 +358,7 @@
/*** SPECIAL BORDERS ***/
#searcher input[type="text"], #searcher input[type="submit"],
- #fssbox input[type="text"] {
+ #fssbox input[type="text"], #fssbox input[type="submit"] {
border-radius: .4em;
-moz-border-radius: .4em;
-khtml-border-radius: .4em;
@@ -363,15 +366,7 @@
-opera-border-radius: .4em;
}
-.button a, #join-fsf a,
- #fssbox input[type="submit"] {
-/*
- box-shadow: 0 .15em white;
- -moz-box-shadow: 0 .15em #222;
- -webkit-box-shadow: 0 .15em #222;
- -icab-box-shadow: 0 .15em #222;
- -o-box-shadow: 0 .15em #222;
-*/
+.button a, #join-fsf a {
border-radius: 1em;
-moz-border-radius: 1em;
-khtml-border-radius: 1em;
@@ -386,13 +381,13 @@
text-align: right;
line-height: 1.5em;
font-weight: bold;
- margin: 1.5em 2%;
}
.back a, .back a:visited,
#backtotop a, #backtotop a:visited { color: #333; }
.back a:hover,
#backtotop a:hover { color: #777; }
+.back { margin: 1.5em 2% 1em; }
#backtotop {
font-size: 1.1em; /* In #mission-statement, font-size is .9em. */
margin: 1.8em 2%;
@@ -440,10 +435,10 @@
highlight-para can be used next to .note or .summary because it only has top
and bottom borders. */
-.highlight-para, .highlight, .emph-box {
+.highlight-para, p.highlight, pre.emph-box, p.emph-box, pre.emph-box {
padding: .6em 1.2em;
}
-div.highlight-para, div.emph-box { padding: 1.5em; }
+div.highlight-para, div.emph-box { padding: 1.2em; }
/* Strip the top and bottom margins to avoid uneven spacing between text
and border in NetSurf. */
@@ -518,18 +513,17 @@
padding: .7em 3%;
margin: .3em -3.2%;
color: #a42e2b;
- background-color: #f3f3f3;
border-bottom: .2em solid #d4d4d4;
}
#outdated p {
margin: 0.2em 0;
}
-#outdated a:visited { color: #005090; }
+#outdated a:visited { color: #124bb4; }
#outdated a:hover { color: #777; }
/* For translators notes */
.translators-notes { font-size: .9em; }
-.translators-notes hr { margin-top: 1.65em; }
+.translators-notes hr { margin-top: 2.5em; }
.translators-notes ol li { margin: .5em 1.1em 0; }
@@ -540,7 +534,7 @@
.note {
text-align: center;
font-style: normal;
- max-width: 20em;
+ width: 20em; max-width: 90%;
padding: .5em;
margin: 1em auto;
background: white;
@@ -558,10 +552,9 @@
/** Tables of contents **/
-/* Common definitions */
.summary, .toc {
padding: 1.5em;
- margin: 2.5em auto 2em auto;
+ margin: 2.5em 0 2em;
background: #f3f3f3;
}
.summary h3, .toc h3 {
@@ -576,7 +569,7 @@
margin-top: .5em; margin-bottom: 0;
}
.summary > ul, .summary > ol, .toc > ul, .toc > ol {
- margin-top: 0; margin-bottom: 0;
+ margin: 0;
}
/* For NetSurf:
Strip the top margin of the first element. */
@@ -585,18 +578,13 @@
margin-top: 0;
}
-/* Big tables of contents */
-.toc {
- max-width: 45em;
-}
-.toc h3, .toc h4 {
- text-align: center;
-}
-
-
-/** For wide screens **/
-
@media (min-width: 48em) {
+ .toc {
+ max-width: 45em; margin: auto;
+ }
+ .toc h3, .toc h4 {
+ text-align: center;
+ }
.summary {
width: 20em; max-width: 40%;
}
@@ -756,7 +744,6 @@
display: block;
text-align: right;
font-size: .9em;
- font-weight: bold;
padding-top: .3em; padding-bottom: .3em;
}
@@ -788,19 +775,13 @@
}
#translations span.original a,
#translations span.original a:visited {
- color: #005090
+ color: #124bb4
}
#translations a:hover,
#translations span.original a:hover {
color: #777;
}
-/* Still used in s/emacs/tour/index.html
-*/
-#translations h3, #translations h4, #translations ul {
- display: none;
-}
-
/*** HEADER ***/
@@ -824,7 +805,7 @@
float: left;
height: 1.8em;
margin-right: .15em;
- position: relative; bottom: .4em;
+ position: relative; bottom: .35em;
}
#gnu-banner a {
color: #333; text-decoration: none;
@@ -834,12 +815,26 @@
color: #a42e2b;
}
+/*FSF support */
+#fsf-support {
+ position: relative; bottom: .3em;
+ font-size: .9em;
+ font-style: italic;
+ margin: 0 .2em;
+ color: #555;
+}
+#fsf-support a, #fsf-support a:visited {
+ font-weight: bold;
+ color: #555;
+}
+#fsf-support a:hover { color: black; }
+
/* FSF frame */
#fsf-frame {
float: right;
line-height: 1.3em;
font-size: .9em;
- padding-top: .8em;
+ padding: 1em 0 0;
}
#fsf-frame a, #fsf-frame a:visited {
font-weight: bold;
@@ -850,50 +845,45 @@
/* Join FSF */
#join-fsf a, #join-fsf a:visited {
- color: #005090; color: white;
- background: #0093a0;
- border-color: #0093a0;
-}
-#join-fsf a:hover { color: #777; color: #ddd; }
-
address@hidden (min-width: 45em) {
- #gnu-banner {
- clear: none;
- }
-/*FSF support */
+ color: white;
+ background: #5076bb;
+ border-color: #5076bb;
+}
+#join-fsf a:hover { background: #124bb4; }
+
+/* Free Software Supporter */
+#fssbox {
+ display: none;
+ padding: 1.2em 0 .8em;
+}
+#fssbox form p { margin-top: .1em; }
+
+#fssbox form input[type="submit"] {
+ color: #124bb4;
+ border: .1em solid #124bb4;
+}
+#fssbox form input[type="text"]:focus + input[type="submit"] {
+ color: white;
+ background-color: #124bb4;
+}
address@hidden (min-width: 46em) {
+ #gnu-banner { clear: none; }
#fsf-support { display: block; }
- #fsf-support {
- font-size: .9em;
- font-style: italic;
- margin: 0; margin-bottom: .3em;
- color: #555;
- }
- #fsf-support a, #fsf-support a:visited {
- font-weight: bold;
- color: #555;
- }
- #fsf-support a:hover { color: black; }
}
@media (min-width: 55em) {
- #join-fsf { float: left; }
- #fsf-frame { width: 40%; }
-/* Free Software Supporter */
+ #fsf-frame { max-width: 41%; }
+ #join-fsf { float: right; }
#fssbox {
display: block;
- clear: left;
- float: right;
- text-align: center;
- padding: 1em 0 0;
+ clear: right;
+ float: left;
}
- #fssbox form p { margin-top: .1em; }
- #fssbox form input { font-weight: bold }
- #fssbox form input[type="submit"] {
- color: white;
- background: #166fb4;
- border-color: #166fb4;
+}
address@hidden (min-width: 62em) {
+ #fsf-frame {
+ width: 45%; max-width: 45%;
+ text-align: center;
}
- #fssbox a, #fssbox a:visited { color: #005090; }
- #fssbox a:hover { color: #777; }
}
@@ -910,11 +900,11 @@
font-size: 0.9em;
line-height: 1.7em;
}
-#navigation ul, #fsf-links ul {
+#fsf-links ul {
padding: .2em .5em 0;
margin: 0;
}
-ul#edu-navigation {
+#navigation ul, ul#edu-navigation {
padding: .2em .5em;
margin-top: 0; margin-bottom: 0;
}
@@ -923,11 +913,12 @@
white-space: nowrap;
display: inline;
display: inline-block;
- line-height: 1.6em;
+ line-height: 1.3em;
font-family: "FreeCondensed", "FreeSans", sans-serif;
text-transform: uppercase;
font-weight: bold;
- margin: .2em .4em 0 .4em;
+ margin: 0 .4em;
+ padding-top: .2em;
}
/* Mock border to avoid size change when a link becomes active */
#navigation li { border-bottom: .15em solid #a42e2b; }
@@ -937,6 +928,7 @@
/* For Firefox (can't set line-height when "a" is displayed inline) */
#navigation a, ul#edu-navigation a, #fsf-links a {
display: inline-block;
+ padding-top: .2em;
}
#navigation, #navigation a, #navigation a:visited { color: white; }
@@ -988,11 +980,10 @@
border-top: 1px solid #ccc;
}
#footer p { margin: 0; }
-
+#footer p.unprintable { margin-top: .7em; }
#footer .unprintable, #footer .translators-credits {
margin-bottom: .7em;
}
-
#bottom-notes p { margin-bottom: .7em; }
@@ -1009,7 +1000,7 @@
}
.edu-breadcrumb a,
.edu-breadcrumb a:visited {
- color: #005090;
+ color: #124bb4;
text-decoration: none;
}
.edu-breadcrumb a:hover {
- www/server/staging/ghm2016 layout.css,
Therese Godefroy <=