MediaWiki:Common.css: Forskelle mellem versioner
MediaWiki interface page
More actions
Admin (diskussion | bidrag) Ingen redigeringsopsummering |
Admin (diskussion | bidrag) Ingen redigeringsopsummering |
||
| (198 mellemliggende versioner af den samme bruger vises ikke) | |||
| Linje 1: | Linje 1: | ||
/** CSS inkluderet her vil være aktivt for alle brugere. */ | /** CSS inkluderet her vil være aktivt for alle brugere. */ | ||
/* Infobox templates */ | |||
/* ******** Infobox templates - for mobile phones ******** */ | |||
@media only screen and (max-width: 600px) { | |||
.infobox { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
text-align:left; | |||
} | |||
br { | |||
/* hide the BR tag for wider screens (i.e. no line break) */ | |||
display: none; | |||
} | |||
} | |||
/* ******** Infobox templates ******** */ | |||
.infobox { | .infobox { | ||
width: 270px; | |||
text-align:left; | |||
border: 1px solid #a2a9b1; | |||
background: ; | |||
color: black; | |||
margin-bottom: 0.5em; | |||
/* @noflip */ | /* @noflip */ | ||
margin-left: 1em; | |||
padding: 0.2em; | |||
/* @noflip */ | /* @noflip */ | ||
float: right; | |||
/* @noflip */ | /* @noflip */ | ||
clear: right; | |||
font-size: 90%; | |||
} | } | ||
.infobox td, | .infobox td, | ||
.infobox th { | .infobox th { | ||
vertical-align: | vertical-align: middle; | ||
} | |||
.infobox td { | |||
padding-top: 2px; | |||
padding-bottom: 2px; | |||
} | } | ||
.infobox td:first-child { | |||
padding-top: 0px; | |||
padding-bottom: 0px; | |||
} | |||
.infobox caption { | .infobox caption { | ||
font-size: 125%; | |||
font-weight: bold; | |||
font-style: italic; | |||
position: absolute; | |||
bottom: 0; | |||
left: 0; | |||
word-wrap: break-word; | |||
margin-left: inherit; | |||
} | } | ||
.infobox.bordered { | .infobox.bordered { | ||
| Linje 37: | Linje 80: | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
.archive-box { | .archive-box { | ||
| Linje 48: | Linje 93: | ||
clear: right; | clear: right; | ||
text-align: center; | text-align: center; | ||
} | |||
.mw-body-content a:visited { color: #0645ad !IMPORTANT; } | |||
.mw-body-content a.new:link { color:#ba0000 !IMPORTANT; } | |||
.mw-body-content a.new:visited { color: #ba0000 !IMPORTANT; } | |||
.infobox-cell:empty { | |||
display: none; | |||
} | |||
/**** Citizen table ****/ | |||
/* This CSS creates a table akin to the table used in the Citizen-skin, but is clickable as opposed to the latter */ | |||
.citizen-table { | |||
border: 1px solid #ddd; | |||
border-collapse: separate; | |||
border-spacing: 0; | |||
border-radius: 10px; /* Rounded corners */ | |||
overflow: hidden; /* Ensures rounded corners are visible */ | |||
margin: 20px 0; /* Some space around the table */ | |||
font-size: 90%; | |||
} | |||
/* Table header styling */ | |||
.citizen-table th { | |||
padding: 5px; | |||
text-align: left; | |||
border-bottom: 1px solid #ddd; /* Horizontal line below header */ | |||
} | |||
/* Table body styling */ | |||
.citizen-table td { | |||
padding: 5px; | |||
border-bottom: 1px solid #ddd; /* Horizontal lines between rows */ | |||
} | |||
/* Table body styling for first column */ | |||
.citizen-table th:first-child { | |||
padding: 10px; | |||
padding-left: 10px; /* Left padding for first body cell */ | |||
} | |||
.citizen-table td:first-child { | |||
padding: 10px; | |||
padding-left: 10px; /* Left padding for first body cell */ | |||
} | } | ||
Nuværende version fra 2. jan. 2025, 11:09
/** CSS inkluderet her vil være aktivt for alle brugere. */
/* ******** Infobox templates - for mobile phones ******** */
@media only screen and (max-width: 600px) {
.infobox {
width: 100% !important;
max-width: 100% !important;
text-align:left;
}
br {
/* hide the BR tag for wider screens (i.e. no line break) */
display: none;
}
}
/* ******** Infobox templates ******** */
.infobox {
width: 270px;
text-align:left;
border: 1px solid #a2a9b1;
background: ;
color: black;
margin-bottom: 0.5em;
/* @noflip */
margin-left: 1em;
padding: 0.2em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 90%;
}
.infobox td,
.infobox th {
vertical-align: middle;
}
.infobox td {
padding-top: 2px;
padding-bottom: 2px;
}
.infobox td:first-child {
padding-top: 0px;
padding-bottom: 0px;
}
.infobox caption {
font-size: 125%;
font-weight: bold;
font-style: italic;
position: absolute;
bottom: 0;
left: 0;
word-wrap: break-word;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0 solid #a2a9b1;
}
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
.archive-box {
border: 1px solid #aaf;
background: #f2f2f9;
color: #000;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
text-align: center;
}
.mw-body-content a:visited { color: #0645ad !IMPORTANT; }
.mw-body-content a.new:link { color:#ba0000 !IMPORTANT; }
.mw-body-content a.new:visited { color: #ba0000 !IMPORTANT; }
.infobox-cell:empty {
display: none;
}
/**** Citizen table ****/
/* This CSS creates a table akin to the table used in the Citizen-skin, but is clickable as opposed to the latter */
.citizen-table {
border: 1px solid #ddd;
border-collapse: separate;
border-spacing: 0;
border-radius: 10px; /* Rounded corners */
overflow: hidden; /* Ensures rounded corners are visible */
margin: 20px 0; /* Some space around the table */
font-size: 90%;
}
/* Table header styling */
.citizen-table th {
padding: 5px;
text-align: left;
border-bottom: 1px solid #ddd; /* Horizontal line below header */
}
/* Table body styling */
.citizen-table td {
padding: 5px;
border-bottom: 1px solid #ddd; /* Horizontal lines between rows */
}
/* Table body styling for first column */
.citizen-table th:first-child {
padding: 10px;
padding-left: 10px; /* Left padding for first body cell */
}
.citizen-table td:first-child {
padding: 10px;
padding-left: 10px; /* Left padding for first body cell */
}