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
  26 form p {
  27     margin: 0;
  28 }
  29 form label, form input {
  30     display: block;
  31     width: 100%;
  32 }
  33 #login-form input {
  34     font-size: 1.75em;
  35     margin-bottom: .4em;
  36 }
  37
  38
  39
  40
  41 html, body {
  42     margin: 0;
  43     padding: 0;
  44     height: 100%;
  45 }
  46 body {
  47     background-color: #F7F7F7;
  48     color: black;
  49     font-family: Lato;
  50 }
  51
  52 #header-wrap {
  53     background: #191919;
  54     color: #989898;
  55 }
  56 header {
  57     max-width: 600px;
  58     margin: auto;
  59     padding: 1em 0;
  60 }
  61 header img {
  62     margin: 0 20px;
  63     vertical-align: middle;
  64 }
  65 footer, #content_push {
  66     height: 10em;
  67 }
  68
  69 #content {
  70     max-width: 600px;
  71     margin: auto;
  72 }
  73
  74
  75 #details {
  76         margin: 1em;
  77         float: left;
  78         max-width: 75%;
  79 }
  80
  81 #details form table th {
  82         text-align: left;
  83 }
  84
  85 #details form {
  86         margin-bottom: 2em;
  87 }
  88
  89 #details #messages {
  90     background: white;
  91     box-shadow: 0 0 10px black;
  92     font-size: 1.75em;
  93     padding: 20px;
  94     margin-bottom: 20px;
  95 }
  96 #details #messages p {
  97     margin: 0;
  98     color: green;
  99 }
 100
 101 #details h2 {
 102     margin-top: 0;
 103 }
 104
 105 .user_avatar {
 106         float: left;
 107         margin: 1em;
 108         max-width: 20%;
 109         text-align: center;
 110 }
 111
 112 .user_avatar img {
 113     box-shadow: 0 0 .2em black;
 114 }
 115
 116 #services-list {
 117     clear: both;
 118     border-top: 1px solid black;
 119 }
 120
 121 #services-list h1 {
 122     margin-bottom: 0;
 123 }
 124
 125 #services-list img {
 126         width: 90px;
 127     height: 50px;
 128         margin: 10px 10px 0 0;
 129 }