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: 75px;
  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 .enclosed h1 {
  18     margin-top: 0;
  19 }
  20
  21 a {
  22     text-decoration: none;
  23 }
  24 a:hover {
  25     text-decoration: underline;
  26 }
  27
  28 .errorlist {
  29     color: red;
  30     margin: 0;
  31     padding: 0;
  32     list-style: none;
  33 }
  34
  35
  36 form p {
  37     margin: 0;
  38 }
  39 form label, form input {
  40     display: block;
  41     width: 100%;
  42 }
  43 #login-form input {
  44     font-size: 1.75em;
  45 }
  46 #login-form p {
  47     margin-bottom: .7em;
  48 }
  49 #tools {
  50     text-align: right;
  51 }
  52
  53 #register-form .helptext {
  54     font-size: .8em;
  55 }
  56 #register-form p {
  57     #margin-bottom: .5em;
  58 }
  59
  60
  61 html, body {
  62     margin: 0;
  63     padding: 0;
  64     height: 100%;
  65 }
  66 body {
  67     background-color: #F7F7F7;
  68     color: black;
  69     font-family: Lato;
  70 }
  71
  72 #header-wrap {
  73     background: #191919;
  74     color: #989898;
  75 }
  76 header {
  77     max-width: 600px;
  78     margin: auto;
  79     padding: 1em 0;
  80 }
  81 header img {
  82     margin: 0 20px;
  83     vertical-align: middle;
  84 }
  85 footer, #content_push {
  86     height: 10em;
  87 }
  88
  89 #content {
  90     max-width: 600px;
  91     margin: auto;
  92 }
  93
  94
  95 #details {
  96         margin: 1em;
  97         float: left;
  98         max-width: 75%;
  99 }
 100
 101 #details form table th {
 102         text-align: left;
 103 }
 104
 105 #details form {
 106         margin-bottom: 2em;
 107 }
 108
 109 #details #messages {
 110     background: white;
 111     box-shadow: 0 0 10px black;
 112     font-size: 1.75em;
 113     padding: 20px;
 114     margin-bottom: 20px;
 115 }
 116 #details #messages p {
 117     margin: 0;
 118     color: green;
 119 }
 120
 121 #details h2 {
 122     margin-top: 0;
 123 }
 124
 125 .user_avatar {
 126         float: left;
 127         margin: 1em;
 128         max-width: 20%;
 129         text-align: center;
 130 }
 131
 132 .user_avatar img {
 133     box-shadow: 0 0 .2em black;
 134 }
 135
 136 #services-list {
 137     clear: both;
 138     border-top: 1px solid black;
 139 }
 140
 141 #services-list h1 {
 142     margin-bottom: 0;
 143 }
 144
 145 #services-list img {
 146         width: 90px;
 147     height: 50px;
 148         margin: 10px 10px 0 0;
 149 }
 150
 151
 152 .content-extra {
 153     text-align: center;
 154 }
 155 .socialaccount_provider {
 156         display: inline-block;
 157         background-repeat: no-repeat;
 158         color: transparent;
 159         height: 40px;
 160         width: 40px;
 161         vertical-align: middle;
 162 }
 163 .socialaccount_provider.google {
 164         background-image: url(/static/img/auth/google.png);
 165 }
 166
 167
 168 .socialaccount_providers {
 169         margin: 1em 0;
 170         padding: 0;
 171 }
 172 .socialaccount_providers li {
 173         display: inline;
 174         list-style: none;
 175         margin-right: 1em;
 176 }