/* This style sheet is shared by webcalendar */ /* Login prompt is too close to the year selector; padd all dropdown menu items */ .ThemeMenu A.menuhref {padding-left: 12px;} /* Fix illegal items from default_page.hdr */ .hdr-162 {width: '162px';} .hdr-logo {border='0px solid #ffffff'; width='152'; height='100'; display: block; } .banner-first {width='460'; } /* Fix: put in a block level then hide it */ .hide-the-input {display: none;} .caption {text-align: center; font-weight: bold; font-size: larger;} .calendar-html {background-color: #ababab; border: 1px solid #ababab;} .download-instructions {background-color: green; text-align: center; color: #ffffff; padding-top:4px; padding-bottom: 4px;} FORM.dump {padding-top: 20px;} TABLE TR TD.select-prompt {text-align: right; padding-right: 10px;} .submit-button {color: green; font-size: 16px; border: 1px solid green;} .category {border: 0px solid #eeeeee; float: left; padding-right: 10px;} .greenheader {font-weight: bold; } .alert {clear: left; color: black; background: #FFFFC0; padding: 6px; border: 1px solid black; font-style: italic; } .error {clear: left; color: red; background: #efefef; padding: 6px; border: 1px solid red; font-style: italic; } .success {clear: left; color: green; background: #efefef; padding: 6px; border: 1px solid green; } .help {clear: left; color: #000000; background: #efefef; padding: 6px; border: 1px solid #000000; font-style: italic;} .download-info {border: 0px solid #000000; clear: left; padding-top: 20px;} /* Make it clear that the date selections use the defaults */ /* Current choice */ input[type='radio']:checked+label { background-color: #eeffee; color: #000000; } /* Append this instruction for the current choice */ .date-selection-toggle input[type='radio']:checked+label:after { content: " Using these dates->"; color: #000000; font-size: 10px; } /* Unselected button. Use same message as when selected, but hide it in the background */ .label-radio LABEL { content: " Using these dates->"; background-color: #ffffff; color: #ffffff; } /* checkbox and prompt area */ .date-selection-toggle { background-color: #ffffff; width: 300px; float: left; border: 0px dotted black; } TABLE TR.manual { border-top: 20px solid #ffffff; border-bottom: 20px solid #ffffff; } /* Reference: additional fields added to site css (redundant here) */ input[name='status'] {margin-bottom: 5px; } input[name='difficulty'] {margin-bottom: 5px; } input[name='publicity'] {margin-bottom: 5px; } IMG.example { padding: 4px; margin-left: 5px; margin-right: 5px; border: 1px dotted #000000; background-color: #efefef; } TABLE.admin-table TR TD { border: 1px solid #000000; padding: 4px; } /* Filler to make label for='' work */ #select-date-option {display: none; } /* Menubar for download and help */ TABLE.download-menubar { color: #ffffff; background-color: #006600; } .download-menubar TR TD A { font-size: 12px; text-decoration: none; } TABLE.screenshot-table {width: 100%; } TABLE.screenshot-table TR TD { border: 1px solid #006600; padding: 4px; height: 100%; text-align: center; } TABLE.screenshot-table TR TD A IMG { border: 0px solid #006600; padding: 4px; text-decoration: none; } /* Overrule webcalendar style */ .ThemeMainFolderText { font-size: 12px; zzcolor: #ffffff; zzbackground-color: #006600; padding: 4px; } TD #monthmenu, TD #weekmenu TD #yearmenu, TD #weekselect, TD #monthselect, TD #yearselect, #yearmenu A IGNORED {background-color: #006000; color: #ffffff; } /* odd/even background inherits ugly TABLE from gmcmontpelier.css */ #listunapproved FORM TABLE TBODY TR.odd {background-color: #efefef;} FAKE .ThemeMenubar {border: 2px solid #006000;} /* Display of the selected schedule */ #display-details { border: 1px solid #000000; padding: 4px; background-color: #ffffff; } .difficulty .field-name {font-weight: bold; text-transform: capitalize;} .field-name {padding-left: 10px; text-transform: capitalize;} /* css can be used to display fields depending on which 'format' is selected. */ /* ce-* => calendar-entry-... */ .ce {float: left; } PRE.calendar-listing {padding: 20px; overflow: auto; } .calendar-listing-tbl {background-color: #efefef; } .calendar-listing TR.caption {font-weight: bold; text-align: center;} /* Format: inc, for the website */ .calendar-listing-inc {border: 40px solid #efefef; background-color: #ffffff; padding: 10px; float: left;} .calendar-listing-inc .ce {background-color: #ffffff; padding: 0px; } .calendar-listing-inc P {background-color: #ffffff; } .calendar-listing-inc P.greenheader, .calendar-listing-inc P .greenheader { clear: both; padding-bottom: 0px; background-color: #ffffff; } /* Format: txt, pub */ .calendar-listing-txt {float: left; border: 1px solid #000000; background: #efefef; padding: 10px; } .calendar-listing-pub .ce A, .calendar-listing-txt .ce .ce-desc A {display: none;} .calendar-listing-txt .ce {padding-top: 10px; } .calendar-listing-pub .ce, .calendar-listing-txt .ce .ce-desc A {float: left; padding-top: 20px; position: relative;} .calendar-listing-txt .ce-info {font-weight: bold; float: left; } .calendar-listing-txt .ce-desc {float: left; text-indent: 0px; clear: right;} .calendar-listing-txt .ce-field {float: left; clear: left; text-indent: 20px; padding-right: 10px; font-style: italic;} .calendar-listing-txt .ce-field:after {content: ": "} .calendar-listing-txt .ce-value {float: left; text-transform: capitalize;} .ce-listing .ce-category .ce-value {background-color: #ffffff; padding: 2px; border: 1px solid #ffffff;} /* New calendar entry in a table */ .calendar-listing-dtl TBODY TR.ce TD {background-color: #ffffff; font-weight: bold; border: 0px solid #ffffff; padding-top: 20px; } .calendar-listing-dtl TABLE TR TD, .calendar-listing-tbl TABLE TR TD {border: 1px solid #000000; padding: 4px; background-color: #efefef;} #display-htm, #display-details, #display-newsletter, #display-txt { background-color: #ffffff; color: #000000; } /* To be fancy, display newsletter (as html) with the background similar to the paper it will be printed on */ .calendar-listing-pub {color: #000000; text-align: left; } .newsletter-winter, .newsletter-fall, .newsletter-summer, .newsletter-spring {border: 0px solid #000000; padding: 10px; float: left; } .calendar-listing-pub .newsletter-winter {background-color: #cee4f6;} .calendar-listing-pub .newsletter-fall {background-color: #e4824c;} .calendar-listing-pub .newsletter-spring {background-color: #bbfdb9;} .calendar-listing-pub .newsletter-summer {background-color: #fbcdc9;} .calendar-listing-pub .newsletter-unknown {background-color: #efefef;} /* Can we make it obvious that day-month-year items don't work unless you have selected the 'manual' button? .manual label[for="select-date-option"] { border: 1px solid blue; } */