Difference between revisions of "MediaWiki:Common.css"

From relax wiki
Jump to navigation Jump to search
(Added some CSS to allow for numberless TOCs (useful for the relax release concatenated articles).)
(Undo revision 7686 by Bugman admin (talk))
Tag: Undo
 
(6 intermediate revisions by one other user not shown)
Line 22: Line 22:
  
  
−
/* Standard Navigationsleisten, aka box hiding thingy
+
/* Infobox template style */
−
   from .de.  Documentation at [[Wikipedia:NavFrame]]. */
+
.infobox {
−
div.NavFrame {
+
    border: 1px solid #aaa;
 +
    border-spacing: 3px;
 +
    background-color: #f9f9f9;
 +
    color: black;
 +
    /* @noflip */
 +
    margin: 0.5em 0 0.5em 1em;
 +
    padding: 0.2em;
 +
    /* @noflip */
 +
    float: right;
 +
    /* @noflip */
 +
    clear: right;
 +
    font-size: 88%;
 +
    line-height: 1.5em;
 +
}
 +
.infobox caption {
 +
    font-size: 125%;
 +
    font-weight: bold;
 +
    padding: 0.2em;
 +
}
 +
.infobox td,
 +
.infobox th {
 +
    vertical-align: top;
 +
    /* @noflip */
 +
    text-align: left;
 +
}
 +
.infobox.bordered {
 +
    border-collapse: collapse;
 +
}
 +
.infobox.bordered td,
 +
.infobox.bordered th {
 +
    border: 1px solid #aaa;
 +
}
 +
.infobox.bordered .borderless td,
 +
.infobox.bordered .borderless th {
 +
    border: 0;
 +
}
 +
 
 +
.infobox.sisterproject {
 +
    width: 20em;
 +
    font-size: 90%;
 +
}
 +
 
 +
.infobox.standard-talk {
 +
    border: 1px solid #c0c090;
 +
    background-color: #f8eaba;
 +
}
 +
.infobox.standard-talk.bordered td,
 +
.infobox.standard-talk.bordered th {
 +
    border: 1px solid #c0c090;
 +
}
 +
 
 +
/* styles for bordered infobox with merged rows */
 +
.infobox.bordered .mergedtoprow td,
 +
.infobox.bordered .mergedtoprow th {
 +
    border: 0;
 +
    border-top: 1px solid #aaa;
 +
    /* @noflip */
 +
    border-right: 1px solid #aaa;
 +
}
 +
 
 +
.infobox.bordered .mergedrow td,
 +
.infobox.bordered .mergedrow th {
 +
    border: 0;
 +
    /* @noflip */
 +
    border-right: 1px solid #aaa;
 +
}
 +
 
 +
/* Styles for geography infoboxes, eg countries,
 +
   country subdivisions, cities, etc.           */
 +
.infobox.geography {
 +
    border-collapse: collapse;
 +
    line-height: 1.2em;
 +
    font-size: 90%;
 +
}
 +
 
 +
.infobox.geography  td,
 +
.infobox.geography th {
 +
    border-top: 1px solid #aaa;
 +
    padding: 0.4em 0.6em 0.4em 0.6em;
 +
}
 +
.infobox.geography .mergedtoprow td,
 +
.infobox.geography .mergedtoprow th {
 +
    border-top: 1px solid #aaa;
 +
    padding: 0.4em 0.6em 0.2em 0.6em;
 +
}
 +
 
 +
.infobox.geography .mergedrow td,
 +
.infobox.geography .mergedrow th {
 +
    border: 0;
 +
    padding: 0 0.6em 0.2em 0.6em;
 +
}
 +
 
 +
.infobox.geography .mergedbottomrow td,
 +
.infobox.geography .mergedbottomrow th {
 +
    border-top: 0;
 +
    border-bottom: 1px solid #aaa;
 +
    padding: 0 0.6em 0.4em 0.6em;
 +
}
 +
 
 +
.infobox.geography .maptable td,
 +
.infobox.geography .maptable th {
 +
    border: 0;
 +
    padding: 0;
 +
}
 +
 
 +
 
 +
/* Unbulleted lists */
 +
.plainlist ul {
 +
    line-height: inherit;
 +
    list-style: none none;
 +
    margin: 0;
 +
}
 +
.plainlist ul li {
 +
    margin-bottom: 0;
 +
}
 +
 
 +
/* Style for horizontal lists (separator following item) */
 +
.skin-monobook .hlist dl,
 +
.skin-modern .hlist dl,
 +
.skin-vector .hlist dl {
 +
    line-height: 1.5em;
 +
}
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 
     margin: 0;
 
     margin: 0;
−
     padding: 4px;
+
}
 +
.hlist dd,
 +
.hlist dt,
 +
.hlist li {
 +
     display: inline;
 +
    margin: 0;
 +
}
 +
/* Display nested lists inline */
 +
.hlist dl dl,
 +
.hlist ol ol,
 +
