/*
Notes:
- There is still a bug in IE MAC with margin bottoms of
divs that contain floating elements. They seem to add
up with every div, until e.g. the text besides an
image that floats right is offset downwards.
*/
/* */
/* tags */
/* */
BODY,DIV,TD,TH,UL {
font-family: verdana,arial,helvetica,sans-serif;
font-size: 11px;
color: #555;
}
BODY { margin-left: 24px; margin-top: 0px; padding: 0px; background-color: #ffffff; }
A { font-weight: normal; text-decoration: none; color: #000; }
A:hover { text-decoration: underline; color: #000; }
A.anchor { position: relative; top: -10px; }
B, STRONG { color: #555; }
/* */
/* main layout classes */
/* */
DIV.cont { position: absolute; left: 240px; top: 50px; width: 400px; }
DIV.logo { position: absolute; left: 20px; top: 82px; }
/* sidebar and sidebar-boxes */
DIV.sbMenu {
position: absolute;
left: 0px;
top: 0px;
width: 180px;
padding: 163px 20px 30px 20px;
background-color: White;
border-right: 1px solid #ddd;
}
DIV.sbMenu A,
DIV.sbMenu SPAN {
display: block;
border-top: 1px solid #eee;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 3px 2px 4px 5px;
color: #444;
}
DIV.sbMenu A:hover {
color: #666;
text-decoration: none;
border-left: 1px solid black;
border-right: 1px solid black;
}
DIV.sbMenu A.active { font-weight: bold; }
DIV.sbMenu .logo { margin: 130px 0px 30px 0px; }
DIV.sbMenu .imprint {
margin-top: 150px;
padding: 3px 2px 4px 5px;
color: #bbb;
border-top: 1px solid #eee;
}
/* */
/* module classes used in several modules */
/* */
/* the topmost box used for path and utilities */
DIV.elementFunc { margin-bottom: 30px; }
/* a box directly below the tabline for additional functions */
DIV.tabFunc {
padding: 2px 4px 3px 0px;
border-bottom: 1px solid #D7D7D7;
font-size: 10px;
}
/* links to be right-aligned */
DIV.tabFunc SPAN { float: right; }
/* a margin-box below tabline or tabFunc. There was no other way to get */
/* this to work in all browsers. Use "height" to define the margin! */
DIV.tabMargin { height: 12px; }
/* common content classes for modules */
.headline { padding-bottom: 3px; font-weight: bold; } /* class is used for DIV and A */
.text { line-height: 140%; }
.clear { height: 1px; clear: both; } /* bottom end for floating boxes in modules */
/* image box with border */
.images {
float: right;
width: 120px;
margin: 2px 0px 3px 10px;
padding: 0px 5px 3px 5px;
border: 1px solid #ddd;
background-color: #FCFCFC;
}
.images IMG { margin: 6px 0px 1px 0px; }
/* single image */
.image { width: 390px; padding: 5px 5px 3px 5px; border: 1px solid #D7D7D7; background-color: #F5F5F5; }
.image IMG { margin-bottom: 1px; }
/* tables within modules
this defines alternating grey lines for modules that use tables for lists.
As border for TR did not work for me we define two classes "left" and "right"
that can be added to the first and last column of the table by defining two
classes for the TD like this: | or |
Works in all browsers I've tested. See also:
http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/full/flat/css3-modsel-14.html
Defining table column widths:
To define widths for a table make n classes cX where X=0,1,2,3... and give
them the desired widths. Add these classes to the TH tags in the table only!
Bare in mind that widths are: [total width - padding - border]. While the
padding is the same for all THs only the left- and rightmost THs have a
border of 1, all other THs dont! Also: you may leave one column without width
definition as the total width for the table is fixed, so this col is flexible.
*/
DIV.mdTable TABLE { width: 400px; margin-top: 8px; }
DIV.mdTable TH {
padding: 2px;
text-align: left;
vertical-align: bottom;
border-bottom: 1px solid #D7D7D7;
border-top: 1px solid #D7D7D7;
background-color: #FCFCFC;
}
DIV.mdTable .left { border-left: 1px solid #D7D7D7; }
DIV.mdTable .right { border-right: 1px solid #D7D7D7; }
DIV.mdTable TD { padding: 2px 3px; vertical-align: top; border-bottom: 1px solid #ddd; }
/* specific module classes */
/* standard content modules */
DIV.module { margin-bottom: 20px; }
DIV.pages { padding-top: 10px; margin-bottom: 30px; border-top: 1px solid #8DA3AE; }
/* imgTop */
IMG.imgTop { display: block; margin-bottom: 8px; }
/* subNode */
DIV.subNode DIV.headline { padding-bottom: 0px; } /* any padding in a div with a floating image confuses IE MAC */
DIV.subNode DIV.big { margin-bottom: 10px; }
DIV.subNode DIV.headline IMG { position: relative; top: 2px; float: left; margin: 2px 10px 10px 0px; }
DIV.subNode DIV.text { padding-bottom: 10px; line-height: normal; }
/* mdArtistsList */
DIV.artList DIV.box {
float: left;
width: 80px;
margin-right: 20px;
margin-bottom: 25px;
}
/* files */
DIV.files DIV.tabLine { margin-bottom: 0px; /* resetting the margin that is set for all tabLines */ }
DIV.files DIV.mdTable .c2 { width: 170px; }
DIV.files DIV.mdTable .c3 { width: 70px; }
/* news */
DIV.news DIV.newsHl IMG { position: relative; top: 2px; float: right; margin: 2px 0px 0px 10px; }
DIV.news DIV.text { line-height: normal; }
DIV.news DIV.clear {
margin-bottom: 7px;
}
/* */
/* styles for use in user defined texts */
/* */
/* style for user-defined tables within the content */
DIV.text TABLE {
margin: 0px;
padding: 0px;
position: relative;
top: 0px;
}
DIV.text TD {
vertical-align: top;
padding-right: 4px;
}
/* headers */
H1,H2,H3,H4 { font-weight: bold; color: #444; }
H1 { font-size: 13px; margin-top: 7px; margin-bottom: 3px; }
H2,H3,H4,H5 { font-size: 11px; margin-top: 7px; margin-bottom: 3px; }
H1.nodeDesc { margin-top: 0px; font-size: 20px; font-weight: normal; color: #F50707; }
|