d4b74b5c8502b030230525fe325445e054b5d8dc
[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
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 }