what: update location of servers, storage, bandwidth
[hcoop/hcoop-website.git] / hcoop.css
1 body {
2 float: left;
3 background-color: #99CC99;
4 font-family: sans-serif;
5 margin-top: 55px;
6 margin-left: 20px;
7 margin-right: 20px;
8 padding-bottom: 55px
9 }
10
11 div.wrapper {
12 width: 100%;
13 margin: 0 auto
14 }
15
16 div.main {
17 float: left;
18 width: 97%;
19 background-color: white;
20 padding-top: 0px;
21 padding-left: 20px;
22 padding-right: 20px;
23 padding-bottom: 20px;
24 border-radius: 15px;
25 box-shadow: 5px 5px 15px 0px #333;
26 }
27
28 div.title {
29 vertical-align: middle;
30 margin-bottom: 25px
31 }
32
33 div.break {
34 clear: both;
35 }
36
37 img.globe {
38 position: relative;
39 left: -35px;
40 top: -50px;
41 width: 144px;
42 height: 144px;
43 float: left
44 }
45
46 span.point {
47 font-weight: bold
48 }
49
50 div.sidebar {
51 float: left;
52 width: 220px;
53 padding-right: 10px;
54 font-size: 10pt
55 }
56
57 div.sbgroup {
58 margin-bottom: 10px;
59 background-color: #DFEFDF;
60 padding: 0.3rem;
61 border-radius: 5px;
62 box-shadow: 2px 2px 3px 0px #333;
63 }
64
65 div.sbgroup:first-line {
66 color: black;
67 font-weight: bold;
68 width: 100%
69 }
70
71 div.sbgroup li {
72 list-style-type: none;
73 }
74
75 div.main2 {
76 padding-left: 245px
77 }
78
79 table.blanks tr td:first-child {
80 vertical-align: top;
81 text-align: right;
82 font-weight: bold
83 }
84
85 table.data tr:nth-child(even) {
86 background-color: #dfefdf;
87 }
88
89 span.fact {
90 font-weight: bold
91 }
92
93 div.spaced li {
94 line-height: 1.5em;
95 margin-top: .7em;
96 }
97
98 a:link, a:active, a:visited {
99 color: #0056B6;
100 text-decoration: none;
101 }
102
103 .ui-widget a {
104 color: #0056B6 ! important;
105 text-decoration: none;
106 }
107
108 a:hover {
109 color: #E08000;
110 text-decoration: underline;
111 }
112
113 div.news {
114 padding: 0.3rem;
115 border-radius: 5px;
116 box-shadow: 2px 2px 3px 0px #333;
117 /* border: 1px solid goldenrod; */
118 background-color: palegoldenrod;
119 }
120 div.warning {
121 padding: 0.3rem;
122 border-radius: 5px;
123 box-shadow: 2px 2px 3px 0px #333;
124 /* border: 1px solid red; */
125 background-color: lightsalmon;
126 }
127 div.notice {
128 padding: 0.3rem;
129 border-radius: 5px;
130 box-shadow: 2px 2px 3px 0px #333;
131 /* border: 1px solid goldenrod; */
132 background-color: lemonchiffon;
133 }
134
135 div.payment-tile {
136 /* border: 1px solid black; */
137 border-radius: 5px;
138 background-color: #dfefdf;
139 box-shadow: 2px 2px 3px 0px rgb(51, 51, 51);
140 display: inline-block;
141 margin: 0.5rem 0.5rem 0.5rem 0;
142 padding: 0.5rem;
143 width: 30rem;
144 vertical-align: top;
145 }