Friends Electric Theme.. how are primary links meant to render?

Posted by gfroyle on April 12, 2006 at 1:42pm

Going through some themes and decided that I really like "Friends Electric" .. except for the way it renders the primary links...

But then I searched on the forums (fora?) and discovered a thread about problems with these links and Safari http://drupal.org/node/39856

And indeed, these links display a little strangely on Safari - see how the "UWA" and "CSSE" are almost unreadable and their background shape is a bit funny.

But what are they MEANT to look like? In particular, what are the colours of the text and the background meant to be? On all the browsers that I have tried, the text is almost obliterated by the button colour... in fact is it meant to be rendered like a button at all?

Here is the same site on Firefox and on Camino.

All browsers running under MacOS X, but I did a Linux firefox and got a similar result.

Thanks

Gordon

Comments

The images you captured in

Posted by greggles on April 12, 2006 at 2:16pm

The images you captured in Firefox are pretty close - but they seem to have a little divot in each corner that is not right.

--
Growing Venture Solutions
Drupal Implementation and Support in Denver, CO

--
_{I'm an Acquian | Drupal Dashboard | Learn more about Drupal - buy a Drupal Book}

Text Colour?

Posted by gfroyle on April 13, 2006 at 2:00pm

The divot I can live with...

But the text colour of very light blue on a background of light blue doesn't work for me.. the text is basically invisible...

I guess that I *could* try and work through the CSS and change the colour, but it seemed unlikely to me that this was the way it was meant to look...

The drupal.org site itself, for example, has white-on-dark-blue which is nice and contrasty.

Also, are they meant to be "buttons" or "tabs"?

Thanks

Gordon

mmmm contrasty

Posted by greggles on April 13, 2006 at 2:54pm

I found the contrast lacking as well so when I used friendselectric I changed the colors:

http://wanderlusting.org/

As to "buttons" vs. "tabs" - is that a question about the shape or about the way that they look once an item is selected? I would say they are more buttons than tabs, but it kind of depends on the definition.

Below is a diff of all the things I changed. I can't vouch for them being the "right" way to do this, but maybe it will point you in the right direction.

--
Growing Venture Solutions
Drupal Implementation and Support in Denver, CO

--- friendselectric/style.css   2005-05-07 01:14:02.000000000 -0700
+++ ../../wanderlusting.org/themes/engines/friendselectric/style.css   2006-02-06 06:56:03.000000000 -0800
@@ -179,7 +179,7 @@
   position: relative;
 }
 #top-nav ul li a {
-  color: #8baec9;
+  color: #FFFFFF;
   font-size: 0.8em;
   font-weight: bold;
   text-decoration: none;
@@ -213,7 +213,7 @@
 }

 ul#secondary li a {
-  color: #a7cde2;
+  color: #000000;
   margin-right: 0px;
   margin-left: 5px;
 }
@@ -370,19 +370,19 @@
 tr {
   border-bottom: 1px solid #bfd0d9;
 }
-tr.light {
+tr.odd {
   background: #e4edf2;
   border-bottom: 0px;
 }
-tr.dark {
+tr.even {
   background: #f8fbfc;
   border-bottom: 0px;
 }
-tr.light td.active {
+tr.odd td.active {
   background: #c5d6df;
   border-bottom: 0px;
 }
-tr.dark td.active {
+tr.even td.active {
   background: #d6e4ea;
   border-bottom: 0px;
 }
@@ -663,6 +663,9 @@
   letter-spacing: -1px;
   color: #5a6c83;
 }
+html.js fieldset.collapsed {
+  padding: 0px;
+}

 /* Mission */
 #mission {
@@ -825,4 +828,4 @@
   line-height: 0px;
   display: block;
   font-size: 0px;
-}
\ No newline at end of file
+}

--
_{I'm an Acquian | Drupal Dashboard | Learn more about Drupal - buy a Drupal Book}