newswriter/css/local.css

NewsWriter is a generic tool for maintaining news and announcements on a website news page. Details are held in an SQLite database, from which the tool generates the index page (typically the top page of the target site), individual pages for events and a

.truncate {
  width: 550px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.pulldowns {
    position:absolute;
    right:0px;
    top:0px;
}

.pulldowns option.pending {
    background:#ffff00;
    font-weight:bold;
}

.pulldowns option.approved, .pulldowns select.approved {
    background:#77ff77;
}

.button-info {
    margin-bottom:2em;
    font-size:smaller;
}

span.keyish {
    padding:0.25em 0.5em 0.25em 0.5em;
    border:1px solid black;
    border-radius:0.5em;
}

span.buttonish {
    padding:0.5em 0.5em 0.5em 0.5em;
    border:1px solid black;
    border-radius:1em;
}

.day-of-week {
    border:1px solid black;
    border-radius:1em;
    padding:0.5em;
}

form#uploader {
    white-space:nowrap;
    background:#eeeeee;
    padding:2px;
    position:relative;
    overflow:hidden;
}


input#uploader-attachment-button {
    position:absolute;
    right:0px;
}

.relative {
    position: relative;
}

.combo-mask {
    vertical-align: top;
    overflow: hidden;
    border: 1px solid grey;
    box-shadow: 10px 10px 5px #888888;
    position:absolute;
    top: 0px;
    left: 1em;
    z-index: 99;
}

.combo {
    width: 200px;
    padding: 10px;
    margin: -5px -20px -5px -5px;
}

.combo option:hover {
    background:#eeeeee;
}

input.has-content, textarea.has-content {
    background:#eeeeee;
    font-weight: bold;
    color: black;
    -webkit-transition:background 0.3s linear;
	-moz-transition:background 0.3s linear;
	-ms-transition:background 0.3s linear;
	-o-transition:background 0.3s linear;
	transition:background 0.3s linear;
}

input.change-succeeded {
    background:#66ff66;
    font-weight: bold;
    color: black;
    -webkit-transition:font-weight 0.3s linear,color 0.3s linear,background 0.3s linear;
	-moz-transition:font-weight 0.3s linear,color 0.3s linear,background 0.3s linear;
	-ms-transition:font-weight 0.3s linear,color 0.3s linear,background 0.3s linear;
	-o-transition:font-weight 0.3s linear,color 0.3s linear,background 0.3s linear;
	transition:font-weight 0.3s linear,color 0.3s linear,background 0.3s linear;
}

div.field-dropdown-container {
    position:relative;
    height:0;
}

div.field-dropdown {
    position:absolute;
    top:0px;
    left:0.5em;
    background:white;
    border:1px solid #bbbbbb;
    z-index:99;
}

.dropdown-option {
    padding:0.2em 0.5em 0.2em 0.5em;
}

.dropdown-option:hover {
    background: #66ff66;
    cursor:pointer;
}

.field-open {
    background: white;
    font-weight: normal;
}

.field-closed {
    background: #eeeeee;
    font-weight: bold;
}

.wrapper input.input:disabled {
    color: black;
    font-weight: bold;
}

.wrapper {
    border:3px solid #00dd00;
    border-radius:2em;
}

.wrapper.agent {
    border:3px solid #f96b00;
}

.wrapper.ephemeral {
    margin:1em 0 0 2em;
    border:3px solid #00dd00;
    border-radius:1em;
}

/*    border:3px solid #666666; */

.date-field:hover {
    cursor: pointer;
}

input {
    font-size: normal;
    cursor: pointer;
}

select {
    cursor: pointer;
}

#travel-payment-transport, #travel-payment-per-diem, #travel-payment-accommodation, #travel-payment-total  {
    padding: 0.5em;
    background: #ffff99;
    border-radius: 1em;
    border: 1px solid #f1f1f1;
    width: 6em;
    display: inline-block;
}

span#travel-payment-total:after {
    content: ' 円';
}

td.field {
    text-align: left;
}

.email {
    font-family:ariel,courier,mono;
    padding-left:1em;
}

h1 {
    font-size: 100%;
    margin:2em 0 2em 0;
}

input.button {
    border-radius: 1em;
    border:2px solid #bbbbbb;
    padding:0.5em;
}

div.button-bold {
    margin: 0.5em 0 0 1em;
}

div.button-bold input.button {
    font-weight: bold;
}

input.button-small {
    font-size: smaller;
    border-radius: 0.7em;
    border: 1px solid #bbbbbb;
    padding: 0.15em;
}

input.button-small:hover {
    font-weight: bold;
}

/* For comments */

span.quizzer-highlight {
    color:white;
    font-weight: bold;
    background: #c10000;
    border-radius: 0.7em;
    padding: 0.2em;
}

.answer-pair {
    margin: 0 0 10px 0;
}

.right-answer {
    background: #e3ffe6;
    border: 3px double black;
    margin: 6px 0.3px 1em;
    padding: 0 5px 0 5px;
}

.wrong-answer {
    background: #ffdfdf;
    border: 1px solid black;
    margin: 6px 0.3px 1em;
    padding: 0 5px 0 5px;
}

.rubric {
    font-weight: bold;
    font-size: 120%;
    margin-top: 2em;
}

div.rubric blockquote {
    margin: 1em;
    padding: 1px 1em 1px 1em;
    font-weight:normal;
    border: 1px solid #000000;
}

div.rubric blockquote {
    margin: 1em;
    padding: 1px 1em 1px 1em;
    font-weight:normal;
    border: 1px solid #000000;
}

div.comment-container {
    background: #feffb0;
    margin: 1em 0 0 2em;
    border: 1px solid black;
    padding: 0 0.5em 0.2em 0.5em;
    vertical-align: top:
}

div.comment-container blockquote, div.rule-gloss blockquote, div.show-box-child blockquote, td.edit-box div blockquote {
    background: #ffdfdf;
    padding: 0;
    margin: 0 2em;
    border-radius: 0.5em;
    border: 1px solid #999999;
}

div.comment-container blockquote blockquote, div.rule-gloss blockquote blockquote, div.show-box-child blockquote blockquote, td.edit-box div blockquote blockquote {
    padding: 0;
    margin: 0;
    background: #e3ffe6;
}

div.comment-container blockquote blockquote blockquote, div.rule-gloss blockquote blockquote blockquote, div.show-box-child blockquote blockquote blockquote, td.edit-box div blockquote blockquote blockquote {
    padding: 0;
    margin: 0;
    background: white;
}

div.comment-container blockquote p, div.rule-gloss blockquote p, div.show-box-child blockquote p, td.edit-box div blockquote p {
    line-height: 1.8em;
    padding: 0.5em 1em 0.5em 1em;
    margin: 0;
}

div.commenter-name {
    font-weight: bold;
    float: left;
    margin: 0.5em 0.5em 0 0;
    padding: 0.25em 0.8em 0.25em 0.8em;
    border-radius: 1em;
    background: white;
    border: 1px solid #aaaaaa;
}

table {
    border-collapse:separate;
    border-spacing: 0.5em;
}

th {
    padding: 0.5em;
    background:#eeeeee;
    text-align:center !important;
}

td {
    text-align:right;
    padding: 0 0.5em 0 0.5em;
}