Difference between revisions of "MediaWiki:Common.css"

From GGBN Wiki
Jump to: navigation, search
(category pages with 3 columns)
 
(61 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 {color: #AE8300; font-weight: bold; }
+
 
 +
 
 +
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 11: Line 29:
 
}
 
}
  
.portlet h2 {
+
#frame {
background-color: red;
+
border: 1px solid #000000; }
 +
 
 +
.portlet h5 {
 
text-transform: none;  
 
text-transform: none;  
/* Stops text from being converted to lowercase in .portlet */
+
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;
}