Semantic UI version

calsocial/static/css/style.css

@@ -2,6 +2,14 @@ header > h1 > img {
     height: 1em;
 }
 
+#content {
+    margin-top: 10px;
+}
+
+.timezone-warning {
+    color: #e94a4a;
+}
+
 footer {
     margin-top: 3em;
     font-weight: bold;
@@ -14,3 +22,68 @@ footer {
         display: none;
     }
 }
+
+ table.calendar > * {
+     font-family: sans;
+ }
+
+ table.calendar {
+     width: 100%;
+     border-collapse: collapse;
+     table-layout: fixed;
+ }
+
+ tr.month > td {
+     text-align: center;
+     font-weight: bold;
+     border-bottom: 2px solid black;
+     padding-bottom: .5em;
+ }
+
+ tr.month > td > a {
+     font-weight: normal;
+     color: black;
+ }
+
+ tr.month > td.month-name > a {
+     font-weight: bold;
+ }
+
+ tr.days > td {
+     text-align: center;
+     border-bottom: 2px solid black;
+ }
+
+ tr.week > td {
+     height: 3em;
+ }
+
+ tr.week > td > span.day-num {
+     font-weight: bold;
+ }
+
+ tr.week > td.other-month > span.day-num {
+     font-weight: normal;
+     color: #909090;
+ }
+
+ tr.week > td.today {
+     background-color: #d8d8d8;
+ }
+
+ tr.week > td > a.event {
+     display: block;
+     color: black;
+     text-decoration: none;
+     border: 1px solid green;
+     background-color: white;
+     border-radius: 2px;
+     text-overflow: ellipsis;
+     white-space: nowrap;
+     overflow: hidden;
+ }
+
+ tr.sizer > td {
+     width: 14.2857%;
+     height: 0;
+ }