MediaWiki:Common.css

From Cobi Collectors Wiki
Revision as of 14:17, 10 March 2025 by Dieba (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
.infobox {
box-shadow: 5px 5px 10px black;
vertical-align:middle;
background: #ebecf0;
border: 1px solid #aaa;
float: right;
margin: 0 0 0.5em 0.5em;
padding: 0.5em;
width: 300px;
}

.headersetpage {
width: 100%;
margin-bottom: 20px;
background: #ebecf0;
border: 1px solid #aaa;
padding: 8px;
box-shadow: 5px 5px 10px black;
font-size:18px;
}

.headernocolumn {
width: 100%;
height: 80px;
margin-bottom: 20px;
background: #ebecf0;
border: 1px solid #aaa;
padding: 15px;
box-shadow: 5px 5px 10px black;
font-size:16px;
}

.headercatpage {
width: 100%;
height: 100px;
margin-bottom: 20px;
background: #ebecf0;
border: 1px solid #aaa;
padding: 8px 15px 8px 15px;
box-shadow: 5px 5px 10px black;
font-size:18px;
}

.textbox {
width: 50%;
background: #ebecf0;
border: 2px solid #9FB6CD;
padding: 8px 15px 8px 15px;
margin: 0 auto;
}

.innercenter {
text-align: center;
padding: 15px;
}

.cobitable {
   background-color: #f8f9fa;
   color: #202122;
   margin: 1em 0;
   border: 1px solid #a2a9b1;
   border-collapse: collapse;
}
.cobitable > caption {
   font-weight: bold;
}
.cobitable > tr > th,
.cobitable > * > tr > th {
   border: 1px solid #000;
   background-color: #9FB6CD;
   text-align: center;
   padding: 0.4em 0.7em;
}
.cobitable > tr > td,
.cobitable > * > tr > td {
   border: 1px solid #a2a9b1;
   padding: 0.4em 0.7em;
}

.box-headline {
   background-color: #9FB6CD;
   font-size: 16px;
   padding: 5px;
}

.mainparent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 160px repeat(2, 1fr); 
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.box1 {
grid-area: 1 / 1 / 2 / 3;
background: #ebecf0;
border: 1px solid #aaa;
padding: 15px;
}
.box2 {
grid-area: 2 / 1 / 3 / 2;
background: #ebecf0;
border: 1px solid #aaa;
padding: 15px;
}
.box3 {
grid-area: 3 / 1 / 4 / 2;
background: #ebecf0;
border: 1px solid #aaa;
padding: 15px;
}
.box4 {
grid-area: 2 / 2 / 4 / 3;
background: #ebecf0;
border: 1px solid #aaa;
padding: 15px;
}

.brickparent {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(3, 140px);
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
padding: 10px;
}
.brick1 { grid-area: 1 / 1 / 2 / 2;}
.brick2 { grid-area: 1 / 2 / 2 / 3;}
.brick3 { grid-area: 1 / 3 / 2 / 4;}
.brick4 { grid-area: 1 / 4 / 2 / 5;}
.brick5 { grid-area: 2 / 1 / 3 / 2;}
.brick6 { grid-area: 2 / 2 / 3 / 3;}
.brick7 { grid-area: 2 / 3 / 3 / 4;}
.brick8 { grid-area: 2 / 4 / 3 / 5;}
.brick9 { grid-area: 3 / 1 / 4 / 2;}

.aboutsetlogo {
width:100px;
height:100px;
position: absolute;
object-fit: contain;
}
.aboutsettext {
margin-left:110px;
height:120px;
}