forrest-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From Nicola Ken Barozzi <nicola...@apache.org>
Subject Re: Forrest customization
Date Sun, 28 Dec 2003 16:09:25 GMT
Ross Gardler wrote:

> Nicola Ken Barozzi wrote:
...
>> What I'm trying to say is that it's not easy to do this.
> 
> I'm having difficulty understanding how colour can be separated out in a 
> single sninconf.xml file but not in a single css, but...

Here is the color-customization csses of krysalis-site and tigris-style.
Wanna join them? I don't. Especially when I don't want to change the 
names of the tigris styles as they keep updating it. Futhermore, when we 
will have another skin taken from another site, will we have to change 
the names to conform to our color schemes? Too restrictive IMHO.

In any case, I'm doing it now, we'll see if it's ok or not soon :-)

Krysalis-site
=============

/* ==================== main block colors ============================ */

  body           { background-color: #FFFFFF;  color:#000000;}
.header         { background-color: #FFFFFF;}
.border         { background-color: #a5b6c6;}
.subborder      { background-color: #CFDCED;}
.dialog         { background-color: #F7F7F7;}
.footer         { background-color: #a5b6c6;}
.tab.selected   { background-color: #a5b6c6;}
.tab.unselected { background-color: #F7F7F7;}

/* ==================== main text colors ============================ */

a:link    { color: #0F3660; }
a:visited { color: #000044; }
a:active  { color: #800000; }
a:hover   { border: 0px solid #a5b6c6; background: #CFDCED; }
.menu .menupagetitle     { background-color:#CFDCED; border-color: #a5b6c6;}
.menu .menupageitemgroup { background-color:#FFFFFF; border-color: #a5b6c6;}
.menu                    { border-color: #a5b6c6;}
.menu a         { color: #000000; }
.menu a:visited { color: #000000; }
.menu a:active  { color: #000000;  }
.menu a:hover   { color: #000000;  }

/* ==================== other colors ============================ */

.highlight { background-color: yellow;  }
.datenote  { color: #F7F7F7;}
table .title { background-color: #FFFFFF; }
.content .ForrestTable         { color: #ffffff; background-color: #7099C5;}
.content .ForrestTable caption { color: black; }
.content .ForrestTable td      { color: black;   background-color: 
#f0f0ff; }
.fixme { border-color: #c60;}
.note  { border-color: #069;}
.code  { border-color: #CFDCED;}
.dtdTag { color: #990000; }


Tigris-style
==============

* colors, backgrounds, borders, link indication */
#cn {
	background-image: url(../images/corporate_logo.gif);
	display: block;
	height: 17px;
	width: 138px;
}

#poweredby {
	background-image: url(../images/poweredby_036.gif);
	display: block;
	height: 38px;
	width: 102px;
}

#sc {
	background-image: url(../images/product_logo.gif);
	display: block;
	height: 25px;
	width: 138px;
}

#toptabs td, #toptabs th {
	background-image: url(../images/nw_min_036.gif);
}

.app h3, #banner, #banner td, #toptabs {
	background-color: #036;
	color: #fff;
}

body #banner td a, .app h3 a, .app h4 a {
	color: #fff !important;
}

#banner {
	border-top: 1px solid #369;
}

#mytools .label, #projecttools .label, #admintools .label, 
#communitytools .label {
	background-color: #ddd;
	border: none;
}

#mytools .body, #projecttools .body, #admintools .body, #communitytools 
.body {
	background-color: #fff;
	border-right: none;
	border-bottom: none;
	border-top: 1px solid #999;
}

#mytools, #projecttools, #admintools, #communitytools {
	background-color: #ddd;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}

#helptext {
	background-color: #ffc;
}

#helptext .label {
	border-bottom: 1px solid #996;
	border-right: 1px solid #996;
	background-color: #cc9;
}

#helptext .body {
	border-bottom: 1px solid #cc9;
	border-right: 1px solid #cc9;
}

#topmodule {
	background-color: #ddd;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
}

#topmodule #issueid {
	border-right: 1px solid #aaa;
}

#login a:link, #login a:visited {
	color: white;
	text-decoration: underline;
}

#banner a:active, #banner a:hover {
	color: #f90 !important;
}

#toptabs td {
	border-bottom: 1px solid #666;
	border-right: 1px solid #333;
	border-left: 1px solid #036;
}

#toptabs th {
	border-left: 1px solid #036;
}

/* font and text properties, exclusive of link indication, alignment, 
text-indent */
#bodycol h2 {
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
}

/* box properties (exclusive of borders), positioning, alignments, list 
types, text-indent */
#toptabs {
	margin: 0;
	padding-top: .67em;
	padding-left: 8px;
}

#topmodule {
	margin: -4px -4px 0 -4px;
}

#topmodule td {
	vertical-align: middle;
	padding: 2px 8px;
}

#navcolumn {
	margin-right: -4px;
}

#mytools .body, #projecttools .body, #admintools .body, #communitytools 
.body {
	padding-top: .33em;
}

#mytools, #projecttools, #admintools, #communitytools {
	padding: 0 6px 6px 6px;
	margin: -4px 0 6px -4px;
}

#mytools .label, #projecttools .label, #admintools .label, 
#communitytools .label {
	padding-left: 2px;
}


-- 
Nicola Ken Barozzi                   nicolaken@apache.org
             - verba volant, scripta manent -
    (discussions get forgotten, just code remains)
---------------------------------------------------------------------


Mime
View raw message