Sample library.css file: Difference between revisions
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
Here is the default library.css file: |
|||
/** |
|||
* Basic styles for ICDL library, accessible by old browsers like NN4 |
|||
body { |
|||
* Refer to with <link> clause in header so NN4 can see it |
|||
background: #fff; |
|||
* Author: Hilary Hutchinson |
|||
font-family: "DejaVu Sans", sans-serif; |
|||
**/ |
|||
margin: 0; |
|||
} |
|||
h1, h2, h3, h4, h5 { |
|||
/* styles for main elements */ |
|||
display: block; |
|||
BODY {background-color: #CCDDAA; |
|||
color: white; |
|||
font-family: "arial unicode ms", arial, helvetica, sans-serif; |
|||
font-weight: normal; |
|||
margin: -10px 0px 0px -10px; |
|||
padding: 5pt 5pt 6pt 10pt; |
|||
font-size: 100%} |
|||
margin-top: 0; |
|||
margin-bottom: 0; |
|||
border-bottom: 1px solid gray; |
|||
} |
|||
/*Books and Reference-------------------------------------------------------*/ |
|||
.books a.entry:hover { |
|||
TD,DIV,SPAN,P,A {font-family: "arial unicode ms", arial, helvetica, sans-serif} |
|||
background: #F2DBA2; |
|||
FORM {padding:0; border:0; margin:0} |
|||
text-decoration: none; |
|||
} |
|||
.books .metadata > .title { |
|||
/* link styles */ |
|||
color: #DE801A; |
|||
} |
|||
A:visited {color: #555555} |
|||
A:hover {color: #000000} |
|||
A:active {color: #000000} |
|||
.books a { |
|||
/* background colors for major elements */ |
|||
color: #DE801A; |
|||
text-decoration: none; |
|||
.headercolor {background-color: #99BB77} |
|||
} |
|||
.whitecolor {background-color: #FFFFFF} |
|||
.dividercolor {background-color: #CC6611} |
|||
.lightorangecolor {background-color: #EEBB88} |
|||
.lightbrowncolor {background-color: #CC9966} |
|||
.loginjoinbox {background-color: #EEBB88; border-top: 5px solid #cc6611; padding: 5px; margin-top: 10px} |
|||
.simpleresultsbox {background-color: white} |
|||
.bookshelfbox {background-color: white; border-top: 5px solid #996633} |
|||
.registerAdultSection {border-top: 2px solid #99bb77; padding: 5px; font-weight: bold; font-size: 120%} |
|||
.books a:hover { |
|||
/* layout for some major elements */ |
|||
text-decoration: underline; |
|||
.bookimg {text-align: center; white-space: nowrap} |
|||
} |
|||
.divider {height: 5px; font-size: 2%; width: 100%; text-align: center} |
|||
.maincontentleft {float: left; text-align: left; padding: 10px} |
|||
.maincontentright {float: right; text-align: right; padding: 10px} |
|||
.books h1, .books h2, .books h3, .books h4, .books h5 { |
|||
/* styles for links with no underline or hilite */ |
|||
background: #F78F1E; |
|||
.nolinkdec {color:black; text-decoration: none;} |
|||
} |
|||
A.nolinkdec:link {color:black; text-decoration: none;} |
|||
A.nolinkdec:active {color:black; text-decoration: none;} |
|||
/*Sience and Math-----------------------------------------------------------*/ |
|||
A.nolinkdec:visited {color:black; text-decoration: none;} |
|||
A.nolinkdec:hover {color:black; text-decoration: none;} |
|||
.science a.entry:hover { |
|||
background: #C0EF92; |
|||
text-decoration: none; |
|||
} |
|||
.science .metadata > .title { |
|||
color: #569736; |
|||
} |
|||
.science a { |
|||
color: #569736; |
|||
text-decoration: none; |
|||
} |
|||
.science a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
.science h1, .science h2, .science h3, .science h4, .science h5 { |
|||
background: #6EBE46; |
|||
} |
|||
/*Images and Maps-----------------------------------------------------------*/ |
|||
.images a.entry:hover { |
|||
background: #CAE1E8; |
|||
text-decoration: none; |
|||
} |
|||
.images .metadata > .title { |
|||
color: #0092CF; |
|||
} |
|||
.images a { |
|||
color: #0092CF; |
|||
text-decoration: none; |
|||
} |
|||
.images a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
.images h1, .images h2, .images h3, .images h4, .images h5 { |
|||
background: #0092CF; |
|||
} |
|||
/*Music and Video-----------------------------------------------------------*/ |
|||
.music a.entry:hover { |
|||
background: #F4BED2; |
|||
text-decoration: none; |
|||
} |
|||
.music .metadata > .title { |
|||
color: #E20177; |
|||
} |
|||
.music a { |
|||
color: #E20177; |
|||
text-decoration: none; |
|||
} |
|||
.music a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
.music h1, .music h2, .music h3, .music h4, .music h5 { |
|||
background: #E20177; |
|||
} |
|||
/*Activities and Games------------------------------------------------------*/ |
|||
.activities a.entry:hover { |
|||
background: #DDBADD; |
|||
text-decoration: none; |
|||
} |
|||
.activities .metadata > .title { |
|||
color: #670065; |
|||
} |
|||
.activities a { |
|||
color: #670065; |
|||
text-decoration: none; |
|||
} |
|||
.activities a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
.activities h1, .activities h2, .activities h3, .activities h4, .activities h5 { |
|||
background: #670065; |
|||
} |
|||
/*Web Links-----------------------------------------------------------------*/ |
|||
.links a.entry:hover { |
|||
background: #F2C8B3; |
|||
text-decoration: none; |
|||
} |
|||
.links .metadata > .title { |
|||
color: #D03000; |
|||
} |
|||
.links a { |
|||
color: #D03000; |
|||
text-decoration: none; |
|||
} |
|||
.links a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
.links h1, .links h2, .links h3, .links h4, .links h5 { |
|||
background: #D03000; |
|||
} |
|||
/*Uniwiki-------------------------------------------------------------------*/ |
|||
.uniwiki a.entry:hover { |
|||
background: #F2DBA2; |
|||
text-decoration: none; |
|||
} |
|||
.uniwiki .metadata > .title { |
|||
color: #F78F1E; |
|||
} |
|||
.uniwiki a { |
|||
color: #F78F1E; |
|||
text-decoration: none; |
|||
} |
|||
.uniwiki a:hover { |
|||
text-decoration: underline; |
|||
} |
|||
.uniwiki h1, .uniwiki h2, .uniwiki h3, .uniwiki h4, .uniwiki h5 { |
|||
background: #F78F1E; |
|||
} |
|||
/*Color Chart----------------------------------------------------------------- |
|||
subject primary secondary tertiary |
|||
books #F78F1E #F2DBA2 #DE801A |
|||
science #6EBE46 #C0EF92 #569736 |
|||
images #0092CF #CAE1E8 #000000 |
|||
music #E20177 #F4BED2 #000000 |
|||
activities #670065 #DDBADD #000000 |
|||
links #D03000 #F2C8B3 #000000 |
|||
uniwiki #F78F1E #F2DBA2 #000000 |
|||
*/ |
|||
Revision as of 16:33, 16 July 2007
Here is the default library.css file:
body {
background: #fff; font-family: "DejaVu Sans", sans-serif; margin: 0;
}
h1, h2, h3, h4, h5 {
display: block; color: white; font-weight: normal; padding: 5pt 5pt 6pt 10pt; margin-top: 0; margin-bottom: 0;
border-bottom: 1px solid gray; }
/*Books and Reference-------------------------------------------------------*/
.books a.entry:hover {
background: #F2DBA2; text-decoration: none;
}
.books .metadata > .title {
color: #DE801A;
}
.books a {
color: #DE801A; text-decoration: none;
}
.books a:hover {
text-decoration: underline;
}
.books h1, .books h2, .books h3, .books h4, .books h5 {
background: #F78F1E;
}
/*Sience and Math-----------------------------------------------------------*/
.science a.entry:hover {
background: #C0EF92; text-decoration: none;
}
.science .metadata > .title {
color: #569736;
}
.science a {
color: #569736; text-decoration: none;
}
.science a:hover {
text-decoration: underline;
}
.science h1, .science h2, .science h3, .science h4, .science h5 {
background: #6EBE46;
}
/*Images and Maps-----------------------------------------------------------*/
.images a.entry:hover {
background: #CAE1E8; text-decoration: none;
}
.images .metadata > .title {
color: #0092CF;
}
.images a {
color: #0092CF; text-decoration: none;
}
.images a:hover {
text-decoration: underline;
}
.images h1, .images h2, .images h3, .images h4, .images h5 {
background: #0092CF;
}
/*Music and Video-----------------------------------------------------------*/
.music a.entry:hover {
background: #F4BED2; text-decoration: none;
}
.music .metadata > .title {
color: #E20177;
}
.music a {
color: #E20177; text-decoration: none;
}
.music a:hover {
text-decoration: underline;
}
.music h1, .music h2, .music h3, .music h4, .music h5 {
background: #E20177;
}
/*Activities and Games------------------------------------------------------*/
.activities a.entry:hover {
background: #DDBADD; text-decoration: none;
}
.activities .metadata > .title {
color: #670065;
}
.activities a {
color: #670065; text-decoration: none;
}
.activities a:hover {
text-decoration: underline;
}
.activities h1, .activities h2, .activities h3, .activities h4, .activities h5 {
background: #670065;
}
/*Web Links-----------------------------------------------------------------*/
.links a.entry:hover {
background: #F2C8B3; text-decoration: none;
}
.links .metadata > .title {
color: #D03000;
}
.links a {
color: #D03000; text-decoration: none;
}
.links a:hover {
text-decoration: underline;
}
.links h1, .links h2, .links h3, .links h4, .links h5 {
background: #D03000;
}
/*Uniwiki-------------------------------------------------------------------*/
.uniwiki a.entry:hover {
background: #F2DBA2; text-decoration: none;
}
.uniwiki .metadata > .title {
color: #F78F1E;
}
.uniwiki a { color: #F78F1E; text-decoration: none; }
.uniwiki a:hover { text-decoration: underline; }
.uniwiki h1, .uniwiki h2, .uniwiki h3, .uniwiki h4, .uniwiki h5 { background: #F78F1E; }
/*Color Chart-----------------------------------------------------------------
subject primary secondary tertiary
books #F78F1E #F2DBA2 #DE801A science #6EBE46 #C0EF92 #569736 images #0092CF #CAE1E8 #000000 music #E20177 #F4BED2 #000000 activities #670065 #DDBADD #000000 links #D03000 #F2C8B3 #000000 uniwiki #F78F1E #F2DBA2 #000000
- /