src/cas/media/static/css/main.css

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