Revision as of 11:21, 12 March 2013

/* CSS placed here will be applied to all skins */

/* make main links on homepage look more like buttons */
#homebtns a {
    display: block;
    text-align: center;
    border: 1px solid #ccc;
    background-color: white;
    font-family: 'gill sans','gill sans mt','gill sans mt pro','century gothic',corbel,sans-serif;
    font-size: x-large;
    text-transform: uppercase;
    padding: 0.7ex 1em;
    width: 8em;
    margin: 0.5ex auto 1ex;
}
#homebtns a:hover {
    background-color: #fafafa;
}

/* make table cells of class 'box' stand out */
td.box {
    border: 1px solid #ccc;
    background-color: white;
    padding: 1ex 1em;
}

/* make spans of class 'box' stand out */
span.box {
    border: 1px solid #ccc;
    background-color: white;
    padding: 1em;
}

/* make news items small */
td.newsbox ul li {
    font-size: 1.2em;
}

/* make collections box stand out */
table.collectionsbox {
    width:30em;
    margin:auto;
    border:1px solid #dddddd;
    background-color:#ffffe0;
    font-size:10pt;
}
table.collectionsbox th:first-child {
    width: 7em;
}

/* styling for tables used for texts with a side-by-side translation */
table.textwithtranslation {
    width: 100%;
}
table.textwithtranslation td:first-child {
    width:50%;
    border-right:1px solid black
}

/* enable side-by-side of maintext and translation elements,
 * floated so that js can easily enable crit app notes
 * (see LemmaNotes and ToggleNotes extension for that part) */
#maintext {
    float: left;
    width: 55%;
    padding-right: 1em;
    border-right:thin solid black;
}
#translation {
    float: right;
    width: 40%;
}

#maintext p {
    font-size: 1.8em;
}

#maintext p .linenum {
    font-size: 0.8em;
}

/* style toggle notes button (from ToggleNotes extension) */
#togglenotes {
    display: block;
    width: 12em;
    margin: auto 0em auto auto;
    text-align: center;
    border: 1px solid #ccc;
    background-color: white;
    padding: 0.7ex 1em;
    cursor: pointer;
    font-size: medium;
}

#togglenotes:hover {
    background-color: #fafafa;
}