22-04-2022

css/sls.css

@@ -1,6 +1,18 @@
 @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
 
-h1,
+body {
+  font-family: sans-serif;    
+}
+h1 {
+  font-family: sans-serif;
+  font-weight: 400;
+  text-align: center;
+}
+
+h2, h3, h4 {
+  font-family: sans-serif;  
+}
+
 p {
   text-align: center;
 }
@@ -9,10 +21,31 @@ a:link, a:visited {
 	  color: #858585;
   }
   
-  a:hover {
+a:hover {
 	  color: #373737;
   }
 
+a:active {
+    color: #c91717;
+  }
+
+pre {
+      background: #f4f4f4;
+      border: 1px solid #ddd;
+      border-left: 3px solid #f36d33;
+      color: #666;
+      page-break-inside: avoid;
+      font-family: monospace;
+      font-size: 15px;
+      line-height: 1.6;
+      margin-bottom: 1.6em;
+      max-width: 100%;
+      overflow: auto;
+      padding: 1em 1.5em;
+      display: block;
+      word-wrap: break-word;
+  }
+
 /*
   The grid itself needs only 4 CSS declarations:
 */
@@ -149,10 +182,6 @@ body {
   font-size: 1rem;
 }
 
-._h1 {
-	font-family: sans-serif;
-	font-weight: 400;
-}
 .month {
 	font-family: sans-serif;
 	font-weight: 400;
@@ -186,11 +215,24 @@ body {
   color: #ffffff;
   text-align: left;
   }
-  
+/*  
 .sort a:link, .sort a:visited, .sort a:hover {
   color: #ffffff !important;
   text-decoration: none;
 }
+*/
+table a:visited   {
+  color: #ffffff;
+}
+table a:link   {
+  color: #ffffff;
+  text-decoration: none;
+}
+table a:hover {
+  color: #373737;
+}
+
+
     
 .styled-table th, .styled-table td {
   padding: 12px 15px;
@@ -242,20 +284,16 @@ button.myButton{
   opacity: 0.4 !important;
   */
   }
-.myForm {
+.indexForm {
   position: absolute;
   bottom: 0px;
   left: 10px;
-  /*
-  color: #fff;
-  font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
-  
-  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
-  filter:alpha(opacity=60);
-  -moz-opacity:0.6;
-  opacity: 0.6;
-  */
   }
+.myForm {
+  /**/   
+  display: inline-block;
+  margin-left: 16px;
+}
 
 /*
 maps2.php
@@ -276,4 +314,77 @@ maps2.php
 .nav_bar {
   text-align: center;
 }
-*/
+*/
+
+/*
+view
+*/
+
+  select, button {
+
+  /* styling */
+  background-color: white;
+  border: thin solid PaleGoldenrod;
+  border-radius: 4px;
+  display: inline-block;
+  font: inherit;
+  font-size: smaller;
+  color: darkgray;
+  line-height: 1em;
+  
+  /* reset */
+
+  margin: 0;      
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+
+select {
+  padding: 0.25em 3.5em 0.25em 1em;
+}
+/* arrows */
+
+select.classic {
+  background-image:
+  linear-gradient(45deg, transparent 50%, tan 50%),
+  linear-gradient(135deg, tan 50%, transparent 50%),
+  linear-gradient(to right, Beige, Beige);
+  background-position:
+  calc(100% - 20px) calc(0.5em + 2px),
+  calc(100% - 15px) calc(0.5em + 2px),
+  100% 0;
+  
+  background-size:
+  5px 5px,
+  5px 5px,
+  2.5em 2.5em;
+  background-repeat: no-repeat;
+}
+
+select.classic:focus {
+  background-image:
+  linear-gradient(45deg, white 50%, transparent 50%),
+  linear-gradient(135deg, transparent 50%, white 50%),
+  linear-gradient(to right, silver, silver);
+  background-position:
+  calc(100% - 15px) 0.5em,
+  calc(100% - 20px) 0.5em,
+  100% 0;
+  background-size:
+  5px 5px,
+  5px 5px,
+  2.5em 2.5em;
+  background-repeat: no-repeat;
+  border-color: darkgrey;
+  outline: 0;
+}
+
+select:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #000;
+}
+
+