]> jspc29.x-matter.uni-frankfurt.de Git - trb3web.git/commitdiff
changed stylesheet for tables and links
authorJan Michel <j.michel@gsi.de>
Fri, 10 May 2013 20:41:49 +0000 (22:41 +0200)
committerJan Michel <j.michel@gsi.de>
Fri, 10 May 2013 20:41:49 +0000 (22:41 +0200)
main.htm
styleold.css

index 8405b5369ffab982b2b45787577bf73c39ddc271..67439d5588c6a6bc38cd56c69841dc252ad6d243 100644 (file)
--- a/main.htm
+++ b/main.htm
@@ -7,7 +7,7 @@ lassen....
 
 <h3> TRB3 specs, simple datasheet </h3>
 
-<table border="1">
+<table>
   <tr>
     <th> Item </th>
     <th> Value </th>
@@ -26,7 +26,7 @@ lassen....
 </table>
 
 
-<ul type="circle">
+<ul>
  <li> Other things</li>
 </ul> 
 
index 625aa93df771685530405f278ae6816c16244cab..5dfaeede80c8bac2eac87c4342b659b4ecaf1a03 100644 (file)
@@ -23,12 +23,17 @@ body {
   font-size: .9em;
   width:100%;
   height:100%;
-  font-family: Lucida Sans, Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
+  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
   color:#474756;  
   /*margin: 100px 140px  5px 190px;*/
   text-align: center;
 }
 
+
+/******************************
+ * Design Elements
+ *****************************/ 
+
 #head {
    float:left;
    width:100%;
@@ -58,7 +63,7 @@ body {
    _width:100%;
    right:0;
    _float:left;
-   font-family: Lucida Sans, Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
+   font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
    color:#ffe;
    margin:0;
    line-height:100%;
@@ -86,19 +91,13 @@ h2.header {
    font-size:20px;
    }
 
-h3, h4 {
-   border-bottom:1px dotted #405774;
-   }
 
-#main {
-   _float:left;
-   margin:0;
-   padding:0 0 20px 0;
-   z-index:2;
-   overflow:hidden;
-   background:transparent;
-   }
 
+
+/******************************
+ * Top Menue
+ *****************************/        
+   
 #menu {
    text-align:right;
    position:absolute;
@@ -125,7 +124,13 @@ h3, h4 {
    background:#ddeaf4;
    color:#405774;
    }
+
+   
+   
+/******************************
+ * Main Content
+ *****************************/        
+
 #content { 
   _float:left;
   padding: 0px;
@@ -141,42 +146,39 @@ h3, h4 {
   min-height:600px;
   }
 
-#footer {
-   text-align:right;
+#main {
+   _float:left;
    margin:0;
-   padding:2px;
-   background:#405774;
-   color:#ddeaf4;
+   padding:0 0 20px 0;
+   z-index:2;
+   overflow:hidden;
+   background:transparent;
    }
 
-#search {
-   position:absolute;
-   font-size:80%;
-   top:5px;
-   right:5px;
-   background:white;
-   border:1px solid black;
-   width:200px;
-   height:15px;
-   text-align:left;
-   z-index:22;
-   }
-   
-#infobar {
-   display:block;
-   background:#ffe;
-   width:150px;
-   float:right;
-   margin:130px 0 0 0 ;
-   _margin:0;
-   padding:20px 5px 0 5px;
-   border:solid #405774;
-   border-width:0 0 0 1px;
-   z-index:5;
-   margin-bottom: -2000px; 
-   padding-bottom: 2000px;
+
+h3, h4 {
+   border-bottom:1px dotted #405774;
    }
+
+/******************************
+ * Design Elements
+ *****************************/ 
+
+a {
+  text-decoration:none;
+  color:#23c;
+}
+
+a:hover {
+  text-decoration:none;
+  color:#aa5;
+}
+
+/******************************
+ * Left Menue
+ *****************************/        
    
 #navigation{
    display:block;
    background:#ddeaf4;/*rgb(217,229,239); d9e5ef*/
@@ -200,43 +202,95 @@ h3, h4 {
    text-decoration:none;
    }
    
-#navigation dt, #infobar dt {
+#navigation dt {
    font-weight:bold;
    font-size:110%;
    margin:10px 0 2px 0;
    }
    
-#navigation dd, #infobar dd {
+#navigation dd {
    margin:0 0 20px 10px;
    padding:0;
    }
    
-#navigation ul, #infobar ul {
+#navigation ul {
+   font-size:1em;
    margin:10px 10px 0 0;
    padding:0;
    border-top:1px solid white;
    }
 
-#navigation li:hover, #infobar li:hover {
+#navigation li:hover {
    background:#e5f2fc;
    }
    
-#navigation li, #infobar li {
+#navigation li {
    list-style:none;
    margin:0;
    padding:5px 0 5px 5px;
    border-bottom:1px solid white;
    }
 
+/******************************
+ * Lists
+ *****************************/     
+
+ul, dl {
+  font-size:.9em;
+}
+
 dt {
    font-weight:bold;
    }
+
+ul li{
+  list-style:circle;
+}
    
-   
+/******************************
+ * Preformatted code
+ *****************************/   
+
 pre {
    background:#eee;
    width:90%;
    overflow:auto;
-   border:1px solid #aaa;
+   border:1px solid #ccc;
    line-height:110%;
-   }
\ No newline at end of file
+   }
+   
+/******************************
+ * Tables
+ *****************************/   
+   
+table {
+  border:1px solid #ccc;
+  padding:0;
+  background:#f0f0f8;
+  margin-bottom:20px;
+  border-collapse:collapse;
+  font-size:.9em;
+}
+
+tr:nth-child(even) {
+  background:#f7f7ee;
+}
+tr:nth-child(odd) {
+  background:#fffff7;
+}
+tr:hover {
+  background:#f0f0e0;
+}
+
+
+td {
+  border-right:1px solid #ccc;
+}
+
+table th {
+  border-bottom: 1px solid #ccc;
+}
+
+table td {
+  padding:2px 10px;
+}   
\ No newline at end of file