]> git.etc.gen.nz Git - spong.git/commitdiff
The style sheet that Michael wrote for the XHTML modifications.
authorMichael Arndt <michael@scriptkiller.de>
Thu, 27 Dec 2007 18:15:59 +0000 (07:15 +1300)
committerAndrew Ruthven <andrew@etc.gen.nz>
Thu, 27 Dec 2007 18:15:59 +0000 (07:15 +1300)
www/docs/style.css

index 9899e4dc45bfbb550504d1628dd2aabeb9f6101f..d6bbbf9cb601bbb5847529536737b514d44c9557 100644 (file)
@@ -1,9 +1,631 @@
-# Remove the unsightly borders around the images.
+body {
+       font-family: sans-serif;
+       font-size: 10px;
+       background-color:#dee5ff;
+}
+
+td {
+       font-size:11px;
+}
+
 img {
-  border: 0px none;
+ border:0px;
+}
+
+th {
+       font-size:11px;
+       background-color:#f1f1f1;
+}
+
+table.nospacing {
+       border-width:0px;
+       /* cellspacing=0, cellpadding=0 */
+}
+
+body#title {
+       border-width:1px;
+       border-style:solid;
+}
+
+hr {
+
+       border-color:#001e8c;
+       border-width:1px 0px 0px 0px; /* top / right / bottom / left */
+       border-style:solid; /* no shadow */
+       /* border-collapse:collapse; */
+
+}
+
+a {
+       color:#475db1;
+       text-decoration:none;
+       font-weight:bold;
+}
+
+a:link {
+}
+
+a:active {
+}
+
+a:visited {
+}
+
+a:hover {
+/*
+       background-color:white;
+       text-decoration:underline;
+*/
+       color:#5347b1;
+}
+
+
+h1 {
+       font-size:210%;
+       font-weight:bold;
+       margin-bottom:0px;
+       margin-top:0px;
+}
+
+h2 {
+       font-size:150%;
+       font-weight: bold;
+       color:#001e8c;
+}
+
+h3 {
+       font-size:110%;
+       color:#001e8c;
+       font-weight:bold;
+}
+
+
+td.spong_ack_help {
+
+       vertical-align:top;
+       text-align:left;
+
+}
+
+td.spong_ack_help_left {
+
+       vertical-align:top;
+       text-align:left;
+       font-weight:bold;
+       padding:5px;
+
+}
+
+/* used in www-spong-ack, config-module and more */
+.small_help_text {
+       font-size: 90%;
+}
+
+.form_property {
+       font-weight:bold;
+       color:#030303;
+}
+
+
+
+/* used in www-spong, www-spong-ack */
+/* "Error: " */
+.error {
+       color:red;
+       font-weight:bold;
+}
+
+/* The error-text after "ERROR" */
+.error_text {
+       color:red;
+}
+
+/* used in www-spong */
+.okay_text {
+       color:green;
+}
+
+
+/* HostList.pm */
+
+table.spong_host {
+
+       border-collapse:collapse;
+       border-width:2px;
+       border-style:solid;
+/*     table-layout:fixed; */
+
+/*     spacing:0px;
+       padding:1px;*/
+}
+
+
+th.spong_host {
+       text-align:center;
+       width:180px;
+       font-weight:bold;
+
+       border-width:1px;
+       border-style:solid;
+       background-color:#b0c1ff;
+
+}
+
+td.spong_host {
+       text-align:left;
+
+       border-width:1px;
+       border-style:solid;
+
+
+}
+
+/* used when format is set to "names-only" */
+
+table.spong_host_names_only {
+
+       width:100%;
+       border-collapse:collapse;
+       border-width:0px;
+       border-style:solid;
+}
+
+td.spong_host_names_only {
+       font-size:11px;
+       text-align:left;
+       width:180px;
+       font-weight:bold;
+
+       border-width:1px;
+       border-style:solid;
+
+}
+
+
+th.spong_host_service {
+       text-align:center;
+       vertical-align:bottom;
+
+       border-width:1px;
+       border-style:solid;
+
+       width:25px;
+
+       background-color:transparent;
+
 }
 
