1行目: |
1行目: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
| | | |
− | .effect-green { color: green; }
| + | /* 031 Start of wiki specific CSS (general customization options) */ |
− | .effect-background-green { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
| |
− | .effect-red { color: red; }
| |
− | .effect-background-red { background: #E9E9E9; padding: 0px 2px; border-radius: 2px; }
| |
| | | |
− | .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; } | + | /* Hiding the main page's title (using an image instead) */ |
| + | body.page-Crusader_Kings_III_Wiki h1.firstHeading { display:none; } |
| | | |
− | /* show link of icon after the image */ | + | /* Infobox colors */ |
− | .game_property_show a:after {
| |
− | content: attr(title);
| |
− | text-transform: lowercase;
| |
− | }
| |
− | | |
− | /* to negate paragraph line-height distortion */
| |
− | .game_property img { margin: -7px -0px -6px -1px; }
| |
− | | |
− | /* Better collapsing content */
| |
− | .collapse-template .mw-collapsible-toggle {
| |
− | float: none;
| |
− | }
| |
− | .collapse-template .mw-collapsible-content[style="display: block;"] {
| |
− | padding: 15px 0px 0px 0px;
| |
− | border: 1px dashed #EEE;
| |
− | }
| |
− | | |
− | /* Mildtable class */
| |
− | .mildtable th {
| |
− | text-align: left;
| |
− | background: #F5F5F5;
| |
− | padding: 5px;
| |
− | font-size: 90%;
| |
− | }
| |
− | .mildtable td + td { padding-left: 5px; }
| |
− | .mildtable td { border-top: 2px solid #DDD; }
| |
− | | |
− | /* Unbulleted lists */
| |
− | .plainlist ol,
| |
− | .plainlist ul {
| |
− | line-height: inherit;
| |
− | list-style: none none;
| |
− | margin: 0;
| |
− | }
| |
− | .plainlist ol li,
| |
− | .plainlist ul li {
| |
− | margin-bottom: 0;
| |
− | }
| |
− | | |
− | /* Infoboxes */
| |
| .eu4box { | | .eu4box { |
| border: 2px solid #480601; | | border: 2px solid #480601; |
− | border-radius: 6px;
| |
| background: #780A02; | | background: #780A02; |
− | color: white !important;
| |
− | padding: 5px;
| |
− | margin-bottom: 3px;
| |
− | margin-left: 3px;
| |
| } | | } |
− |
| |
| .eu4box .heading { | | .eu4box .heading { |
| background: #480601; | | background: #480601; |
− | border-radius: 6px;
| |
− | padding: 0px 6px 0px;
| |
− | color: white !important;
| |
− | }
| |
− |
| |
− | .eu4box a { color: lightblue !important; }
| |
− | .eu4box * { list-style-image: none; }
| |
− | .eu4box .heading .mw-headline { color: white; }
| |
− |
| |
− | /* EU4Box master styles */
| |
− | .eu4box .subheading {
| |
− | color: #FFCD51;
| |
− | font-weight: bold;
| |
| } | | } |
| | | |
− | /* EU4box-inline overrides */
| |
| .eu4box-inline { | | .eu4box-inline { |
− | background: #FDFDFD;
| + | border: 2px solid #B37570; |
− | color: #0E0E0E !important;
| |
− | border: 2px solid #b37570; | |
− | border-radius: 4px;
| |
| } | | } |
| .eu4box-inline .heading { | | .eu4box-inline .heading { |
− | background: #a8615c; | + | background: #A8615C; |
− | border-radius: 3px;
| + | background: #FDFDFD !important; /*remove later*/ |
− | }
| |
− | | |
− | .eu4box-inline hr {
| |
− | background: #CCC !important; | |
− | margin: 5px 0px 5px;
| |
− | }
| |
− | | |
− | .eu4box-inline .heading .mw-headline { color: white; }
| |
− | .eu4box-inline .heading .mw-headline img { margin-right: 5px; }
| |
− | .eu4box-inline .subheading, span[style="color: #FFCD51"] { color: #273442 !important; }
| |
− | .eu4box-inline a { color: darkblue !important; }
| |
− | .eu4box .mw-collapsible-toggle { float:none; }
| |
− | .eu4box h2 { margin-top: 0 !important; }
| |
− | .eu4box h3 { margin-top: 0 !important; }
| |
− | .header a { color: lightblue !important; }
| |
− | | |
− | /* RWD test */
| |
− | /* hide options */
| |
− | | |
− | @media only screen and (min-width: 80rem) {
| |
− | .hidel {display: none;}
| |
− | }
| |
− | | |
− | @media only screen and (max-width: 64rem) {
| |
− | .hidem {display: none;}
| |
− | }
| |
− | | |
− | @media only screen and (max-width: 48rem) {
| |
− | .hides {display: none;}
| |
− | }
| |
− | | |
− | /* Grid layout test */
| |
− | * {
| |
− | /* box-sizing: border-box; */
| |
− | }
| |
− | | |
− | /* grid container (large screen) */
| |
− | .grid-container {
| |
− | display: grid;
| |
− | grid-template-areas:
| |
− | 'header header header header header header'
| |
− | 'middle middle middle middle middle right'
| |
− | 'middle2 middle2 middle2 middle2 middle2 right'
| |
− | 'middle3 middle3 middle3 middle3 middle3 right'
| |
− | 'footer footer footer footer footer right';
| |
− | }
| |
− | | |
− | /* grid container (medium screen) */
| |
− | @media only screen and (max-width: 80rem) {
| |
− | .grid-container {
| |
− | grid-template-areas:
| |
− | 'header header header header header header'
| |
− | 'middle middle middle middle right right'
| |
− | 'middle2 middle2 middle2 middle2 right right '
| |
− | 'middle3 middle3 middle3 middle3 middle3 middle3'
| |
− | 'footer footer footer footer footer footer';
| |
− | }
| |
− | }
| |
− | | |
− | /* grid container (small screen) */ | |
− | @media only screen and (max-width: 64rem) {
| |
− | .grid-container {
| |
− | grid-template-areas:
| |
− | 'header header header header header header'
| |
− | 'middle middle middle middle middle middle'
| |
− | 'middle2 middle2 middle2 middle2 middle2 middle2'
| |
− | 'middle3 middle3 middle3 middle3 middle3 middle3'
| |
− | 'left left left left left left'
| |
− | 'right right right right right right'
| |
− | 'footer footer footer footer footer footer';
| |
− | }
| |
| } | | } |
| | | |
− | /* grid area location classes */ | + | /* 032 End of wiki specific CSS (general customization options) */ |
− | .header {
| |
− | grid-area: header;
| |
− | }
| |
− | .footer {
| |
− | grid-area: footer;
| |
− | }
| |
− | .left {
| |
− | grid-area: left;
| |
− | }
| |
− | .right {
| |
− | grid-area: right;
| |
− | }
| |
− | .middle {
| |
− | grid-area: middle;
| |
− | }
| |
− | .middle2 {
| |
− | grid-area: middle2;
| |
− | }
| |
− | .middle3 {
| |
− | grid-area: middle3;
| |
− | }
| |
| | | |
− | .gridBG {
| |
− | background: #85221b url(/images/4/43/CK3_MainBG.jpg) repeat left center;
| |
− | }
| |
| | | |
| #p-logo { | | #p-logo { |