MediaWiki:Common.css
Revision as of 19:32, 1 March 2020 by imported>Stencil (ArticleTile Rotation)
Note: After saving, 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: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
#main-container {
width: 827.5px;
margin: auto;
}
#main-introduction {
width: 620px;
}
#main-article-tiles {
float: right;
}
.article-tile {
position: relative;
height: 129px;
width: 191px;
margin-bottom: 13.5px;
background: #E7D180;
border: 3px solid #B3812C;
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
--ms-transform: rotate(-8deg);
-transform: rotate(-8deg);
}
.article-tile-container {
position: absolute;
top: 107px;
width: 191px;
line-height: 12px;
z-index: 3;
}
.article-tile-label {
background: #B3812C;
padding: 2px;
float: right;
}
.article-tile-label a, .article-tile-label a:hover, .article-tile-label a:active, .article-tile-label a:visited {
color: #FFFFFF;
text-decoration: none;
}
.article-tile-image {
margin: 3px;
position: relative;
bottom: 4px;
}
.article-tile-posh {
border-color: transparent #B3812C #B3812C transparent;
border-style: solid;
border-width: 8px 8px 8px 8px;
float: right;
}
#main-wagon-list {
margin: 2.8em 0 3.8em 5em;
width: 39.6em;
height: auto;
border: 5px solid #1BAAEA;
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);
-webkit-transform: rotate(-8deg);
-moz-transform: rotate(-8deg);
-o-transform: rotate(-8deg);
--ms-transform: rotate(-8deg);
-transform: rotate(-8deg);
font-family: 'Linux Libertine','Georgia','Times',serif;
font-size: 12px;
float: left;
}
#main-wagon-list ul {
display: flex;
margin: 0;
padding: 3px;
list-style: none;
}
#main-wagon-list ul:not(:last-child) {
border-bottom: 1px solid #BDC2C8;
}
#main-wagon-list li {
margin: -3px 0;
padding: 0 30px;
width: 8em;
text-align: center;
}
#main-wagon-list li:not(:last-child) {
border-right: 1px solid #BDC2C8;
}
#main-wagon-list #bubble {
width: 25px;
height: 25px;
margin-bottom: -25px;
z-index: -1;
position: relative;
bottom: 43px;
left: 37px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
background-color: #495460;
}
#wagons-header {
margin: -1px;
background-color: #17A7E5;
-webkit-transition: background-color 1s;
moz-transition: background-color 1s;
o-transition: background-color 1s;
transition: background-color 1s;
}
#wagons-header:hover {
background-color: #1496CE;
}
.mw-body {
box-shadow: 0 0.25rem 0.35rem -0.25rem rgb(0, 0, 0);
}
body {
background-image: url("images/2/23/Unrailed-Grid.png");
background-repeat: repeat;
}