www-commits
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

www/server/staging/ghm2016 layout.css layout-0.css


From: Therese Godefroy
Subject: www/server/staging/ghm2016 layout.css layout-0.css
Date: Sun, 26 Jun 2016 16:55:54 +0000 (UTC)

CVSROOT:        /webcvs/www
Module name:    www
Changes by:     Therese Godefroy <th_g> 16/06/26 16:55:54

Modified files:
        server/staging/ghm2016: layout.css layout-0.css 

Log message:
        Adjust link color; slow color transitions.

CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/layout.css?cvsroot=www&r1=1.7&r2=1.8
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/ghm2016/layout-0.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.7
retrieving revision 1.8
diff -u -b -r1.7 -r1.8
--- layout.css  26 Jun 2016 10:59:29 -0000      1.7
+++ layout.css  26 Jun 2016 16:55:54 -0000      1.8
@@ -42,7 +42,7 @@
    #777     medium gray: hover special links
    white    #navigation
 
-   #124bb4  blue: normal links
+   #004caa  blue: normal links
    #100070  purplish blue: normal visited links, normal hover
    blue     #urgent links
    #a42e2b  red: GNU banner, #outdated, active links in edu-navbar
@@ -57,8 +57,8 @@
    white    body, .note
 
    #a42e2b  red: #navigation
-   #4580b0  blue: #join-fsf
-   #124bb4  blue: #join-fsf:hover, #fssbox submit:focus
+   #4080d0  blue: #join-fsf, #fssbox submit:focus
+   #004caa  blue: #join-fsf:hover
    #ff3     yellow: #urgent
    #fff1c0  light orange: .highlight
    #fff5d4  very light orange: .highlight-para, p.highlight, table headers
@@ -70,7 +70,7 @@
    #ccc     unfocused inputs, emph-box, lyrics, footer
    #d4d4d4  #translations, #outdated
 
-   #124bb4  focused inputs
+   #4080d0  focused inputs
    #3465a4  .edu-cases
    #e74c3c  .announcement, .note, .big-section h3
    #f49943  .highlight-para
@@ -97,14 +97,14 @@
    #00f         #ff3            8.02          714
 
 Blue links
-   #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
+   #004caa     white           8.03          443
+   #004caa     #e4ffcc         7.45          365
+   #004caa     #fff1c0         7.11          366
+   #004caa     #f3f3f3         7.24          407
+   #004caa     #ccffcc         7.17          341
+   #004caa     #777            1.79          137
+   #004caa     #333            1.57          169
+   #004caa     black           2.61          322
 
 Purple links
    #100070      white          16.72          653
@@ -113,7 +113,7 @@
    #100070      #777            3.73          245
    #100070      #333            1.32          163
    #100070      black           1.26          112
-   #100070      #124bb4         2.14          161
+   #100070      #004caa        2.08          134
 */
 
 
