Templates.
[cas.git] / 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 }