MediaWiki:Common.css

From GGBN Wiki
Revision as of 11:52, 9 January 2023 by A.Plank (talk | contribs) (category pages with 3 columns)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */


body { background-color: #EEEEEE; }

table {color: black; }

h1, h2, h5 {font: 'Sakkal Majalla',Arial, Helvetica, sans-serif;color:#009cd6; font-weight: bold; 
 src: 
    url('http://data.ggbn.org/ggbn_new/fonts/majalla.ttf')}

h1 { font-size: 1.4em; }

h2 { font-size: 1.3em; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5 { font-size: 1em; }

#wikinote {
                background-color: #DFDFE6;
                border: 1px dashed #ffa500;
                color: black;
                margin: 2em 0 1em;
                padding: .5em 1em;
                vertical-align: middle;
}

#frame {
border: 1px solid #000000; }

.portlet h5 {
text-transform: none; 
font-weight: bold;
}

/* scrollable preview */
#wikiPreview {
    overflow-y: auto;
    max-height: 300px !important;
    border: 1px dotted gray;
    padding: 4px;
}

#wikiPreview { /* fix if missing clear in preview (? add for #mw-subcategories, #mw-pages, #mw-category-media, #filehistory, #wikiDiff neccessary?) */
    clear: both;
}

/* new table layouts */
table.vertical-align-top td {  vertical-align:top;}

/* new table layouts (like in printed scientific journals): 
  booktable (only thead horizontal bar + tfoot)
  booktabledotted (… same, but adding dotted horizontal lines inbetween (better for large tables))
 */
table.booktable, table.booktabledotted {
    margin: 1em 1em 1em 0;
    background: #ffffff;
    border-top:    2px #656463 solid;
    border-bottom: 2px #656463 solid;
    border-collapse: collapse;
}
.booktabledotted td {
  border-bottom: 1px dotted gray;
  padding:0.2em;
}
.booktable td {
  border: 0px none !important;
  padding:0.2em;
}
.booktable tr.line-t td, .booktable tr td.line-t{
   border-top:    1px #656463 solid !important;
}
.booktable tr.line-b td, .booktable tr td.line-b{
   border-bottom:    1px #656463 solid !important;
}
.booktable tr.line-tb td, .booktable tr td.line-tb{
   border-bottom:    1px #656463 solid !important;
   border-top:    1px #656463 solid !important;
}
.booktabledotted th, .booktable th {
    vertical-align:bottom;
    border-bottom:1px solid #656463;
    border-top:   1px solid #656463;
    border-left:0px;
    border-right:0px;
    padding: 0.2em;
}
.booktabledotted th, .booktable th {
  background: #ffffff;
  text-align: center;
}
.booktable caption, .booktabledotted caption {
    font-weight: normal;
}

/* category pages with 3 columns */
.mw-category-generated #mw-subcategories .mw-content-ltr,
.mw-category-generated #mw-pages .mw-content-ltr  {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-width: 24em;
    -moz-column-width: 24em;
    column-width: 24em;
}

.mw-category-generated #mw-subcategories .mw-content-ltr h3:first-child,
.mw-category-generated #mw-pages .mw-content-ltr h3:first-child {
    margin-top:0; padding-top:0;
}