summaryrefslogtreecommitdiff
path: root/css
diff options
context:
space:
mode:
Diffstat (limited to 'css')
-rw-r--r--css/styles.css247
1 files changed, 184 insertions, 63 deletions
diff --git a/css/styles.css b/css/styles.css
index 2f89a67..0c23636 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -39,15 +39,51 @@ img {
border: 0;
}
-/* ######################
+/* #########################
# global style properties
- ######################
+ #########################
*/
.bold {
font-weight: bold;
}
+/* ==============================
+ = Dotted Frame
+ ==============================
+*/
+
+.dotted {
+ border: 1px dotted #bbbbbb;
+ padding: 3px;
+ margin: 2px;
+ float: left;
+ background-color: #f3f3f3;
+}
+
+
+.title {
+ font-weight: bold;
+}
+
+.short {
+ font-weight: normal;
+}
+
+.more {
+ font-weight: bold;
+ cursor: pointer;
+}
+
+.withmargin {
+ margin: 5px;
+}
+
+.nomargin {
+ margin: 0px;
+}
+
+
/* ######################
# Tooltip style for hints
######################
@@ -160,8 +196,6 @@ div.menu form {
}
div.inhalt {
- height: 200px;
- width: 100%
overflow: auto;
padding: 10px;
}
@@ -190,11 +224,16 @@ div.pagemenu a {
font-weight: bold;
}
+div.pagemenu a:hover {
+ text-decoration: underline;
+}
+
div.pagemenu a.active {
text-decoration: none;
color: blue;
font-weight: bold;
}
+
div.pagemenu span {
text-decoration: none;
color: black;
@@ -292,6 +331,7 @@ div#infobox div.st_controls div#infobox_channel_buttons {
#######################
*/
+/* NOT USED
div.head_box_l {
background-image: url(bg_header_l.png);
background-position: top left;
@@ -300,14 +340,18 @@ div.head_box_l {
margin-bottom: 2ex;
padding: 0;
}
+*/
+/* NOT USED
div.head_box_m {
background-image: url(bg_header_h.png);
background-repeat: repeat-x;
margin: 3px;
padding: 0;
}
+*/
+/* NOT USED
div.head_box_r {
background-image: url(bg_header_r.png);
background-position: top right;
@@ -316,7 +360,9 @@ div.head_box_r {
padding: 0;
padding-left: 0.5em;
}
+*/
+/* NOT USED:
table.head_box_text {
color: #ffffff;
font-weight: bold;
@@ -324,7 +370,9 @@ table.head_box_text {
margin: 0;
height: 30px;
}
+*/
+/* NOT USED:
button.smallbutton {
width: 51px;
height: 17px;
@@ -338,6 +386,7 @@ button.smallbutton {
text-align: center;
cursor: pointer;
}
+*/
button.green {
width: 100px;
@@ -388,6 +437,32 @@ table td.buttonpanel {
text-align: right;
}
+table td.toprow {
+}
+
+table th.toprow {
+}
+
+table td.bottomrow {
+ border-bottom: 1px solid black;
+}
+
+table td.leftcol {
+ border-left: 1px solid black;
+}
+
+table td.rightcol {
+ border-right: 1px solid black;
+}
+
+table td.topaligned {
+ vertical-align: top;
+}
+
+table td.padded {
+ padding: 3px 7px 3px 3px;
+}
+
/* ################
# Event
################
@@ -426,7 +501,6 @@ div.station div div div {
margin-left: 3px;
padding-left: 5px;
padding-top: 2px;
- color: white;
font-weight: bold;
}
@@ -498,6 +572,7 @@ div.info {
div.progress {
overflow: hidden;
padding-right: 4px;
+ margin: 0px;
}
div.progress div {
@@ -505,22 +580,6 @@ div.progress div {
padding: 0px;
}
-div.title {
- font-weight: bold;
- margin: 5px;
-}
-
-div.short {
- font-weight: normal;
- margin: 5px;
-}
-
-div.more {
- margin: 5px;
- font-weight: bold;
- cursor: pointer;
-}
-
div.__progress {
overflow: hidden;
width: 100px;
@@ -535,11 +594,72 @@ div.__progress div.__elapsed {
}
+/* ##################################
+ # table listing
+ # (this is used in listing tables)
+ ##################################
+*/
+
+table.listing {
+ padding: 0px;
+ margin: 0px;
+}
+
+table.listing tr td {
+ background: url(bg_line.png) bottom repeat-x;
+ border-bottom: 1px solid #C0C1DA;
+}
+
+table.listing tr td.action {
+ padding-left: 3px;
+ padding-right: 5px;
+}
+
+table.listing tr td.leftcol {
+ padding-left: 7px;
+ padding-right: 5px;
+}
+
+table.listing tr td.current {
+ color: blue;
+}
+
+table.listing tr.head td {
+ color: white;
+ font-weight: bold;
+ margin: 0px;
+ padding: 0px;
+ border-bottom: 1px solid black;
+}
+
+table.listing tr.description td {
+ font-weight: bold;
+ background: #E9EFFF;
+}
+
+table.listing tr.spacer td {
+ height: 10px;
+ background: transparent;
+ border-top: 1px solid black;
+ border-bottom: 0px;
+}
+
+table.listing a {
+ text-decoration: none;
+ color: black;
+ font-weight: bold;
+}
+
+table.listing a:hover {
+ text-decoration: underline;
+}
+
+
/* #############
# Timers
#############
*/
-
+/* NOT USED
table.timers {
padding: 0;
margin: 0;
@@ -577,6 +697,10 @@ table.timers a {
font-weight: bold;
}
+table.timers a:hover {
+ text-decoration: underline;
+}
+*/
/*
##############################
@@ -584,6 +708,7 @@ table.timers a {
##############################
*/
+/* NOT USED:
table.schedule {
margin: 10px 0 0 0 ;
padding: 0;
@@ -620,6 +745,7 @@ table.schedule div.more {
font-weight: bold;
cursor: pointer;
}
+*/
/*
##############################
@@ -628,12 +754,13 @@ table.schedule div.more {
*/
div.boxheader {
- margin: 0;
- padding: 0;
+ margin: 0px;
+ padding: 0px;
background: url(bg_box_l.png) top left no-repeat;
}
div.boxheader div {
+ margin: 0px;
background: url(bg_box_r.png) top right no-repeat;
}
@@ -736,21 +863,6 @@ div.screenshot {
/*
##############################
- # Dotted Frame
- ##############################
-*/
-
-div.dotted {
- border: 1px dotted #bbbbbb;
- padding: 3px;
- margin: 2px;
- float: left;
- background-color: #f3f3f3;
-}
-
-
-/*
- ##############################
# Error widget
##############################
*/
@@ -782,42 +894,42 @@ table.error td.border {
/*
##############################
- # Edit Tables
+ # Formular Tables
+ # (are used in forms to group input elements)
##############################
*/
+/* 'formular' replaces 'edit' */
-table.edit {
+table.formular {
margin-top: 10px;
}
-table.edit tr td.head {
- background: white;
- color: white;
- font-weight: bold;
- margin: 0;
- padding: 0;
- border:none;
-}
-
-table.edit tr td {
+table.formular tr td {
vertical-align: top;
- padding: 6px 7px 6px 3px;
vertical-align: middle;
background: url(bg_line.png) bottom repeat-x;
border-bottom: 1px solid #C0C1DA;
}
-table.edit tr td.label {
- font-weight: bold;
- vertical-align: top;
+table.formular tr td.leftcol {
+ padding-left: 2px;
}
-table.edit tr.active {
- background: #DEE6EE;
+table.formular tr td.rightcol {
+ padding-right: 7px;
+}
+
+table.formular tr td.label {
+ font-weight: bold;
+ vertical-align: top;
}
-table.edit td.blank {
- background: none;
+table.formular tr.head td {
+ background: white;
+ color: white;
+ font-weight: bold;
+ margin: 0;
+ padding: 0;
border: none;
}
@@ -827,18 +939,16 @@ table.dependent {
}
table.dependent tr td {
- background: none;
+ background: transparent;
vertical-align: middle;
}
table.dependent tr td.title {
- background: none;
+ background: transparent;
vertical-align: top;
}
-
div.dependent {
- background-color: #DEE6EE;
margin-top: 10px;
padding: 6px 7px 6px 3px;
}
@@ -849,6 +959,7 @@ div.dependent {
##############################
*/
+/* NOT USED:
table.searchresults {
margin: 10px 0 0 0;
padding: 0;
@@ -893,6 +1004,12 @@ table.searchresults a {
color: black;
font-weight: bold;
}
+
+table.searchresults a:hover {
+ text-decoration: underline;
+}
+*/
+
/*
##############################
# Login
@@ -923,6 +1040,10 @@ div.about_box a {
font-weight: bold;
}
+div.about_box a:hover {
+ text-decoration: underline;
+}
+
div#aboutBox_tip {
width: 45%;
}