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