MediaWiki:Common.css: Difference between revisions

(Make home buttons inline-block)
(Fix bug to make links in news box same size as other text)
Line 37: Line 37:


/* make news items small */
/* make news items small */
td.newsbox ul li, td.newsbox a {
td.newsbox ul li, td.newsbox div a {
     font-size: 0.75em;
     font-size: 0.75em;
}
}

Revision as of 16:12, 16 July 2013

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

/* make main links on homepage look more like buttons */
#homebtns {
    text-align: center;
}
#homebtns a {
    display: inline-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: 1.5em;
    text-transform: uppercase;
    padding: 0.5em 1em;
    min-width: 6em;
    margin: 0.5em;
    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, td.newsbox div a {
    font-size: 0.75em;
}

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

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

/* Correct for the fact that the Greek font is slightly smaller than Latin fonts */
:lang(grc) {
    font-size: 1.125em;
}

.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;
    clear: right;
}

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

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


div.highlightbox {
    float: right;
    clear: right;
    width: 22%;
    text-align: right;
}

div.highlightbox p {
    font-size: 0.75em;
}

div.highlightbox #togglehighlights {
    width: 100%;
}

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

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

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

/* hide toolbox and search from footer */
.footer #toolbox {
    display: none;
}

.footer #search {
    display: none;
}