-# Keep the status icons nicely centered.
 td.spong_host_service {
-  text-align: center;
+       text-align:center;
+       vertical-align:bottom;
+
+       border-width:1px;
+       border-style:solid;
+
+       background-color:#b0c1ff;
+
+}
+
+
+
+table.spong_host_problems {
+       /* border=0 cellspacing=0 cellpadding=0 */
+}
+
+td.spong_host_problems {
+
+       background-color:white;
+       font-weight:bold;
+
+}
+
+a.spong_host_problem_host {
+       font-weight:bold;
+}
+
+
+/* HostGroups.pm */
+
+.spong_hostgroups_problems_groupname {
+
+  font-weight:bold;
+  font-size:110%;
+  color:#001e8c;;
+}
+
+hr.spong_hostgroups_problems {
+/* align:left; geht net .. */
+ width:35%;
+}
+
+table.spong_hostgroups {
+
+  border-collapse:collapse;
+  border-width:2px;
+  border-style:solid;
+
+  
+  /*
+       border:1;
+       cellspacing:0;
+       cellpadding:1;
+       background-color:white;
+*/
+
+}
+
+tr.spong_hostgroups {
+  
+}
+
+
+th.spong_hostgroups_left {
+  text-align:center;
+  width:80px;
+  font-weight:bold;
+
+  
+  border-width:1px;
+  border-style:solid;
+
+
+}
+
+th.spong_hostgroups_service {
+  text-align:center;
+  vertical-align:bottom;
+  width:30px;
+
+
+  border-width:1px;
+  border-style:solid;
+
+
+}
+
+
+td.spong_hostgroups_left {
+  text-align:left;
+
+
+  border-width:1px;
+  border-style:solid;
+
+
+}
+
+td.spong_hostgroups_service {
+  text-align:center;
+  background-color:#cccccc;
+
+
+  border-width:1px;
+  border-style:solid;
+
+
+}
+
+
+td.spong_hostgroups {
+       text-align:center;
+       background-color:#cccccc;
+       color:black;
+/*     cell-width:25px; */
+
+}
+
+th.spong_hostgroups {
+       text-align:left;
+       background-color:white;
+}
+
+.spong_hostgroups_no_problems {
+ color:green;
+ font-weight:bold;
+}
+
+.spong_hostgroups_outdated {
+ color:purple;
+ font-size:90%;
+}
+
+
+td.spong_background_red {
+  background-color:red;
+}
+
+td.spong_background_green {
+  background-color:green;
+}
+
+td.spong_background_purple {
+  background-color:purple;
+}
+
+td.spong_background_yellow {
+  background-color:yellow;
+}
+
+
+.spong_text_red {
+  color:red;
+}
+
+.spong_text_green {
+  color:green;
+}
+.spong_text_purple {
+  color:purple;
+}
+
+.spong_text_yellow {
+  color:yellow;
+}
+
+
+
+/* Host.pm */
+.spong_host_hostname {
+       /* same style as .subpage_header */
+       font-size: 200%;
+       font-weight: bold;
+       color:#b0c1ff;
+}
+
+table.spong_host_colorbar {
+
+  /* width=100% cellspacing=0 cellpadding=0 border=0 */
+ width:100%;
+
+}
+
+tr.spong_host_colorbar {
+}
+
+
+hr.spong_host_sub {
+ width:100%;
+}
+
+.spong_host_sub {
+
+  /* like subpage_subheader! */
+
+       color: rgb(145,145,145);
+       font-size: 150%;
+       font-weight: bold;
+
+}
+
+
+/* ServiceList.pm */
+table.spong_servicelist_brief {
+
+/*     cellspacing:1px;
+       cellpadding:1px; */
+
+}
+
+td.spong_servicelist_brief_left {
+       text-align:center;
+       vertical-align:middle;
+}
+
+td.spong_servicelist_brief_right {
+       text-align:left;
+       vertical-align:middle;
+}
+
+
+table.spong_servicelist {
+
+       width:100%;
+
+/* outer frame of the table! */
+       border-width:2px;
+       border-style:solid;
+
+       border-collapse:collapse;
+
+/*     cellspacing:1px;
+       cellpadding:1px; */
+
+}
+
+tr.spong_servicelist {
+       background-color:#b0c1ff; /*  like spong_host ! */
+
+}
+
+th.spong_servicelist_service {
+
+       border-width:1px;
+       border-style:solid;
+
+/*     cell-width:60px; */
+       text-align:center;
+       font-weight:bold;
+       background-color:#b0c1ff; /*  like spong_host ! */
+
+}
+th.spong_servicelist_image {
+
+       border-width:1px;
+       border-style:solid;
+
+/*     cell-width:1% */
+       text-align:center;
+       font-weight:bold;
+       background-color:#b0c1ff; /*  like spong_host ! */
+
+}
+
+th.spong_servicelist_updated {
+
+       border-width:1px;
+       border-style:solid;
+
+       text-align:center;
+       font-weight:bold;
+       background-color:#b0c1ff; /*  link spong_host ! */
+
+}
+
+th.spong_servicelist_summary {
+
+       border-width:1px;
+       border-style:solid;
+
+/*     cell-width:100%; */
+       text-align:center;
+       font-weight:bold;
+       background-color:#b0c1ff; /*  like spong_host ! */
+
+}
+
+
+
+/* Service.pm */
+tr.spong_service {
+       vertical-align:middle;
+}
+
+/* these TDs belong to th#spong_servicelist_* */
+td.spong_service {
+
+       border-width:1px;
+       border-style:solid;
+
+       text-align:left;
+}
+
+td.spong_service_image {
+
+       border-width:1px;
+       border-style:solid;
+
+       text-align:center;
+
+}
+
+
+hr.spong_service_detailed {
+  /*  noshade */
+}
+
+table.spong_service_detailed {
+
+ width:100%;
+
+ /* width=100% cellspacing=0 cellpadding=0 border=0 */
+}
+
+tr.spong_service_detailed {
 }