@@ -240,7 +240,7 @@
 h3, h4 { color: #333; }
 h5, h6, dt { color: #222; }
 
-a[href] { color: #124bb4; }
+a[href] { color: #004caa; }
 a[href]:visited { color: #100070; }
 a[href]:active, a[href]:hover {
    color: #100070;
@@ -308,14 +308,14 @@
 form input[type="submit"] {
    padding: .2em .4em;
    color: #333;
-   background: #f3f3f3;
+   background: #eee;
 }
 form input[type="text"]:focus {
    color: #333;
-   border: .1em solid #124bb4;
+   border: .1em solid #4080d0;
 }
 form input[type="text"]:focus + input[type="submit"] {
-   border: .1em solid #124bb4;
+   border: .1em solid #4080d0;
 }
 form input[type="submit"]:hover {
    cursor: pointer;
@@ -493,7 +493,7 @@
 #outdated p {
    margin: 0.2em 0;
 }
-#outdated a:visited { color: #124bb4; }
+#outdated a:visited { color: #004caa; }
 #outdated a:hover { color: #777; }
 
 /* For translators notes */
@@ -750,7 +750,7 @@
 }
 #translations span.original a,
 #translations span.original a:visited {
-   color: #124bb4
+   color: #004caa
 }
 #translations a:hover,
 #translations span.original a:hover {
@@ -820,21 +820,25 @@
 /* Join FSF */
 #join-fsf a, #join-fsf a:visited {
    color: white;
-   background: #5076bb;
-   border-color: #5076bb;
+   background-color: #4080d0;
+   border-color: #4080d0;
+   -webkit-transition: all .5s; /* Safari */
+   transition: all .5s;
 }
-#join-fsf a:hover { background: #124bb4; }
+#join-fsf a:hover { background: #004caa; }
 
 /* Free Software Supporter */
 #fssbox { margin-bottom: 1.3em; }
 #fssbox form p { margin-top: .1em; }
 #fssbox form input[type="submit"] {
-   color: #124bb4;
-   border: .1em solid #124bb4;
+   color: #004caa;
+   border: .1em solid #4080d0;
+   -webkit-transition: all 2s; /* Safari */
+   transition: all 2s;
 }
 #fssbox form input[type="text"]:focus + input[type="submit"] {
    color: white;
-   background-color: #124bb4;
+   background-color: #4080d0;
 }
 
 @media (min-width: 46em) {
@@ -969,7 +973,7 @@
 }
 .edu-breadcrumb a,
 .edu-breadcrumb a:visited {
-   color: #124bb4;
+   color: #004caa;
    text-decoration: none;
 }
 .edu-breadcrumb a:hover {

Index: layout-0.css
===================================================================
RCS file: /webcvs/www/www/server/staging/ghm2016/layout-0.css,v
retrieving revision 1.2
retrieving revision 1.3
diff -u -b -r1.2 -r1.3
--- layout-0.css        26 Jun 2016 10:59:28 -0000      1.2
+++ layout-0.css        26 Jun 2016 16:55:54 -0000      1.3
@@ -42,7 +42,7 @@
    #777     medium gray: hover special links
    white    #navigation
 
-   #124bb4  blue: normal links
+   #004caa  blue: normal links
    #100070  purplish blue: normal visited links, normal hover
    blue     #urgent links
    #a42e2b  red: GNU banner, #outdated, active links in edu-navbar
@@ -57,8 +57,8 @@
    white    body, .note
 
    #a42e2b  red: #navigation
-   #4580b0  blue: #join-fsf
-   #124bb4  blue: #join-fsf:hover, #fssbox submit:focus
+   #4080d0  blue: #join-fsf, #fssbox submit:focus
+   #004caa  blue: #join-fsf:hover
    #ff3     yellow: #urgent
    #fff1c0  light orange: .highlight
    #fff5d4  very light orange: .highlight-para, p.highlight, table headers
@@ -70,7 +70,7 @@
    #ccc     unfocused inputs, emph-box, lyrics, footer
    #d4d4d4  #translations, #outdated
 
-   #124bb4  focused inputs
+   #4080d0  focused inputs
    #3465a4  .edu-cases
    #e74c3c  .announcement, .note, .big-section h3
    #f49943  .highlight-para
@@ -97,14 +97,14 @@
    #00f         #ff3            8.02          714
 
 Blue links
-   #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
+   #004caa     white           8.03          443
+   #004caa     #e4ffcc         7.45          365
+   #004caa     #fff1c0         7.11          366
+   #004caa     #f3f3f3         7.24          407
+   #004caa     #ccffcc         7.17          341
+   #004caa     #777            1.79          137
+   #004caa     #333            1.57          169
+   #004caa     black           2.61          322
 
 Purple links
    #100070      white          16.72          653
@@ -113,7 +113,7 @@
    #100070      #777            3.73          245
    #100070      #333            1.32          163
    #100070      black           1.26          112
-   #100070      #124bb4         2.14          161
+   #100070      #004caa        2.08          134
 */
 
 
@@ -240,7 +240,7 @@
 h3, h4 { color: #333; }
 h5, h6, dt { color: #222; }
 
-a[href] { color: #124bb4; }
+a[href] { color: #004caa; }
 a[href]:visited { color: #100070; }
 a[href]:active, a[href]:hover {
    color: #100070;
@@ -308,14 +308,14 @@
 form input[type="submit"] {
    padding: .2em .4em;
    color: #333;
-   background: #f3f3f3;
+   background: #eee;
 }
 form input[type="text"]:focus {
    color: #333;
-   border: .1em solid #124bb4;
+   border: .1em solid #4080d0;
 }
 form input[type="text"]:focus + input[type="submit"] {
-   border: .1em solid #124bb4;
+   border: .1em solid #4080d0;
 }
 form input[type="submit"]:hover {
    cursor: pointer;
@@ -493,7 +493,7 @@
 #outdated p {
    margin: 0.2em 0;
 }
-#outdated a:visited { color: #124bb4; }
+#outdated a:visited { color: #004caa; }
 #outdated a:hover { color: #777; }
 
 /* For translators notes */
@@ -750,7 +750,7 @@
 }
 #translations span.original a,
 #translations span.original a:visited {
-   color: #124bb4
+   color: #004caa
 }
 #translations a:hover,
 #translations span.original a:hover {
@@ -820,21 +820,25 @@
 /* Join FSF */
 #join-fsf a, #join-fsf a:visited {
    color: white;
-   background: #5076bb;
-   border-color: #5076bb;
+   background-color: #4080d0;
+   border-color: #4080d0;
+   -webkit-transition: all .5s; /* Safari */
+   transition: all .5s;
 }
-#join-fsf a:hover { background: #124bb4; }
+#join-fsf a:hover { color: white; background-color: #004caa; }
 
 /* Free Software Supporter */
 #fssbox { margin-top: 1.3em; }
 #fssbox form p { margin-top: .1em; }
 #fssbox form input[type="submit"] {
-   color: #124bb4;
-   border: .1em solid #124bb4;
+   color: #004caa;
+   border: .1em solid #4080d0;
+   -webkit-transition: all 2s; /* Safari */
+   transition: all 2s;
 }
 #fssbox form input[type="text"]:focus + input[type="submit"] {
    color: white;
-   background-color: #124bb4;
+   background-color: #4080d0;
 }
 
 @media (min-width: 46em) {
@@ -967,7 +971,7 @@
 }
 .edu-breadcrumb a,
 .edu-breadcrumb a:visited {
-   color: #124bb4;
+   color: #004caa;
    text-decoration: none;
 }
 .edu-breadcrumb a:hover {



reply via email to

[Prev in Thread] Current Thread [Next in Thread]