add example CSS

diff --git a/basewiki/local.css b/basewiki/local.css
new file mode 100644 (file)
index 0000000..7550ef1
--- /dev/null
+++ b/basewiki/local.css
@@ -0,0 +1,149 @@
+.calendar {
+       display:inline-block;
+       max-width:100%;
+ }
+.calendar a {
+       white-space:normal !important;
+ }
+.calendar > table {
+       border-collapse:collapse;
+       border:1px solid #666;
+ }
+.calendar > .month {
+ }
+.calendar > .month > thead {
+ }
+.calendar > .month > thead > tr {
+ }
+.calendar thead > tr > th {
+       background: -moz-linear-gradient(center top , #EDEDED 0px, #C4C4C4 100%) repeat scroll 0 0 transparent;
+       text-align:center;
+       padding:0.1ex 0.5ex 0.1ex 0.5ex;
+ }
+.calendar > .month > tbody {
+ }
+.calendar > .month > tbody > tr {
+ }
+.calendar tbody > tr > td {
+       border:1px solid gray;
+       vertical-align:top;
+       border-collapse:collapse;
+ }
+.calendar > .month > tbody > tr > .no-wday {
+       background-color:#eee;
+ }
+.calendar .today {
+       background-color:#FFFFCC !important;
+ }
+.calendar .wday {
+ }
+.calendar .wday {
+ }
+.calendar .wday .head {
+       display:inline-block;
+       text-align:center;
+       width:100%;
+ }
+.calendar .month .wday .head {
+       text-align:right;
+ }
+.calendar .head > .day {
+       font-family:sans-serif;
+       font-weight:bold;
+       padding:0 2px;
+       padding-right:1ex;
+ }
+.calendar .head > .day > .new {
+       color:blue;
+       display:none;
+       font-size:65%;
+       font-weight:bold;
+       position:absolute;
+       text-decoration:none;
+       vertical-align:super;
+ }
+.calendar .wday:hover .head > .day > .new {
+       display:inline-block;
+ }
+.calendar .wday > .events {
+       margin:0 0 0 0 !important;
+       padding:0 0 0 0 !important;
+ }
+.calendar .events > .event {
+       -moz-border-radius:2px;
+       -webkit-border-radius:2px;
+       background-color:#F9F9F9;
+       border-radius:2px;
+       border:1px solid #A9BBBF;
+       list-style-type:none;
+       margin:2px 2px 2px 2px;
+       padding:2px 2px 2px 2px;
+       text-align:left !important;
+ }
+.calendar .events > .event {
+ }
+.calendar .events > .event > .head {
+       display:inline-block;
+       text-align:left;
+       width:100%;
+ }
+.calendar .events > .event > .head > .hour {
+       font-size:75%;
+       font-weight:bold;
+       margin-right:1em;
+ }
+.calendar .events > .event > .head > .link {
+       display:inline-block;
+       padding:0 0 0 0;
+       text-align:center;
+       white-space:normal !important;
+       width:100%;
+ }
+.calendar .events > .event > .tags {
+       margin:0 0 0 0 !important;
+       padding:0 0 0 0 !important;
+ }
+.calendar .events > .event > .tags > .tag {
+       -moz-border-radius:2px;
+       -webkit-border-radius:2px;
+       background-color:white;
+       border-radius:2px;
+       border:1px solid #A9BBBF;
+       font-size:60%;
+       list-style-type:none;
+       margin:2px 2px 0 0 !important;
+       padding:2px 3px 1px 3px !important;
+       text-align:left !important;
+       display:inline-block;
+ }
+.calendar .events > .event > .tags > .tag > a {
+       display:inline-block;
+       font-weight:bold;
+       line-height:1.5 !important;
+       text-align:center;
+       width:100%;
+ }
+.calendar .events > .event > .tags > .tag > .selflink {
+       display:inline-block;
+       font-weight:bold;
+       line-height:1.5 !important;
+       text-align:center;
+       width:100%;
+ }
+.calendar .events > .event > .tags > .tag > .createlink {
+       display:inline-block;
+       line-height:1.5 !important;
+       text-align:center;
+       white-space:normal !important;
+       width:100%;
+ }
+.calendar .events > .event > .tags > .tag > .createlink > a {
+       width:auto;
+ }
+.calendar .events > .event[class*=' event-3615_'] {
+       border:1px solid black !important;
+       background-color:#DCC5A5;
+ }
+.calendar .events > .event[class*=' event-3615_'] > .tags > .tag {
+       border:1px solid black !important;
+ }