+
+
+/* HistoryList.pm */
+hr.spong_historylist {
+  /* noshade */
+}
+
+.spong_historylist_date {
+ color:#777777;
+}
+
+table.spong_historylist {
+        width:100%;
+
+       /* outer border of the table */
+       border-width:1px;
+       border-style:solid;
+
+       border-collapse:collapse;
+
+ /* border=0 cellspacing=1 cellpadding=0 */
+}
+
+
+/* History.pm */
+table.spong_history {
+  /* table-layout:fixed; */
+}
+tr.spong_history {
+  vertical-align:middle;
+}
+
+tr.spong_history_contrast {
+  vertical-align:middle;
+  background-color:#c3d0ff;
+}
+
+td.spong_history_image {
+ width:5%;
+ text-align:center;
+ vertical-align:middle;
+}
+td.spong_history_type {
+ width:5%;
+ text-align:center;
+}
+td.spong_history_time {
+ width:10%;
+ text-align:center;
+ vertical-align:top;
+}
+td.spong_history_host {
+ width:15%;
+ text-align:left;
+ vertical-align:top;
+}
+td.spong_history_service {
+ width:15%;
+ text-align:left;
+ vertical-align:top;
+}
+td.spong_history_other {
+ width:51%;
+ text-align:left;
+ vertical-align:top;
+ white-space:nowrap;
+}
+
+table.spong_history_noimage {
+ width:20px;
+ /* border=0 cellspacing=0 cellpadding=0 */
+
+}
+
+tr.spong_history_noimage {
+
+}
+table.spong_history_noimage {
+ width:20px;
+ /* border=0 cellspacing=0 cellpadding=0 */
+
+}
+
+
+
+/* HistoryService.pm */
+table.spong_historyservice {
+ width:100%;
+ /* border=0 cellspacing=0 cellpadding=0 */
+}
+tr.spong_historyservice {
+}
+hr.spong_historyservice {
+  /* noshade */
+}
+
+
+
+/* www-spong */
+table.spong_mainheader {
+       width:40%;
+}
+tr.spong_mainheader {
+       vertical-align:middle;
+}
+