Difference between revisions of "MediaWiki:Common.css"
From GGBN Wiki
(category pages with 3 columns) |
|||
(54 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
− | |||
− | h1, h2, h5 {color: # | + | |
+ | 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 { | #wikinote { | ||
Line 12: | Line 28: | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
+ | |||
+ | #frame { | ||
+ | border: 1px solid #000000; } | ||
.portlet h5 { | .portlet h5 { | ||
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; | ||
+ | } | ||
+ | |||
+ | /* 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; | ||
} | } |
Latest revision as of 11:52, 9 January 2023
/* 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;
}