MediaWiki:Common.css: Skilnad mellom versjonar

Siste versjonen frå 13. januar 2015 kl. 21:10

/* CSS plassert i denne fila vil gjelde for alle utseender. */

/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
  border: 1px solid #aaa;
  width: 100%; 
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
}
table + table.navbox,
div + table.navbox,
ol + table.navbox,
ul + table.navbox { 
  margin-top: 1em;   /* Margin at top of stack */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;            /* (doesn't work for IE6, but that's okay)       */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;      /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {            /* Group style */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;     /* Background color */
}
.navbox-list {
  border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
  background: #ccccff;     /* Level 1 color */
}
.navbox-abovebelow,
.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 */
}
 
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
    float: right;          /* by the CollapsibleTables javascript in    */
    font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here    */
    text-align: right;     /* so they can be customised.                */
    width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
    width: 6em;            /* the vde links from [[Template:Tnavbar]],   */
}                          /* so they need to be the same width.         */
 
 
/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
}
.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;
}
 
/* for stor hovedsidetabell */
.hovedsidetabell {
    margin: 0 0 1em 1em; 
    border: 4px solid #E0E8FF; 
    border-collapse: collapse;
}

.hovedsidetabell td {
    border: 1px solid #E0E8FF; 
    border-collapse: collapse;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border: 0;
    border-right: 1px solid #aaa;
}
 
/* Styles for geography infoboxes, eg countries,
   country subdivisions, cities, etc.            */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}
 
.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #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: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}
 
.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* Pad Google AdSense box in portlet in sidebar */
#p-googleadsense .pBody {
    padding-top: 5px;
    text-align:  center;
}

