New link color strategy: all inline links are now orange, while 'bloc…

…k' links (entire divs, list items etc) are blue.
toolness · Nov 4, 2011 · be6b1b4 · be6b1b4
1 parent 679441f
commit be6b1b4
Show file tree

Hide file tree

Showing 6 changed files with 39 additions and 40 deletions.
diff --git a/static/stylesheets/about.css b/static/stylesheets/about.css
@@ -15,17 +15,6 @@
   padding-top: 68px;
 }
 
-#content aside a {
-  text-decoration: none;
-  color: #E6840B;
-}
-
-#content aside a:focus,
-#content aside a:hover,
-#content aside a:active {
-  text-decoration: underline;
-}
-
 #content aside img {
   width: 100%;
 }

diff --git a/static/stylesheets/base.css b/static/stylesheets/base.css
@@ -56,6 +56,17 @@ a.more:after {
   background-image: -o-linear-gradient(top, #ffef8d, white 400px);  
 }
 
+#content a {
+  text-decoration: none;
+  color: #E6840B;
+}
+
+#content a:focus,
+#content a:hover,
+#content a:active {
+  text-decoration: underline;
+}
+
 .wrapper {
   max-width: 960px;
   padding: 0 10px;

diff --git a/static/stylesheets/blog.css b/static/stylesheets/blog.css
@@ -14,10 +14,18 @@
   padding-bottom: 10px;
 }
 
+#blog ul.recent-posts li a {
+  color: #153959;
+}
+
 #blog h2.title {
   margin-bottom: 0px;
 }
 
+#blog h2.title a {
+  color: #153959;
+}
+
 #blog .date {
   padding-bottom: 15px;
 }
@@ -43,23 +51,6 @@
   padding: 10px;
 }
 
-#blog .content a:link,
-#blog .content a:visited,
-#blog .content a:focus,
-#blog .content a:hover,
-#blog .content a:active,
-#blog .content b {
-  color: #ef4619;
-  color: #f8a339;
-  text-decoration: none;
-}
-
-#blog .content a:focus,
-#blog .content a:hover,
-#blog .content a:active {
-  text-decoration: underline;
-}
-
 #blog .content h1, #blog .content h2 {
   font-family: inherit;
 }

diff --git a/static/stylesheets/educators.css b/static/stylesheets/educators.css
@@ -26,7 +26,7 @@
   background-image: url(/images/educators/cheatsheet.png);
 }
 
-a.button {
+#content a.button {
   display: inline-block;
   background-color: #f8a339;
   color: white;
@@ -35,22 +35,22 @@ a.button {
   font-size: 18px;
 }
 
-a.button:visited, 
-a.button:focus, 
-a.button:hover,
-a.button:active {
+#content a.button:visited, 
+#content a.button:focus, 
+#content a.button:hover,
+#content a.button:active {
   text-decoration: none;
 }
 
-a.button:hover {
+#content a.button:hover {
   background-color: #ffc833;
 }
 
-a.button .arrow {
+#content a.button .arrow {
   margin-left: 1em;
 }
 
-a.button .arrow:after {
+#content a.button .arrow:after {
   content: "▶"; 
 }
 

diff --git a/static/stylesheets/events.css b/static/stylesheets/events.css
@@ -10,7 +10,7 @@ div.lanyrd-target-splat {
   padding-bottom: 20px;
 }
 
-a.lanyrd-splat {
+#content a.lanyrd-splat {
   display: inline-block;
   background-color: #f8a339;
   color: white;
@@ -19,12 +19,12 @@ a.lanyrd-splat {
   padding: 10px;
 }
 
-a.lanyrd-splat:hover {
+#content a.lanyrd-splat:hover {
   background-color: #ffc833;
   text-decoration: none;
 }
 
-a.lanyrd-splat span.fallback:after {
+#content a.lanyrd-splat span.fallback:after {
   content: ' ▶';
 }
 
@@ -40,12 +40,16 @@ li.vevent, div.header-row {
   box-sizing: border-box;
 }
 
+#content li.vevent a.summary {
+  color: #153959;
+}
+
 li.vevent a.flag-mini {
   display: none;
 }
 
 li.vevent p.location a, li.vevent p.lanyrd-date {
-  color: gray;
+  color: gray !important;
   text-decoration: none !important;
 }
 

diff --git a/static/stylesheets/splash.css b/static/stylesheets/splash.css
@@ -60,6 +60,10 @@
   text-decoration: none;
 }
 
+#content div.secondary a.more {
+  color: #153959;
+}
+
 #content div.secondary div.blurb {
   display: inline-block;
   width: 33%;