/* Basic structural elements */ body { border: 4px solid navy; padding: 1em; margin: 0px; background-color: #FFFFFF; color: #000000; } div.main { background-color: #FFFFFF; border-style: none; border-collapse: collapse; display: table-row; } div.contentpanel { display: table-cell; padding-left: 1em; padding-right: 2em; border-right: 1px black solid; width: 80%; } div.navbar { background-color: #FFFFFF; display: table-cell; float: right; padding-left: 0.5em; } div.bottom { width: 100%; margin-top: 2%; display: table; } div.copyright { display: table-cell; font-size: 80%; padding: 4px; background: #f2f2f9; border-style: solid; border-width: thin; } table.bottom-navbar { border-style: none } table.bottom-navbar th { border-style: none } table.bottom-navbar td { border-style: none } div.section { padding-bottom: 2em; border-bottom: 2px solid black; } div.bottom-navbar { font-size: 80%; border-top: 2px solid #3366cc; padding: 4px; } ul.menu { margin-left: 0; padding-left: 1em; } li.group { list-style-type: none; margin-left: -1em; } div.group { background-color: #0063C1; color: white; font-weight: bold; text-align: center; } li img { vertical-align: middle; } img { border: 0; } div.menu-bar { display: table; width: 100%; } .menu-cell { display: table-cell; text-align: center; } .notready { text-align: center; background-color: yellow; font-weight: bold; } .nostyle { display: none } /* References */ a { text-decoration: none; color: #002bb8; background: none; } a:visited { color: #5a3696; } a:active { color: #faa700; } a:hover { text-decoration: underline; } /* Tables */ table.frame { margin: 1em 1em 1em 0; border: 1px #aaaaaa solid; border-collapse: collapse; empty-cells: show; } table.frame th { border: 1px #aaaaaa solid; padding: 0.2em; } table.frame td { border: 1px #aaaaaa solid; padding: 0.2em; } table.noframe { border-style: none; } tr.odd { background-color: #CCCCEE; } tr.even { background-color: #FFFFFF; } td.group { background-color: #0063C1; color: white; font-weight: bold; } thead.std { font-style: italic; background-color: #FFFFDD; } td.std { background-color: #FFFFDD; } table.shade { background-color: gray } td.separator { text-align: center; background-color: silver; } /* Example text */ td.example { background-color: #FFFFDD; } span.example { /* color: purple;*/ font-weight: bold; padding-left: 8px; padding-right: 8px; } div.example { background-color: #FFFFDD; padding: 8px; display: table-cell; text-align: center; } .sample { font-weight: bold; } /* Translated text */ .translation { font-style: oblique; color: navy; } span.translation:before { content: open-quote; } span.translation:after { content: close-quote; } /* IPA transcriptions */ .ipa:before { content: "["; } .ipa:after { content: "]"; } /* Literals */ .literal { font-style: oblique; color: navy; } .literal:before { content: open-quote; } .literal:after { content: close-quote; } /* Various text types */ .comment { font-style: italic } .expl { font-style: italic } sup { font-size: x-small; } .footnote { font-size: 80%; border-top: 2px solid black; } .katharevusa { margin-top: 2em; margin-bottom: 2em; margin-left: 2em; margin-right: 1em; padding: 1em; border: 1px gray solid; font-size: 80%; color: gray; } .error { } .date { width: 40%; } /* News subsystem -------------- */ .subject { font-style: italic; } .itemdate { color: gray; } .itemsubject { font-style: italic; } .itemtext { border-top: 1px solid gray; padding-top: 1em; } table.news-summary { width: 80%; font-size: 80%; } #news-content { display: table; width: 100%; } #news { display: table-row; } #news-summary { display: table-cell; } #news-article { display: table-cell; max-width: 80%; width: auto; empty-cells: hide; margin-left: 1em; padding-left: 1em; } #news-header { display: table; width: 100%; } .permalink { display: table-cell; }