Difference between revisions of "MediaWiki:Common.css"

From GGBN Wiki
Jump to: navigation, search
(add: table.vertical-align-top and table.booktable, table.booktabledotted (like in printed scientific journals))
(scrollable preview)
Line 35: Line 35:
 
text-transform: none;  
 
text-transform: none;  
 
font-weight: bold;
 
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;
 
}
 
}
  

Revision as of 13:50, 26 September 2022

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