git.infodrom.org Git - infodrom.org/touren.infodrom.org/blob - touren.css

   1 .navbar {
   2     margin-bottom: 1ex;
   3     background-color: #007bff;
   4 }
   5 div.header {
   6     background-color: #007bff;
   7     color: white;
   8     padding:4px;
   9     font-weight: bold;
  10 }
  11 div#message {
  12     z-index: 100;
  13 }
  14 div#message.alert-danger {
  15     border: 1px solid red;
  16 }
  17 div#message.alert-warning {
  18     border: 1px solid orange;
  19 }
  20 div#message.alert-success {
  21     border: 1px solid green;
  22 }
  23 div.login {
  24     background-image: url(motorcycle.png);
  25     background-repeat: no-repeat, repeat;
  26     background-position: center;
  27     padding-bottom: 45%;
  28 }
  29 div.loginform, div.lostpwform {
  30     margin-top: 40%;
  31     padding: 10px;
  32     background: #EEE;
  33     border: 1px solid #CCC;
  34     border-radius: 0.25rem;
  35 }
  36 .form_description {
  37     background-color: #EEEEFF;
  38     border: 1px solid #8cacbb;
  39     color: black;
  40     padding: 3px;
  41     margin-top: 0.75em;
  42 }
  43 .right {
  44     text-align: right;
  45 }
  46 @media (max-height: 320px) {
  47     div.loginform, div.lostpwform {
  48         margin-top: 5%;
  49     }
  50 }
  51 @media (max-width: 360px) {
  52     .onlynarrow {
  53         display: block;
  54     }
  55     .onlywide {
  56         display: none;
  57     }
  58 }
  59 @media (min-width: 361px) {
  60     .onlynarrow {
  61         display: none;
  62     }
  63     .onlywide {
  64         display: block;
  65     }
  66 }
  67 div.loginform h3, div.lostpwform h3 {
  68     border-bottom: 2px solid #ccc;
  69 }
  70 div.loginform label, div.lostpwform label {
  71     display: block;
  72 }
  73 div.lostpw {
  74     margin-top: 2ex;
  75 }
  76 div.error h3 {
  77     border-bottom: 2px solid #ccc;
  78 }