racalmas/website/agenda/planung/css/series.css

#content {
    margin-top: 3em;
    padding: 1em;
    /*max-width:1000px;*/
    min-height: 100%;
}

#content td.label {
    max-width: 3em;
}

#content .label {
    color: #555;
}

#content table.series {
    border-radius: 1em;
}

#content .series div.header {
    font-weight: bold;
    cursor: pointer;
}

#content div.header {
    clear: both;
}

#content .right {
    float: right;
}

#content .editor {
    clear: both;
}

#content .editor div.buttons {
    text-align: center;
}

#content .editor div.buttons button,
#content .editor div.buttons input {
    margin-left: 1em;
}

/*
#content .editor input,
#content .editor textarea,
#content .editor button{
    padding:6px;
}
*/
#imagePreview {
    border: none;
    width: 24px;
    height: 24px;
}

#context textarea {
    width: 600px;
    height: 100px;
}

#content table.series {
    border: 1px solid #ddd;
}

#content table.series table {
    width: 100%;
}

#content table.series tr:nth-child(4n+1) {
    background-color: #eee;
}

#content table.series tr.active td {
    background-color: #aaa;
}

#content .series table td:nth-child(1) {
    width: 10em;
}

#content .series table td {
    padding: 6px;
}

#content .editor .row {
    clear: both;
    min-height: 4em;
}

#content .editor .cell {
    float: left;
    text-align: center;
    white-space: nowrap;
}

#content .editor .row.active {
    background: #ff0;
    min-height: 4em;
}

#content div.cell.exclude,
#content div.cell.nextDay,
#content div.cell.weekday {
    margin-left: 0;
}

#content div.cell.containsInput {
    margin-right: 12px;
}

#content div.cell.containsSelect {
    margin-right: 12px;
}

#content div.cell.exclude,
#content div.cell.nextDay {
    width: 1em;
}

#content div.cell.weekday,
#content div.cell.weekday input,
#content div.cell.weekday select {
    width: 2em;
    padding-top: 2em;
}

#content div.cell.start,
#content div.cell.start input,
#content div.cell.start select {
    width: 9.5em;
}

#content div.cell.duration,
#content div.cell.duration input,
#content div.cell.duration select {
    width: 7em;
}

#content div.cell.period_type,
#content div.cell.period_type input,
    #content div.cell.period_type select {
    width: 7em;
}

#content div.cell.period_type.isSingle,
#content div.cell.period_type select.isSingle {
    width: 9em;
}

#content div.cell.end,
#content div.cell.end input,
#content div.cell.end select {
    width: 6em;
}

#content div.cell.frequency,
#content div.cell.frequency input,
#content div.cell.frequency select {
    width: 6em;
}

#content div.cell.week_of_month,
#content div.cell.week_of_month input,
    #content div.cell.week_of_month select {
    width: 6em;
}

#content div.cell.schedule_weekday,
#content div.cell.schedule_weekday input,
    #content div.cell.schedule_weekday select {
    width: 4em;
}

#content div.cell.schedule_month,
#content div.cell.schedule_month input,
    #content div.cell.schedule_month select {
    width: 6em;
}

/* end of schedule */
#content .create_events {
    width: 5em;
}

#content .publish_events {
    width: 5em;
}

#content div.show_schedule {
    overflow: auto;
    height: 20em;
    clear: both;
}

#content div.show_schedule table {
    width: 24em;
}

#content div.show_schedule td {
    width: 10em;
}

#content div.show_schedule td:nth-child(1) {
    width: 2em;
}

/*
#content div.show_schedule tr:nth-child(odd){
    background:#f0f0f0;
}
*/
#content div.show_schedule tr.exclude td {
    text-decoration: line-through;
}

#content div.buttons {
    padding-left: 12px;
}

#content div.editor input.image {
    width: 90%;
}

#content #tabs-events td.weekday,
#content #tabs-events td.date,
    #content #tabs-events td.time,
#content #tabs-events td.spacer {
    width: 0;
}

#content #tabs-events td.weekday,
#content #tabs-events td.spacer {
    padding: 0;
}

#content input.datetimepicker {
    padding-left: 0;
    padding-right: 0;
}

button {
    cursor: pointer;
}

form {
    padding: 0;
    margin: 0;
}

@media print {
    input, button {
        display: none;
    }
}

/*
#content .editor .row:nth-child(2n+1){
    background:#eee;
}
*/