/* Basic structural elements */ body { border: 4px solid navy; padding: 1em; margin: 0px; background-color: #FFFFFF; color: #000000; } h1,h2,h3,h4 { text-align: center; } h1 { padding-bottom: 1em; border-bottom: 2px solid black; } .center { text-align: center; } 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%; vertical-align: top; } div.navbar { background-color: #FFFFFF; display: table-cell; float: right; padding-left: 0.5em; } div.navbar > img { display: block; margin-left: auto; margin-right: auto; } div.bottom { width: 100%; margin-top: 2%; display: table; } div.copyright { display: table-cell; font-size: 80%; border-top: 1px solid black; } table.bottom-navbar { border-style: none } table.bottom-navbar th { border-style: none } table.bottom-navbar td { border-style: none; width: 33%; } td.top-link { text-align: center; } td.prev-link { text-align: left; } td.next-link { text-align: right; } div.section { padding-bottom: 2em; margin-bottom: 1px; } div.section + div.section { padding-bottom: 2em; margin-bottom: 1px; border-top: 1px solid black; } div.bottom-navbar { font-size: 80%; border-top: 2px solid black; padding: 4px; margin-top: 2em; } ul.menu { margin-left: 0; padding-left: 1em; } ul.menu li { list-style-type: none; } ul.menu li > a { text-decoration: none; display: block; color: #0028bd; padding-left: 1em; margin-left: -1em; } ul.menu li > a:hover { background-color: blue; color: white; } ul.menu li > a.imgref:hover { color: #002bb8; background: none; } 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; width: 100%; } input { border: 1px solid gray; } .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; } a.external { background: url(graphics/external.png) center right no-repeat; padding: 0 13px 0 0; } a.sound { background: url(graphics/audio.png) center right no-repeat; padding: 0 16px 0 0; } /* Tables */ table { text-align: left; } table.align-center { margin-left: auto; margin-right: auto; } table.frame { /* 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 { font-weight: bold; } 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%; padding-bottom: 2em; } #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; } .hidden-info { font-size: smaller; } select { border: 1px solid gray; } div.warning { display: block; z-index: 100; position: fixed; top: 0; left: 0; border: 1px solid gray; background-color: yellow; width: 100%; } div.warning p { text-align: center; padding: 0; margin-left: 0; margin-right: 0; margin-top: 2px; margin-bottom: 2px; } div.warning a { color: red; }