X-Git-Url: https://harishankar.org/repos/?a=blobdiff_plain;f=templates%2Fstyle.tpl.css;h=0abf5c6c699cb51642d25c5f6813f35cf0e0c97b;hb=HEAD;hp=4cb611df8d298981a02205b99c40d790e077545c;hpb=fe9a0fef0b31ee3b94b3e73b7e319087a49a3054;p=biaweb2.git

diff --git a/templates/style.tpl.css b/templates/style.tpl.css
index 4cb611d..0abf5c6 100644
--- a/templates/style.tpl.css
+++ b/templates/style.tpl.css
@@ -1,43 +1,75 @@
 body {	
     background-color:white;
     color: black;
-    font-family:Verdana, Geneva, Tahoma, sans-serif;
-    font-size: 0.9em;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    font-size: 1em;
     margin: 0;
     padding: 0;
-}	
+}
 h1, h2, h3, h4, h5, h6 {
     font-family: Georgia, 'Times New Roman', Times, serif;
+    background-color: whitesmoke;
+}
+header h1 {
+    background: none;
 }
-div#header {
+header {
     width: 100%;
     color: white;
     background-color:#a1a0c0;
-    height: 50px;
     float: left;
+    text-align: center;
+}
+.doclisttable {
+    width: 100%;
+    text-align: left;
+}
+.doclisttable thead {
+    font-weight: bold;
+}
+.doclisttable tbody {
+    color: #3f3f3f;
+}
+.doclisttable td {
+    padding:0.2em;
+}
+.inlinelist {
+    display: inline-block;
+    padding: 0em; 
+    margin: 0em;
+}
+.inlinelist li {
+    display: inline-block;  
+    margin-right: 0.9em;
 }
 div#modification {
     width: 100%;
-    color: darkslateblue;
-    font-size: 0.9em;
-    float:left;
+    color:darkgray;
+    font-size: 0.8em;
 }
-div#footer {
+div#navbit {
+    width: 100%;
+    font-size: 0.8em;
+    background: none;
+}
+footer {
     width: 100%;
     text-align: center;
     background-color: #a1a0c0;
     color: white;
     float:left;
 }
-div#sidebar {
+nav#sidebar {
     float :right;
     background-color: #f0f0f0;
     color: black;
     width: 30%;
     padding: 1%;
 }
-
-div#content {
+nav#sidebar h2 {
+    background: none;
+}
+section#content {
     width: 63%;
     margin-right:1%;
     margin-left: 1%;
@@ -45,3 +77,30 @@ div#content {
     line-height: 150%;
     text-align: justify;
 }
+/* for small screens */
+@media only screen and (max-width: 600px) {
+    section#content {
+        width: 99%;
+        float: none;
+        margin-left: 0.5%;
+        margin-right: 0.5%;
+        text-align: left;
+        padding: 0;
+    }
+    img {
+        max-width: 100%;
+        height: auto;
+    }
+    header {
+        float: none;
+    }
+    footer {
+        float: none;
+    }
+    nav#sidebar {
+        float: none;
+        width: 99%;
+        margin-left: 0.5%;
+        margin-right: 0.5%;
+    }
+}
\ No newline at end of file