Changeset - 40cd98bf4443
[Not reviewed]
0 1 0
Bradley Kuhn (bkuhn) - 13 years ago 2010-10-11 20:08:59
bkuhn@ebb.org
First attempt at implementing fabsh color scheme that he emailed me:
Date: Sun, 10 Oct 2010 18:12:36 +0200
Subject: Conservancy Colour Palette
From: "Fabian A. Scherschel" <fab@sixgun.org>
To: "Bradley M. Kuhn" <bkuhn@sfconservancy.org>
Message-ID: <AANLkTinX7mxV8-2gn2CQB82QnPLZWw3rYr4OUHpX1WDX@mail.gmail.com>
1 file changed with 9 insertions and 16 deletions:
0 comments (0 inline, 0 general)
www/conservancy/static/conservancy.css
Show inline comments
...
 
@@ -3,125 +3,118 @@ img { border: 0; }
 
body { margin: 0; padding: 0; }
 
.clear { clear: both; }
 
.hidden { display: none; }
 

	
 
p, h1, h2, h3, h4, h5, h6, #mainContent ul, #mainContent ol {
 
  margin-top: 1em;
 
  margin-bottom: 1em;
 
}
 

	
 
body {
 
/*  font-family: "Lucida Grande",Verdana,Lucida,Helvetica,Arial,sans-serif; */
 
  font-size: 95%;
 
  background-color: #0000;
 
  color: #ffff;
 
}
 

	
 
a { text-decoration: none; color: #146624; }
 
a:hover { text-decoration: underline; color: #665f14; }
 
a { text-decoration: none; color: #557733; }
 
a:hover { text-decoration: underline; color: #3B6337; }
 

	
 
h1 { margin-top: .75em; margin-bottom: .5em; }
 
h2 { margin-top: .75em; margin-bottom: .5em; }
 
h3 { margin-top: .6em; margin-bottom: .4em; }
 

	
 
#mainContent h1 { border-bottom: 1px solid #00334b; }
 
#mainContent h2 { border-bottom: 1px solid #aaa; }
 

	
 
#mainContent ul, #mainContent ol { padding-left: 1.5em; }
 

	
 
#mainContent img { margin: 3px; }
 

	
 
.internalNavigate { width: 19%; float: right; }
 
#mainContent .internalNavigate ul { list-style-type: none; padding-left: 0; }
 
.internalNavigate ul li { margin-top: .3em; margin-bottom: .3em; }
 

	
 
.affiliate-link { float: right; }
 
#affiliate-conservancy, #affiliate-mr {
 
  padding: 2px 10px;
 
  white-space: nowrap;
 
  font-size: x-small;
 
  text-align: right;
 
}
 
#affiliate-conservancy { background: #d4ff9d; }
 
#affiliate-mr { background: #ddd; }
 

	
 
/* Header */
 

	
 
#conservancyheader {
 
  height: 140px;
 
/*  background-color: #d1ff96; */
 
/*  background-color: #92CC58; */
 
/*  background-color: #BDD8A2; */
 
/*  background-color: #92cc58; */
 
/*  background-color: #b5cd9d; */
 
  background-color: #afe578;
 
  border-bottom: 1px solid #808080;
 
}
 
#conservancyheader h1 {
 
  text-indent: -5000px;
 
  margin: 0; /* hide in favor of image */
 
}
 
#logobutton {
 
  display: block;
 
  position: absolute; left: 17px; top: 10px; height: 120px; width: 440px;
 
  background: url(/img/conservancy-header.png)  left center no-repeat;
 
}
 

	
 
/* Navigation bar */
 
#navbar-outer { background: #CDDBDC; }
 
#navbar-outer { background: #B3D4A3; }
 
#navbar { margin-left: 104px; margin-top: 3px; float: left; display: inline; }
 
#navbar ul { list-style: none; }
 
#navbar-clear { clear: both; border-bottom: 1px solid #808080; }
 
#navbar li a {
 
  display: block;
 
  background: #fafafe;
 
  padding: .2em .8em;
 
  margin-right: 3px;
 
  border: 1px solid #808080;
 
  font-size: .8em;
 
  background: #fff url(/img/nav-bg.png) bottom repeat-x;
 
}
 
#navbar li:hover a { background: #fff99d; }
 
#navbar li:hover a { background: #3b6337; color: #fff; }
 
#navbar li { float: left; display: inline; margin-bottom: 3px; }
 

	
 
#mainContent {
 
    margin-left: 50px;
 
    margin-right: 50px;
 
}
 

	
 
#container {
 
    width: 100%;
 
    overflow: hidden;
 
}
 
#container #mainContent {
 
    background: #fffff;
 
    margin-left: 210px;
 
    margin-right: 50px;
 
    padding-bottom: 32767px;
 
    margin-bottom: -32767px;
 
}
 
#container #sidebar {
 
    width: 200px;
 
    float: left;
 
    padding-bottom: 32767px;
 
    margin-bottom: -32767px;
 
    background-color: #e5e5e5; 
 
    background-color: #ccd4a3; 
 
}
 

	
 
#container #sidebar li {
 
    text-align: center;
 
    list-style: none;
 
    padding: 3px 10px 3px 10px; 
 
    margin: 5px; 
 
    border: 1px solid #CCC;
 
    background: #fff url(/img/nav-bg.png) bottom repeat-x;
 
}
 
#container #sidebar li:hover a { background: #3b6337; color: #fff; }
 

	
 
#container #sidebar.Directors ul li.Directors,
 
#container #sidebar.Contact ul li.Contact,
 
#container #sidebar.Officers ul li.Officers,
 
#container #sidebar.Staff ul li.Staff,
 
#container #sidebar.Current ul li.Current,
 
#container #sidebar.Services ul li.Services,
 
#container #sidebar.Applying ul li.Applying
 
{
 
    color: #000033;
 
    font-weight: bold;
 
    background: #fff url(/img/nav-bg-up.png) top repeat-x;
...
 
@@ -134,25 +127,25 @@ h3 { margin-top: .6em; margin-bottom: .4em; }
 
#container #sidebar hr {
 
    width: 75%;
 
    float: center;
 
    clear: all;
 
}
 

	
 
/* Navbar Submenus (currently unused) */
 
#navbar li ul { display: none; border: 1px solid #444; }
 
#navbar li:hover ul { display: block; position: absolute; }
 
#navbar li ul li { float: none; }
 
#navbar li ul li a { border: 0px; margin: 0px; }
 

	
 
.shaded { background: #ffeab7; padding: .1em .5em; margin-bottom: .5em; }
 
.shaded { background: #F0FFB8; padding: .1em .5em; margin-bottom: .5em; }
 

	
 
.columns {
 
    width: 100%;
 
    overflow: hidden;
 
}
 

	
 
.column-small {
 
    width: 31%;
 
    padding-bottom: 32767px;
 
    margin-bottom: -32767px;
 
 }
 
.column-large {
0 comments (0 inline, 0 general)