;; -*- mode: Scheme; -*-
()

(let ((header-margin-top "0.3em")
      (header-margin-bottom "0.2em"))
  `(css
    (import "https://fonts.googleapis.com/css?family=Cantarell:regular,italic,bold,bolditalic")
    (import "https://fonts.googleapis.com/css?family=Droid+Sans+Mono")

    ((html body div span applet object iframe
           h1 h2 h3 h4 h5 h6 p blovkquote pre
           a abbr acronym address big cite code
           del dfn em img ins kbd q s samp
           small strike strong sub sup tt var
           b u i center
           dl dt dd ol ul li
           fieldest form label legend
           table caption tbody tfoot thead tr th td
           article aside canvas details embed
           figure figcaption footer header hgroup
           menu nav output ruby section summary
           time mark audio video)
     (margin "0")
     (padding "0")
     (border "0")
     (font-size "100%")
     (font "inherit")
     (vertical-align "baseline"))

    ((article aside details figcaption figure
              footer header hgroup menu nav section)
     (display "block"))

    ((ol ul)
     (list-style "none"))

    ((blockquote q)
     (quotes "none"))

    ((blockquote:before blockquote:after
			q:before q:after)
     (content "''")
     (content "none"))

    (table
     (border-collapse "collapse")
     (border-spacing "0"))

    (body
     (font-family "'Cantarell', arial, sans-serif")
     (margin "0px")
     (padding "0px")
     (background-color "white")
     (-moz-text-size-adjust "none")
     (-webkit-text-size-adjust "none")
     (-mx-text-size-adjust "none"))

    ((a a:visited a:active)
     (color "#000"))

    (a:hover
     (color "#338"))

    (blockquote
     (border-left "3px solid #999")
     (background "#eee")
     (margin "1em")
     (padding "1em 1em 0.5em 1em"))

    (cite
     (display "block")
     (text-align "right")
     (font-size ".9em"))

    (pre
     (border-left "3px solid #999")
     (background "#eee")
     (font-family "'Droid Sans Mono', fixed")
     (font-size "50%")
     (margin "1em")
     (padding "1em")
     (overflow "scroll"))

    ((// blockquote pre)
     (border-left "none"))

    (command
     (font-family "'Droid Sans Mono', fixed"))

    (ul
     (margin-top "1em")
     (margin-bottom "1em")
     (margin-left "2em")
     (list-style-type "square"))

    (ol
     (margin-top "1em")
     (margin-bottom "1em")
     (margin-left "2em")
     (list-style-type "decimal"))

    (li
     (margin-top "0.3em")
     (margin-bottom "0.3em")
     (text-align "justify"))

    (p
     (margin-bottom "0.5em")
     (text-align "justify"))

    (dt
     (font-weight "bold")
     (margin-top "1em"))

    (dd
     (margin-left "1em")
     (text-align "justify"))

    (h1
     (font-weight "bold")
     (margin-top ,header-margin-top)
     (margin-bottom ,header-margin-bottom)
     (font-size "300%"))

    (h2
     (font-weight "bold")
     (margin-top ,header-margin-top)
     (margin-bottom ,header-margin-bottom)
     (font-size "250%"))

    (h3
     (font-weight "bold")
     (margin-top ,header-margin-top)
     (margin-bottom ,header-margin-bottom)
     (font-size "150%"))

    (h4
     (font-weight "bold")
     (margin-top ,header-margin-top)
     (margin-bottom ,header-margin-bottom)
     (font-size "120%"))

    (h5
     (font-weight "bold")
     (margin-top ,header-margin-top)
     (margin-bottom ,header-margin-bottom)
     (font-size "100%"))

    (h6
     (margin-top ,header-margin-top)
     (margin-bottom ,header-margin-bottom)
     (font-size "100%"))

    (.logo
     (display "table-cell")
     (text-align "center")
     (vertical-align "bottom")
     (font-weight "bold")
     (color "#558195")
     (min-width "200px"))

    (.title
     (display "table-cell")
     (font-size "2em")
     (font-weight "bold")
     (text-align "center")
     (padding-bottom "0.5em")
     (vertical-align "bottom")
     (width "100%"))

    (.status
     (display "table-cell")
     (text-align "right")
     (vertical-align "bottom")
     (font-size "0.8em")
     (font-weight "bold")
     (min-width "200px")
     (white-space "nowrap"))

    (.header
     (display "table")
     (width "100%")
     (background "#a7cfdf")
     (background "-moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%)")
     (background "-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a))")
     (filter "progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 )"))

    (.mainmenu
     (padding "5px 10px 5px 10px")
     (font-size "0.9em")
     (font-weight "bold")
     (text-align "center")
     (letter-spacing "1px")
     (background-color "#558195")
     (color "white"))

    (.submenu
     (padding "3px 10px 3px 0px")
     (font-size "0.7em")
     (text-align "center")
     (background-color "#456878")
     (color "white"))

    (((// .mainmenu a) (// .mainmenu a:visited) (// .submenu a) (// .submenu a:visited))
     (padding "3px 10px 3px 10px")
     (color "white")
     (text-decoration "none"))

    (((// .mainmenu a:hover) (// .submenu a:hover))
     (color "#558195")
     (background-color "white"))

    (.content
     (padding "1em 5em 1em 5em"))

    (.section
     (margin-bottom "0px")
     (margin-top "1em")
     (padding "1px 1px 1px 1px")
     (font-size "1.2em")
     (font-weight "bold")
     (background-color "#558195")
     (color "white")
     (white-space "nowrap"))

    (.sectionmenu ;; FIXME
     (border "1px solid #d8d8d8")
     (border-radius: "0 0 3px 3px")
     (border-top: "0")
     (margin-top: "-10px")
     (margin-bottom: "10px")
     (padding: "10px"))

    ((// .sectionmenu a) ;; FIXME
     (display "inline-block")
     (margin-right "1em"))

    (.footer
     (clear "both")
     (font-size "0.8em")
     (margin-top "12px")
     (padding "5px 10px 5px 10px")
     (text-align "right")
     (background-color "#558195")
     (color "white"))

    (((// .udiff) (// .sbsdiff)) ;; FIXME
     (font-size ".85em !important")
     (overflow "auto")
     (border "1px solid #ccc")
     (border-radius "5px"))

    ((// table.report td)
     (padding "2px")
     (border "1px solid #f5f5f5"))

    ((// table.report th)
     (padding "3px")
     (border "1px solid #f5f5f5")
     (background "#f5f5f5")
     (cursor "pointer"))

    ((// .report td:first-child)
     (border-top-left-radius "5px"))

    ((// .report tbody tr:last-child td:first-child)
     (border-bottom-left-radius "5px"))

    ((// .report td:last-child)
     (border-top-right-radius "5px"))
    
    ((// .report tbody tr:last-child)
     (border-bottom-left-radius "5px")
     (border-bottom-right-radius "5px"))

    ((// .report tbody tr:last-child td:last-child)
     (border-bottom-right-radius "5px"))

    (td.tktDspValue
     (padding "2px")
     (border "1px solid #f5f5f5"))

    (td.tktDspLabel
     (padding "3px")
     (border "1px solid #f5f5f5")
     (background "#f5f5f5"))

    (span.timelineDetail
     (font-size "90%"))

    ((// div.footer a)
     (color "white"))

    ((// div.footer a:link)
     (color "white"))

    ((// div.footer a:visited)
     (color "white"))

    ((// div.footer a:hover)
     (background-color "white")
     (color "#558195"))

    (div.timelineDate
     (font-weight "bold")
     (white-space "nowrap"))
    
    ;; NOT YET CONFIRMED IN USE

    (div.divider
     (background "#a1c4d4")
     (border "2px #558195 solid")
     (font-size "1em")
     (font-weight "normal")
     (padding ".25em")
     (margin ".2em 0 .2em 0")
     (float "left")
     (clear "left")
     (white-space "nowrap"))


    (pre.verbatim
     (background-color "#f5f5f5")
     (padding "0.5em"))

    (span.diffrm
     (margin "0px")
     (background-color "#f55555"))

    (span.diffadd
     (margin "0px")
     (background-color "#55f555"))

    (span.diffchng
     (margin "0px")
     (background-color "#5555f5"))

    ((// table.label-value th)
     (vertical-align "top")
     (text-align "right")
     (padding "0.2ex 2ex"))


))

#|

Default CSS from Fossil:

body {
    margin: 0 auto;
    min-width: 800px;
    padding: 0px 20px;
    background-color: white;
    font-family: sans-serif;
    font-size:14pt;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -mx-text-size-adjust: none;
}

a {
    color: #4183C4;
    text-decoration: none;
}
a:hover {
    color: #4183C4;
    text-decoration: underline;
}

hr {
    color: #eee;
}

.title {
    color: #4183C4;
    float:left;
    padding-top: 30px;
    padding-bottom: 10px;
}
.title h1 {
    display:inline;
}
.title h1:after {
    content: " / ";
    color: #777;
    font-weight: normal;
}

.content h1 {
    font-size: 1.25em;
}
.content h2 {
    font-size: 1.15em;
}
.content h3 {
    font-size: 1.05em;
    font-weight: bold;
}

.section {
    font-size: 1em;
    font-weight: bold;
    background-color: #f5f5f5;
    border: 1px solid #d8d8d8;
    border-radius: 3px 3px 0 0;
    padding: 9px 10px 10px;
    margin: 10px 0;
}

.sectionmenu {
    border: 1px solid #d8d8d8;
    border-radius: 0 0 3px 3px;
    border-top: 0;
    margin-top: -10px;
    margin-bottom: 10px;
    padding: 10px;
}
.sectionmenu a {
    display: inline-block;
    margin-right: 1em;
}

.status {
    float:right;
    font-size:.7em;
    padding-top:50px;
}

.mainmenu {
    font-size:.8em;
    clear:both;
    padding:10px;
    background:#eaeaea linear-gradient(#fafafa, #eaeaea) repeat-x;
    border:1px solid #eaeaea;
    border-radius:5px;
}

.mainmenu a {
    padding: 10px 20px;
    text-decoration:none;
    color: #777;
    border-right:1px solid #eaeaea;
}
.mainmenu a.active,
.mainmenu a:hover {
    color: #000;
    border-bottom:2px solid #D26911;
}

.submenu {
    font-size: .7em;
    margin-top: 10px;
    padding: 10px;
    border-bottom: 1px solid #ccc;
}

.submenu a, .submenu label {
    padding: 10px 11px;
    text-decoration:none;
    color: #777;
}

.submenu a:hover, .submenu label:hover {
    padding: 6px 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #000;
}

.content {
    padding-top: 10px;
    font-size:.8em;
    color: #444;
}

.udiff, .sbsdiff {
    font-size: .85em !important;
    overflow: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.content blockquote {
    padding: 0 15px;
}

table.report {
    cursor: auto;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 1em 0;
}
.report td, .report th {
   border: 0;
   font-size: .8em;
   padding: 10px;
}
.report td:first-child {
    border-top-left-radius: 5px;
}
.report tbody tr:last-child td:first-child {
    border-bottom-left-radius: 5px;
}
.report td:last-child {
    border-top-right-radius: 5px;
}
.report tbody tr:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.report tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
}
.report th {
    cursor: pointer;
}
.report thead+tbody tr:hover {
    background-color: #f5f9fc !important;
}

td.tktDspLabel {
    width: 70px;
    text-align: right;
    overflow: hidden;
}
td.tktDspValue {
    text-align: left;
    vertical-align: top;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
}
td.tktDspValue pre {
    white-space: pre-wrap;
}

span.timelineDetail {
    font-size: 90%;
}

.footer {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size:.7em;
    margin-top: 10px;
    color: #ccc;
}
div.timelineDate {
    font-weight: bold;
    white-space: nowrap;
}
span.submenuctrl, span.submenuctrl input, select.submenuctrl {
  color: #777;
}

|#
