You are viewing a plain text version of this content. The canonical link for it is here.
Posted to dev@forrest.apache.org by ni...@apache.org on 2003/12/30 01:02:56 UTC
cvs commit: xml-forrest/src/core/context/skins/krysalis-site/css page.css.xslt
nicolaken 2003/12/29 16:02:56
Added: src/core/context/skins/krysalis-site/css page.css.xslt
Log:
Start making the krysalis skin css be generated via xslt.
Will be adding color profiles later.
Revision Changes Path
1.1 xml-forrest/src/core/context/skins/krysalis-site/css/page.css.xslt
Index: page.css.xslt
===================================================================
<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method = "text" omit-xml-declaration="yes" />
<xsl:template match="skinconfig">
<!-- insert CSS here -->
/* $Id: page.css.xslt,v 1.1 2003/12/30 00:02:56 nicolaken Exp $
<xsl:value-of select="group-logo"/>
*/
/* ==================== html tags ============================ */
body { margin: 0px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif; }
h1 { font-size : 160%; margin: 0px 0px 0px 0px; padding: 0px; }
h2 { font-size : 140%; margin: 10px 0px 0px 0px; padding: 0px; font-weight : bold;}
h3 { font-size : 130%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold; }
h4 { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
h4.faq { font-size : 120%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold; text-align: left; }
h5 { font-size : 100%; margin: 14px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left; }
input { font-size : 100% }
submit { font-size : 100% }
button { font-size : 100% }
textarea { font-size : 100% }
p { margin: 10px 0px 0px 0px; }
img { border: 0; margin-top: 5px; margin-bottom: 5px; }
table .title { width:100%; border: 0px; }
/* ==================== general class modifiers ============================ */
.content { padding: 5px 5px 5px 10px; font : small Verdana, Helvetica, sans-serif; font-size : 80%; }
.content .ForrestTable { width: 100%; font-size : 100%;}
.content .ForrestTable caption { text-align: left; font-weight: bold; }
.content .ForrestTable th { text-align: center; }
.dida { font-size: 80%; }
.pre { white-space: pre;}
.textheader { display: none; }
.headerlogo { padding: 0px 2px 2px 0px; }
.skin { border: 0; margin: 0px;}
.figure { border: 0; vertical-align: top ; margin-top: 10px; margin-bottom: 10px; }
.codefrag { font-family: "Courier New", Courier, monospace; font-size : 120%;}
.minitoc { list-style-image: url('images/current.gif'); font-weight : normal;}
.search { font-size : 70%; }
.datenote { font-size : 60%; text-align: right; height: 10px;}
.dtdTag { text-transform : uppercase; font-style : normal; font-size : 120%; font-weight : bold; }
.code { border-style: solid; border-width: 1px; font-size : 120%; padding: 1em 1.33em 1em 1.33em;}
.label { font-weight: bold; }
/* ==================== menu ============================ */
.menu a { font-weight: normal;}
.menu a:visited { font-weight: normal; }
.menu a:active { font-weight: normal; }
.menu a:hover { font-weight: normal; }
.menu {
padding: 8px 8px 8px 8px;
margin: 0px;
font-size : 70%;
border-style: solid;
border-width: 1px;
}
.menutitle {
cursor:pointer;
padding: 0px 3px 5px 10px;
background-image: url('images/chapter.gif');
background-repeat: no-repeat;
background-position: center left;
font-weight : bold;}
.menu .menuitemgroup {
margin: 0px 0px 6px 8px;
padding: 0px;
font-weight : bold; }
.menu .selectedmenuitemgroup{
margin: 0px 0px 6px 8px;
padding: 0px;
font-weight : bold; }
.menu .menuitem {
padding: 0px 0px 2px 10px;
background-image: url('images/page.gif');
background-repeat: no-repeat;
background-position: center left;
font-weight : normal; }
.menu .menupage {
padding: 4px 3px 5px 10px;
background-image: url('images/current.gif');
background-repeat: no-repeat;
background-position: top left;
font-style : normal;}
.menu .menupagetitle {
padding: 0px 0px 0px 6px;
font-style : normal;
border-style: solid;
border-width: 1px;}
.menu .menupageitemgroup {
padding: 3px 0px 4px 6px;
font-style : normal;
border-style: solid;
border-width: 1px;}
.menu .menupageitem {
font-style : normal;
font-weight : normal;
border-width: 0px;
font-size : 90%;}
.tab { font-size : 85%;
border: 0 ;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-spacing: 0 0;
vertical-align: middle;
height:20px;
}
.level2tab {
font-size : 85%;
border: 0 ;
margin: 0 0 0 0;
padding: 0 0 0 0;
border-spacing: 0 0;
vertical-align: middle;
height:25px;
}
.tabstrip {
vertical-align: bottom;
}
.tabstripSeparator {
vertical-align: bottom;
height:4px;
background-color: #a5b6c6;
}
/* ==================== tabs ============================ */
.tab.separator { width:6px; }
.level2tab.separator { padding-left: 4px; padding-right: 4px;}
.tab.pre-separator { width:9px;}
.tab.selected { font-weight: bold;}
.tab.unselected { background-color: #F7F7F7;}
.level2tab.selected {}
.level2tab.unselected {}
.level2tab.separator {}
.level2tab { font-size : 80%; font-weight: normal; height: 10px;}
.tab a:link { font-weight: normal;}
.tab a:visited { font-weight: normal; }
.tab a:active { font-weight: normal; }
.tab a:hover { font-weight: normal; }
.tab.selected a:link { font-weight: bold;}
.tab.selected a:visited { font-weight: bold; }
.tab.selected a:active { font-weight: bold; }
.tab.selected a:hover { font-weight: bold; }
/* ==================== snail trail ============================ */
.trail { font-size: 70%; }
.trail a:link { font-weight: normal;}
.trail a:visited { font-weight: normal; }
.trail a:active { font-weight: normal; }
.trail a:hover { font-weight: normal; }
/* ==================== special forrest items ============================ */
.note, .warning, .fixme {
border-top: 3px solid #900;
border-bottom: 3px solid #900;
background-repeat: no-repeat;
background-position: 0 1.33em;
margin: 1.33em 0;
padding: .33em 0 .67em 36px;
min-height: 32px;
}
.fixme { background-image: url(images/warning.png);}
.note { background-image: url(images/info.png); }
.warning { background-image: url(images/error.png); }
/* ==================== visual class modifiers ============================ */
.leftpagemargin { width: 8px ; }
.spacer { height:1px; }
.smallerfont {
font-size : 100%;
padding: 0px 0px 0px 0px; }
.biggerfont {
font-size : 100%;
font-weight : bold;
padding: 0px 0px 0px 0px; }
.resetfont {
font-size : 100%;
font-weight : normal;
padding: 0px 0px 0px 0px; }
.footer { border:0;
width: 100%;
font-size : 70%; }
.top-left {
background-image: url(images/top-left.png);
background-repeat: no-repeat;
background-position: top left;
width : 5px;
height : 5px;
}
.top-right {
background-image: url(images/top-right.png);
background-repeat: no-repeat;
background-position: top right;
width : 5px;
height : 5px;
}
.bottom-left {
background-image: url(images/bottom-left.png);
background-repeat: no-repeat;
background-position: bottom left;
width : 5px;
height : 5px;
}
.bottom-right {
background-image: url(images/bottom-right.png);
background-repeat: no-repeat;
background-position: bottom right;
width : 5px;
height : 5px;
}
.bottom-left-thick {
background-image: url(images/bottom-left.png);
background-repeat: no-repeat;
background-position: bottom left;
width : 5px;
height : 9px;
}
.bottom-right-thick {
background-image: url(images/bottom-right.png);
background-repeat: no-repeat;
background-position: bottom right;
width : 5px;
height : 9px;
}
/* ==================== 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;}
.level2tab.selected {}
.level2tab.unselected {}
.level2tab.separator {}
/* ==================== 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; }
/* ==================== original Forrest colors ============================ */
/*
body { background-color: #FFFFFF; color:#000000;}
.header { background-color: #294563;}
.border { background-color: #4a6d8c;}
.subborder { background-color: #cedfef;}
.dialog { background-color: #4a6d8c;}
.footer { background-color: #cedfef;}
.tab.selected { background-color: #4a6d8c;}
.tab.unselected { background-color: #b5c7e7;}
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: #4a6d8c;}
.menu .menupageitemgroup { background-color:#FFFFFF; border-color: #4a6d8c;}
.menu { border-color: #4a6d8c;}
.menu a { color: #ffffff; }
.menu a:visited { color: #ffffff; }
.menu a:active { color: #ffffff; }
.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; }
/* ==================== print ============================ */
@media print {
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid }
blockquote, pre { page-break-inside: avoid }
ul, ol, dl { page-break-before: avoid }
.headerlogo { display: none; }
.textheader { display: block; font-size : 70%; }
.menu { display: none; }
.dida { display: none; }
.minitoc { display: none; }
.search { display: none; }
.datenote { display: none; }
.tab { display: none; }
.trail { display: none; }
.top-left { display: none; }
.top-right { display: none; }
.top-left-tab { display: none; }
.top-right-tab { display: none; }
.bottom-left { display: none; }
.bottom-right { display: none; }
.bottom-left-thick { display: none; }
.bottom-right-thick { display: none; }
}
/* ==================== aural ============================ */
@media aural {
h1, h2, h3, h4, h5, h6 { voice-family: paul, male; stress: 20; richness: 90 }
h1 { pitch: x-low; pitch-range: 90 }
h2 { pitch: x-low; pitch-range: 80 }
h3 { pitch: low; pitch-range: 70 }
h4 { pitch: medium; pitch-range: 60 }
h5 { pitch: medium; pitch-range: 50 }
h6 { pitch: medium; pitch-range: 40 }
li, dt, dd { pitch: medium; richness: 60 }
dt { stress: 80 }
pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
em { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
strong { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
dfn { pitch: high; pitch-range: 60; stress: 60 }
s, strike { richness: 0 }
i { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
b { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
u { richness: 0 }
:link { voice-family: harry, male }
:visited { voice-family: betty, female }
:active { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}
<!-- end CSS here -->
</xsl:template>
<xsl:template match="*"></xsl:template>
<xsl:template match="text()"></xsl:template>
</xsl:stylesheet>