Revision as of 11:22, 2 April 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: #fafafa;
    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;
    color: black;
}
#homebtns a:hover {
    background-color: #f5f5f5;
}

/* 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;
}

/* have line separating collections box, and make font size reasonable */
table.collectionsbox {
    border-top:1px solid #dddddd;
    font-size:10pt; /* SHOULD UPSTREAM */
}

/* 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: 50%;
    padding-right: 3%; /* space for linenums */
    border-right:thin solid black;
}
#translation {
    float: right;
    width: 43%;
    padding-left: 2%; /* space for linenums */
}

#maintext p, #maintext blockquote {
    font-size: 18px;
}

.linenumleft, .linenumright {
    font-size: 0.8em;
}

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

#togglehighlights {
    width: 16em;
}

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

/* for 2 column guides */
#guide {
    float: left;
    width: 75%;
    padding-right: 1em;
    border-right:thin solid black;
}
#notes {
    float: right;
}