diff sat_templates/templates/default/static/styles.css @ 204:e9bbf4462ea8

css: misc changes - anchor links in list elements can now be displayed more obviously using "list__item--show-links" class - specific style for disabled button - adapted form styles to new "select" field - other small changes, see diff
author Goffi <goffi@goffi.org>
date Sun, 26 May 2019 22:09:49 +0200
parents a1fa6744c78e
children bf33342902ed
line wrap: on
line diff
--- a/sat_templates/templates/default/static/styles.css	Sun May 26 22:06:10 2019 +0200
+++ b/sat_templates/templates/default/static/styles.css	Sun May 26 22:09:49 2019 +0200
@@ -52,6 +52,10 @@
     height: 100%;
 }
 
+address {
+    font-style: inherit;
+}
+
 #main_area {
     flex: 1;
     display: flex;
@@ -77,7 +81,6 @@
     border-radius: 0.5em;
 }
 
-
 .post_confirm {
     text-align: center;
     background-color: lightgreen;
@@ -185,6 +188,16 @@
     font-weight: bold;
 }
 
+.btn:disabled {
+    color: #fff;
+    background-color: #eee;
+    border-color: #aaa;
+}
+
+.center {
+    text-align: center;
+}
+
 /** Labels **/
 
 .labels {
@@ -215,11 +228,16 @@
 }
 
 /** heading **/
+
 .heading__subtitle {
     font-size: 2em;
     text-align: center;
 }
 
+.heading--plain {
+    background: var(--color-sec--light);
+}
+
 /** instructions **/
 
 .instructions--head {
@@ -310,6 +328,10 @@
     text-align: center;
 }
 
+.inline {
+    display: inline;
+}
+
 /*********
  * pages *
  *********/
@@ -373,7 +395,7 @@
 }
 
 .box--paper {
-    text-align: center;
+    text-align: justify;
     font-variant: small-caps;
     border: none;
 }
@@ -613,6 +635,15 @@
     text-decoration: underline;
 }
 
+.list__item--show-links>a {
+    text-decoration: underline;
+    color: inherit;
+}
+
+.list__item--show-links>a:hover {
+    color: var(--color-sec--dark);
+}
+
 /*********
  * Grids *
  *********/
@@ -1014,7 +1045,11 @@
     margin: 0.5em 0;
 }
 
-.form__panel--center textarea,input:not([type="radio"]) {
+.form__panel--center label,
+.form__panel--center textarea,
+.form__panel--center select,
+.form__panel--center input:not([type="radio"])
+{
     display: block;
     margin-left: auto;
     margin-right: auto;
@@ -1024,24 +1059,33 @@
     text-align: center;
 }
 
-.form__field--tiny>input {
+.form__field--tiny>input,
+select.form__field--tiny
+{
     box-sizing: border-box;
     width: 3em;
 }
 
-.form__field--small>input {
+.form__field--small>input,
+select.form__field--small
+{
     box-sizing: border-box;
     width: 20em;
     max-width: 95%;
 }
 
-.form__field--medium>input {
+.form__field--medium>input,
+select.form__field--medium
+{
     box-sizing: border-box;
     width: 50em;
     max-width: 95%;
 }
 
-.form__field--big>input,textarea {
+.form__field--big>input,
+.form__field--big>textarea,
+select.form__field--big
+{
     box-sizing: border-box;
     width: 100%;
 }
@@ -1317,7 +1361,10 @@
         padding: 2em;
     }
 
-    .form__field--big>input,textarea {
+    .form__field--big>input,
+    .form__field--big>textarea,
+    select.form__field--big
+    {
         box-sizing: border-box;
         width: 95%;
     }