MediaWiki:Common.css
From Cobi Collectors Wiki
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: 8px; 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; 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; }