.hlist ul ul {
 +
    display: inline;
 +
}
 +
/* Generate interpuncts */
 +
.hlist dt:after {
 +
    content: ":";
 +
}
 +
.hlist dd:after,
 +
.hlist li:after {
 +
    content: " ·";
 +
    font-weight: bold;
 +
}
 +
.hlist dd:last-child:after,
 +
.hlist dt:last-child:after,
 +
.hlist li:last-child:after {
 +
    content: none;
 +
}
 +
/* for IE 8 */
 +
.hlist dd.hlist-last-child:after,
 +
.hlist dt.hlist-last-child:after,
 +
.hlist li.hlist-last-child:after {
 +
    content: none;
 +
}
 +
/* Add parens around nested lists */
 +
.hlist dl dl dd:first-child:before,
 +
.hlist ol ol li:first-child:before,
 +
.hlist ul ul li:first-child:before {
 +
    content: "(";
 +
}
 +
.hlist dl dl dd:last-child:after,
 +
.hlist ol ol li:last-child:after,
 +
.hlist ul ul li:last-child:after {
 +
    content: ")";
 +
    font-weight: normal;
 +
}
 +
/* For IE8 */
 +
.hlist dl dl dd.hlist-last-child:after,
 +
.hlist ol ol li.hlist-last-child:after,
 +
.hlist ul ul li.hlist-last-child:after {
 +
    content: ")";
 +
    font-weight: normal;
 +
}
 +
/* Put numbers in ordered lists */
 +
.hlist.hnum ol li {
 +
    counter-increment: level1;
 +
}
 +
.hlist.hnum ol li:before {
 +
    content: counter(level1) " ";
 +
}
 +
.hlist.hnum ol ol li {
 +
    counter-increment: level2;
 +
}
 +
.hlist.hnum ol ol li:first-child:before {
 +
    content: "(" counter(level2) " ";
 +
}
 +
.hlist.hnum ol ol li:before {
 +
    content: counter(level2) " ";
 +
}
 +
 
 +
/* Default style for navigation boxes */
 +
.navbox {                    /* Navbox container style */
 
     border: 1px solid #aaa;
 
     border: 1px solid #aaa;
 +
    width: 100%;
 +
    margin: auto;
 +
    clear: both;
 +
    font-size: 88%;
 
     text-align: center;
 
     text-align: center;
−
     border-collapse: collapse;
+
     padding: 1px;
−
     font-size: 95%;
+
}
 +
.navbox-inner,
 +
.navbox-subgroup {
 +
     width: 100%;
 
}
 
}
−
div.NavFrame + div.NavFrame {
+
.navbox th,
−
     border-top-style: none;
+
.navbox-title,
−
     border-top-style: hidden;
+
.navbox-abovebelow {
 +
     text-align: center;      /* Title and above/below styles */
 +
    padding-left: 1em;
 +
     padding-right: 1em;
 
}
 
}
−
div.NavPic {
+
th.navbox-group {             /* Group style */
−
     background-color: #fff;
+
     white-space: nowrap;
−
    margin: 0;
 
−
    padding: 2px;
 
 
     /* @noflip */
 
     /* @noflip */
−
     float: left;
+
     text-align: right;
 +
}
 +
.navbox,
 +
.navbox-subgroup {
 +
    background: #fdfdfd;      /* Background color */
 +
}
 +
.navbox-list {
 +
    border-color: #fdfdfd;    /* Must match background color */
 +
}
 +
.navbox th,
 +
.navbox-title {
 +
    background: #ccccff;      /* Level 1 color */
 +
}
 +
.navbox-abovebelow,
 +
th.navbox-group,
 +
.navbox-subgroup .navbox-title {
 +
    background: #ddddff;      /* Level 2 color */
 +
}
 +
.navbox-subgroup .navbox-group,
 +
.navbox-subgroup .navbox-abovebelow {
 +
    background: #e6e6ff;      /* Level 3 color */
 +
}
 +
.navbox-even {
 +
    background: #f7f7f7;      /* Even row striping */
 +
}
 +
.navbox-odd {
 +
    background: transparent;  /* Odd row striping */
 +
}
 +
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
 +
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
 +
}
 +
.navbox .hlist td dl,
 +
.navbox .hlist td ol,
 +
.navbox .hlist td ul,
 +
.navbox td.hlist dl,
 +
.navbox td.hlist ol,
 +
.navbox td.hlist ul {
 +
    padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
 +
}
 +
.navbox .hlist dd,
 +
.navbox .hlist dt,
 +
.navbox .hlist li {
 +
    white-space: nowrap;      /* Nowrap list items in navboxes */
 +
    white-space: normal !ie;  /* IE < 8 no-wraps entire list, so disable it */
 +
}
 +
.navbox .hlist dd dl,
 +
.navbox .hlist dt dl,
 +
.navbox .hlist li ol,
 +
.navbox .hlist li ul {
 +
    white-space: normal;      /* But allow parent list items to be wrapped */
 +
}
 +