table.calendar          { margin: 0; padding: 10px; }
table.calendar td       { margin: 0; padding: 2px; vertical-align: top; }
table.month .heading td { padding:2px; background-color:#d4d4d4; color:#aaa; text-align:center; font-size:120%; font-weight:bold; }
table.month .dow td     { color:#aaa; text-align:center; font-size:110%; }
table.month td.today    { background-color:#ddd; }
table.month td {
    border: none;
    margin: 0;
    padding: 1pt 1.5pt;
    font-weight: bold;
    font-size: 8pt;
    text-align: right;
    background-color: #eee;
    }
#bodyContent table.month a { background:none; padding:0 }
.day-active { color:#0000cc }
.day-empty  { color:#cc0000 }

div.NavFrame {
    border-collapse: collapse;
    font-size: 95%;
    text-align: center;
}
div.NavFrame div.NavHead {
    background-color: #EFEFEF;
    font-weight: bold;
}

#a2a_dd {
     text-align: right;
}
/* Hides main page first heading */
body.page-Hovedside h1.firstHeading { display:none; }

/* rammer i navbox */
div.ramme img{border:1px solid rgb(187,187,187);}
span.ramme img{border:1px solid rgb(187,187,187);}


/*** scripted multicolumn ***/
/*
.multicol-verysmall .multicol + ul,
.multicol-verysmall .multicol + ol,
.multicol-verysmall .multicol ul,
.multicol-verysmall .multicol ol,
.multicol-verysmall ul.multicol,
.multicol-verysmall ol.multicol {
    column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;
}
*/
.multicol-xx-small .multicol + ul,
.multicol-xx-small .multicol + ol,
.multicol-xx-small .multicol ul,
.multicol-xx-small .multicol ol,
.multicol-xx-small ul.multicol,
.multicol-xx-small ol.multicol {
    column-count: 1; -moz-column-count: 1; -webkit-column-count: 1;
}
.multicol-x-small .multicol + ul,
.multicol-x-small .multicol + ol,
.multicol-x-small .multicol ul,
.multicol-x-small .multicol ol,
.multicol-x-small ul.multicol,
.multicol-x-small ol.multicol {
    column-count: 2; -moz-column-count: 2; -webkit-column-count: 2;
}
.multicol-small .multicol + ul,
.multicol-small .multicol + ol,
.multicol-small .multicol ul,
.multicol-small .multicol ol,
.multicol-small ul.multicol,
.multicol-small ol.multicol {
    column-count: 3; -moz-column-count: 3; -webkit-column-count: 3;
}
.multicol-normal .multicol + ul,
.multicol-normal .multicol + ol,
.multicol-normal .multicol ul,
.multicol-normal .multicol ol,
.multicol-normal ul.multicol,
.multicol-normal ol.multicol {
    column-count: 4; -moz-column-count: 4; -webkit-column-count: 4;
}
.multicol-large .multicol + ul,
.multicol-large .multicol + ol,
.multicol-large .multicol ul,
.multicol-large .multicol ol,
.multicol-large ul.multicol,
.multicol-large ol.multicol {
    column-count: 5; -moz-column-count: 5; -webkit-column-count: 5;
}
.multicol-x-large .multicol + ul,
.multicol-x-large .multicol + ol,
.multicol-x-large .multicol ul,
.multicol-x-large .multicol ol,
.multicol-x-large ul.multicol,
.multicol-x-large ol.multicol {
    column-count: 6; -moz-column-count: 6; -webkit-column-count: 6;
}
.multicol-xx-large .multicol + ul,
.multicol-xx-large .multicol + ol,
.multicol-xx-large .multicol ul,
.multicol-xx-large .multicol ol,
.multicol-xx-large ul.multicol,
.multicol-xx-large ol.multicol {
    column-count: 7; -moz-column-count: 7; -webkit-column-count: 7;
}
/*
.multicol-verylarge .multicol + ul,
.multicol-verylarge .multicol + ol,
.multicol-verylarge .multicol ul,
.multicol-verylarge .multicol ol,
.multicol-verylarge ul.multicol,
.multicol-verylarge ol.multicol {
    column-count: 8; -moz-column-count: 8; -webkit-column-count: 8;
}
*/
.multicol-all .multicol + ul,
.multicol-all .multicol + ol,
.multicol-all .multicol ul,
.multicol-all .multicol ol,
.multicol-all ul.multicol,
.multicol-all ol.multicol {
    list-style-position: inside;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Følgende skjuler v·d·e-lenkene som standard; de kan vises igjen ved å slå på tilleggsfunksjonen «Vis lenker i navigasjonsbokser» i [[Spesial:Innstillinger]] */
.navbar {
  visibility:hidden;
  background:none;
  padding:0;
  font-weight:normal;
  font-size:xx-small;
}
 
@media print {
    .navbox {
        display: none;
    }
}
 
/*
 * Layout for navboxes
 */
 
/*div.navbox - this one hits other navboxes too */
div.statbox,
div.dynbox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    margin-top: 1em;
    margin-bottom: 1em;
    padding: 5px;
    clear: both;
}
div.navbox dl {
    margin: 0;
}
div.navbox dl + dl dt {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAMAAAA7MLYKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtQTFRF29vb2tra4ODg6urq5OTk4uLi6+vr7e3t7Ozs8PDw5+fn4+Pj4eHh3d3d39/f6Ojo5eXl6enp8fHx8/Pz8vLy7+/v3Nzc2dnZ2NjYnErj7QAAAD1JREFUeNq0wQUBACAMALDj7hf6JyUFGxzEnYhC9GaNPG1xVffGDErk/iCigLl1XV2xM49lfAxEaSM+AQYA9HMKuv4liFQAAAAASUVORK5CYII=);
    background-image: url("//bits.wikimedia.org/w/extensions-1.17/Vector/modules/images/portal-break.png") !ie;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 2px;
}
div.navbox dt {
    text-align: center;
    margin: 0;
}
div.navbox.collapsible dd {
    display:none;
}
div.navbox dd {
    margin: 0;
}
div.navbox dt {
    font-weight: normal;
    color: #4d4d4d;
    font-size:95%;
}
/* the .title only exists after script is run */
div.navbox.collapsible dt .title {
    cursor: pointer;
    padding-left: 1.5em;
    line-height:inherit;
}
div.navbox dt.collapsed .title {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAxQTFRF3d3deXl5////nZ2dQA6SoAAAAAN0Uk5T//8A18oNQQAAADNJREFUeNpiYEIDDMQKMKALMDOgCTDCRWACcBG4AEwEIcDITEAFuhnotmC4g4EEzwEEGAADqgHmQSPJKgAAAABJRU5ErkJggg==);
    background-image: url(//bits.wikimedia.org/w/extensions-1.17/Vector/modules/images/closed-ltr.png) !ie;
    background-repeat: no-repeat;
    background-position: 0% 60%;
    color: #0645AD;
}
div.navbox dt.expanded .title {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRFeXl53d3dmpqasbGx////GU0iEgAAAAV0Uk5T/////wD7tg5TAAAAK0lEQVQI12NwgQIG0hhCDAwMTCJAhqMCA4MiWEoIJABiOCooQhULi5BqMgB2bh4svs8t+QAAAABJRU5ErkJggg==);
    background-image: url(//bits.wikimedia.org/w/extensions-1.17/Vector/modules/images/open.png) !ie;
    background-repeat: no-repeat;
    background-position: 0% 60%;
}
div.navbox dd ul.lead-in:before,
div.navbox dd ol.lead-in:before {
    content: ': ';
}
div.navbox ul.lead-in,
div.navbox ol.lead-in {
    margin: 0;
    text-align: left;
    display: inline;
}
div.navbox.no-script ul:before,
div.navbox.no-script ol:before {
    content: ': ';
}
div.navbox.no-script ul,
div.navbox.no-script ol {
    margin: 0;
    text-align: left;
    display: inline;
}
div.navbox ul,
div.navbox ol {
    margin: 0;
    text-align: center;
    display: block;
}
div.navbox .lists>ul,
div.navbox .lists>ol {
    font-size: 80%;
}
div.navbox li {
    margin-left: 0;
    margin-right: 0;
    display: inline;
    /* At some point the following will work, then scripting can be removed */
    /*
    bikeshedding: consume-before;
    bikeshedding: consume-after;
    white-space-collapse: consume-before;
    white-space-collapse: consume-after;
    text-space-collapse: consume-before;
    text-space-collapse: consume-after;
    */
}
div.navbox ol {
    counter-reset:navbox-ol-items;
}
div.navbox ol li {
    counter-increment:navbox-ol-items;
}
div.navbox ol li:before {
    content: '[' counter(navbox-ol-items) '] ';
}
div.navbox ol li + li:before {
    content: '| [' counter(navbox-ol-items) '] ';
}
div.navbox ul li + li:before {
    content: '| ';
}
 
 

/* Skjul/vis */
/* For vis/skjul-knapper. */
 
.skjulKnapp {
  float:left;
  width:4em;
  text-align:right;
}
 
.NavFrame .skjulKnapp {
  position:absolute;
  right:6px;
  z-index:2;
}
 
.NavFrame .NavDynContent .skjulKnapp {
  position:relative;
  bottom:2px;
}
 
.NavDynContent .skjulInnhold {
  margin-left:1em;
}
 
/*
.skjulInnhold {
  display:none;
}
*/
 
/* Dette er et alternativ til foranstående som er noe brutalt ovenfor de som ikke har javascript */
.NavDynContent .skjulInnhold li {
  display:inline;
}
 
.skjulBryter {
  position:absolute;
  right:0;
  z-index:4;
  height:15px;
  font-size:100px;
  overflow:hidden;
}
 
* html .skjulKnapp { font-size:smaller; }