commit uncommitted changes
[hcoop/hcoop-website.git] / hcoop.css
index a92705c..5d3892d 100644 (file)
--- a/hcoop.css
+++ b/hcoop.css
@@ -15,13 +15,14 @@ div.wrapper {
 
 div.main {
        float:                  left;
-       width:                  96%;
+       width:                  97%;
        background-color:       white;
-       border-style:           solid;
        padding-top:            0px;
        padding-left:           20px;
        padding-right:          20px;
-       padding-bottom:         20px
+       padding-bottom:         20px;
+       border-radius:          15px;
+       box-shadow:             5px 5px 15px 0px #333;
 }
 
 div.title {
@@ -30,7 +31,7 @@ div.title {
 }
 
 div.break {
-       height:                 85px
+    clear: both;
 }
 
 img.globe {
@@ -48,17 +49,17 @@ span.point {
 
 div.sidebar {
        float:                  left;
-       width:                  200px;
+       width:                  220px;
        padding-right:          10px;
-       border-right:           1px solid gray;
        font-size:              10pt
 }
 
 div.sbgroup {
-       border:         1px solid gray;
        margin-bottom:          10px;
        background-color:       #DFEFDF;
-       padding:                3px
+       padding:                0.3rem;
+       border-radius:          5px;
+       box-shadow:             2px 2px 3px 0px #333;
 }
 
 div.sbgroup:first-line {
@@ -67,8 +68,12 @@ div.sbgroup:first-line {
        width:       100%
 }
 
+div.sbgroup li {
+    list-style-type: none;
+}
+
 div.main2 {
-       padding-left:           225px
+       padding-left:           245px
 }
 
 table.blanks tr td:first-child {
@@ -77,6 +82,10 @@ table.blanks tr td:first-child {
        font-weight:    bold
 }
 
+table.data tr:nth-child(even) {
+    background-color: #dfefdf;
+}
+
 span.fact {
        font-weight: bold
 }
@@ -91,7 +100,46 @@ a:link, a:active, a:visited {
        text-decoration:        none;
 }
 
+.ui-widget a {
+       color:                  #0056B6 ! important;
+       text-decoration:        none;
+}
+
 a:hover {
        color: #E08000;
        text-decoration:        underline;
 }
+
+div.news { 
+    padding:           0.3rem;
+    border-radius:          5px;
+    box-shadow:             2px 2px 3px 0px #333;
+/*    border: 1px solid goldenrod; */
+    background-color: palegoldenrod;
+}
+div.warning { 
+    padding:           0.3rem;
+    border-radius:          5px;
+    box-shadow:             2px 2px 3px 0px #333;
+/*    border: 1px solid red; */
+    background-color: lightsalmon;
+}
+div.notice { 
+    padding:           0.3rem;
+    border-radius:          5px;
+    box-shadow:             2px 2px 3px 0px #333;
+/*    border: 1px solid goldenrod; */
+    background-color: lemonchiffon;
+}
+
+div.payment-tile {
+/*    border: 1px solid black; */
+    border-radius: 5px;
+    background-color: #dfefdf;
+    box-shadow: 2px 2px 3px 0px rgb(51, 51, 51);
+    display: inline-block;
+    margin: 0.5rem 0.5rem 0.5rem 0;
+    padding: 0.5rem;
+    width: 30rem;
+    vertical-align: top;
+}
\ No newline at end of file