ol + table.navbox,
 +
ul + table.navbox {
 +
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
 +
}
 +
 +
/* Default styling for Navbar template */
 +
.navbar {
 +
    display: inline;
 +
    font-size: 88%;
 +
    font-weight: normal;
 +
}
 +
.navbar ul {
 +
    display: inline;
 +
    white-space: nowrap;
 +
}
 +
.navbar li {
 +
    word-spacing: -0.125em;
 
}
 
}
−
div.NavFrame div.NavHead {
+
.navbar.mini li span {
−
    height: 1.6em;
+
  font-variant: small-caps;
−
    font-weight: bold;
 
−
    background-color: #ccf;
 
−
    position: relative;
 
 
}
 
}
−
div.NavFrame p,
+
/* Navbar styling when nested in navbox */
−
div.NavFrame div.NavContent,
+
.navbox .navbar {
−
div.NavFrame div.NavContent p {
+
    display: block;
 
     font-size: 100%;
 
     font-size: 100%;
 
}
 
}
−
div.NavEnd {
+
.navbox-title .navbar {
−
     margin: 0;
+
     /* @noflip */
−
     padding: 0;
+
    float: left;
−
     line-height: 1px;
+
     /* @noflip */
−
     clear: both;
+
    text-align: left;
 +
     /* @noflip */
 +
    margin-right: 0.5em;
 +
     width: 6em;
 
}
 
}
−
a.NavToggle {
+
 
−
    position: absolute;
+
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
−
    top: 0;
+
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
 +
.collapseButton {     
 
     /* @noflip */
 
     /* @noflip */
−
     right: 3px;
+
     float: right;
 
     font-weight: normal;
 
     font-weight: normal;
−
     font-size: 90%;
+
    /* @noflip */
 +
    margin-left: 0.5em;
 +
    /* @noflip */
 +
    text-align: right;
 +
    width: auto;
 +
}
 +
/* In navboxes, the show/hide button balances the v·d·e links
 +
  from [[Template:Navbar]], so they need to be the same width. */
 +
.navbox .collapseButton {
 +
    width: 6em;
 +
}
 +
 +
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
 +
.mw-collapsible-toggle {
 +
     font-weight: normal;
 +
    /* @noflip */
 +
    text-align: right;
 +
}
 +
.navbox .mw-collapsible-toggle {
 +
    width: 6em;
 
}
 
}

Latest revision as of 13:44, 20 October 2020

/* CSS placed here will be applied to all skins */

/* Numberless TOCs */
.noautonum .tocnumber {
    display: none;
}


/* For HarvardReferences Mediawiki extension. */
.harvVisitedLink { 
	background-color: #AAAAAA;
}
.harvReferenceLink { 
	background-color: #FFFF00;
}
.harvNone { 
	background-color: inherit;
}
.harvBackground { 
	background-color: #DDEEFF;
}


/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    border-spacing: 3px;
    background-color: #f9f9f9;
    color: black;
    /* @noflip */
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    /* @noflip */
    float: right;
    /* @noflip */
    clear: right;
    font-size: 88%;
    line-height: 1.5em;
}
.infobox caption {
    font-size: 125%;
    font-weight: bold;
    padding: 0.2em;
}
.infobox td,
.infobox th {
    vertical-align: top;
    /* @noflip */
    text-align: left;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
    border: 1px solid #c0c090;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    /* @noflip */
    border-right: 1px solid #aaa;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    /* @noflip */
    border-right: 1px solid #aaa;
}

/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    border-collapse: collapse;
    line-height: 1.2em;
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: 1px solid #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: 1px solid #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}


/* Unbulleted lists */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}

/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li { 
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
    display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.hlist dd:after,
.hlist li:after {
    content: " ·";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl dd:first-child:before,
.hlist ol ol li:first-child:before,
.hlist ul ul li:first-child:before {
    content: "(";
}
.hlist dl dl dd:last-child:after,
.hlist ol ol li:last-child:after,
.hlist ul ul li:last-child:after {
    content: ")";
    font-weight: normal;
}
/* For IE8 */
.hlist dl dl dd.hlist-last-child:after,
.hlist ol ol li.hlist-last-child:after,
.hlist ul ul li.hlist-last-child:after {
    content: ")";
    font-weight: normal;
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:first-child:before {
    content: "(" counter(level2) " ";
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}

/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #aaa;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
    white-space: normal !ie;  /* IE < 8 no-wraps entire list, so disable it */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}
 
/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-size: 88%;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li span {
  font-variant: small-caps;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
    display: block;
    font-size: 100%;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 6em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {       
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 6em;
}
 
/* Styling for JQuery makeCollapsible, matching that of collapseButton */
.mw-collapsible-toggle {
    font-weight: normal;
    /* @noflip */
    text-align: right;
}
.navbox .mw-collapsible-toggle {
    width: 6em;
}
Retrieved from "http://wiki.nmr-relax.com/wiki/index.php?title=MediaWiki:Common.css&oldid=7688"