Revision as of 15:32, 21 May 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) */
.textwithtranslation #maintext {
    float: left;
    width: 54%;
    padding-right: 3%; /* space for linenums */
    border-right:thin solid black;
}
.textwithtranslation #translation {
    float: right;
    width: 39%;
    padding-left: 2%; /* space for linenums */
}

/* space for linenums  */
.textwithouttranslation #maintext {
    padding-left: 2%; /* space for linenums */
    padding-right: 3%; /* space for linenums */
}

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

.linenumleft, .linenumright, .chapternumleft, .chapternumright {
    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: 15em;
}

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

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


div.highlightbox {
    float:right;
    width: 30%;
    padding: 1ex 1em;
    text-align: right;
}

/* don't have bullet points or indentation for bib items */
#bibliography li {
    list-style-type: none;
}
#bibliography ul, #bibliography li {
    margin-left: 0px;
}

/* have mdash bullets for child bib items */
#bibliography ul li ul li:before {
    content:"――";
}


/* make subheadings in guides much smaller (CONSIDER UPSTREAMING) */
#guide h2 {
    font-size: 1.6em;
    font-weight: bold;
    text-transform: none;
    color: #333;
}

/* only force capitalise h1 and h2 (PROBABLY UPSTREAM) */
h3, h4, h5 {
    text-transform: none;
}

/* will be fixed in a future version of erudite */
.footer h3 {
    text-transform: uppercase;
}

/* ensure poems are always left aligned, not justified */
.poem {
    text-align: left;
}

.poemmod p { 
    padding-left: 16em;
    text-indent: -16em;
    margin-bottom: 0px;
}