src/cas/static/css/main.css

   1 .enclose {
   2     text-align: center;
   3     min-height: 500px;
   4     background: url(../brackets.png) no-repeat 50% 0;
   5     margin-top: 1em;
   6     background-size: auto 450px;
   7 }
   8
   9 .enclosed {
  10     margin-top: 70px;
  11     display: inline-block;
  12     text-align: left;
  13     max-width: 300px;
  14     background-color: rgb(247, 247, 247);
  15     background-color: rgba(247, 247, 247, .5);
  16 }
  17
  18 a {
  19     text-decoration: none;
  20 }
  21 a:hover {
  22     text-decoration: underline;
  23 }
  24
  25 .errorlist {
  26     color: red;
  27     margin: 0;
  28     padding: 0;
  29     list-style: none;
  30 }
  31
  32
  33 form p {
  34     margin: 0;
  35 }
  36 form label, form input {
  37     display: block;
  38     width: 100%;
  39 }
  40 #login-form input {
  41     font-size: 1.75em;
  42     margin-bottom: .4em;
  43 }
  44
  45
  46
  47
  48 html, body {
  49     margin: 0;
  50     padding: 0;
  51     height: 100%;
  52 }
  53 body {
  54     background-color: #F7F7F7;
  55     color: black;
  56     font-family: Lato;
  57 }
  58
  59 #header-wrap {
  60     background: #191919;
  61     color: #989898;
  62 }
  63 header {
  64     max-width: 600px;
  65     margin: auto;
  66     padding: 1em 0;
  67 }
  68 header img {
  69     margin: 0 20px;
  70     vertical-align: middle;
  71 }
  72 footer, #content_push {
  73     height: 10em;
  74 }
  75
  76 #content {
  77     max-width: 600px;
  78     margin: auto;
  79 }
  80
  81
  82 #details {
  83         margin: 1em;
  84         float: left;
  85         max-width: 75%;
  86 }
  87
  88 #details form table th {
  89         text-align: left;
  90 }
  91
  92 #details form {
  93         margin-bottom: 2em;
  94 }
  95
  96 #details #messages {
  97     background: white;
  98     box-shadow: 0 0 10px black;
  99     font-size: 1.75em;
 100     padding: 20px;
 101     margin-bottom: 20px;
 102 }
 103 #details #messages p {
 104     margin: 0;
 105     color: green;
 106 }
 107
 108 #details h2 {
 109     margin-top: 0;
 110 }
 111
 112 .user_avatar {
 113         float: left;
 114         margin: 1em;
 115         max-width: 20%;
 116         text-align: center;
 117 }
 118
 119 .user_avatar img {
 120     box-shadow: 0 0 .2em black;
 121 }
 122
 123 #services-list {
 124     clear: both;
 125     border-top: 1px solid black;
 126 }
 127
 128 #services-list h1 {
 129     margin-bottom: 0;
 130 }
 131
 132 #services-list img {
 133         width: 90px;
 134     height: 50px;
 135         margin: 10px 10px 0 0;
 136 }