Line 38: |
Line 38: |
| margin-top: -244px; | | margin-top: -244px; |
| position: relative; | | position: relative; |
− | top: -62px; | + | top: -57px; |
| left: 147px; | | left: 147px; |
| z-index: -1; | | z-index: -1; |
| + | } |
| + | |
| + | #main-gameplay img { |
| + | width: 462px; |
| + | height: 330px; |
| } | | } |
| | | |
| #main-article-tiles { | | #main-article-tiles { |
| margin-top: 1.5em; | | margin-top: 1.5em; |
− | float: right;t | + | float: right; |
| } | | } |
| | | |
Line 219: |
Line 224: |
| #steam-banner img, #discord-banner img { | | #steam-banner img, #discord-banner img { |
| margin-top: -5px; | | margin-top: -5px; |
| + | } |
| + | |
| + | #wagon-list li { |
| + | margin-left: -2em; |
| } | | } |
| | | |
| #wagon-list li, #wagon-configurator-list li { | | #wagon-list li, #wagon-configurator-list li { |
− | margin-left: -2em;
| |
| list-style: none; | | list-style: none; |
| + | } |
| + | |
| + | #wagon-configurator { |
| + | margin-top: 10px; |
| } | | } |
| | | |
| #wagon-configurator-list { | | #wagon-configurator-list { |
| display: inline-block; | | display: inline-block; |
| + | float: left; |
| + | } |
| + | |
| + | #wagon-configurator-list li { |
| + | height: 36px; |
| + | padding-right: 20px; |
| + | margin: 3px 0px 0px -20px; |
| + | border: 1px solid #CCC; |
| + | -webkit-user-select: none; |
| + | user-select: none; |
| + | } |
| + | |
| + | #wagon-configurator-list li.selected { |
| + | background-color: #FFFF91; |
| } | | } |
| | | |
− | #wagon-configurator { | + | #wagon-configurator-slots { |
− | float: right;
| |
| display: inline-block; | | display: inline-block; |
| + | padding-bottom: 9px; |
| + | float: left; |
| + | } |
| + | |
| + | #wagon-configurator-slots ul { |
| + | padding: 8px 16px 0px 16px; |
| + | margin-top: 12px; |
| + | margin-left: 10px; |
| } | | } |
| | | |
− | #wagon-configurator li { | + | #wagon-configurator-slots li { |
| list-style: none; | | list-style: none; |
| } | | } |
| | | |
− | .wagon-slot { | + | #wagon-configurator-slots #plains { |
| + | background-image: url("https://unrailed-wiki.com/images/1/1d/Wagon_Configurator_Plains_BG.png"); |
| + | } |
| + | |
| + | #wagon-configurator-slots #desert { |
| + | background-image: url("https://unrailed-wiki.com/images/d/d0/Wagon_Configurator_Desert_BG.png"); |
| + | } |
| + | |
| + | #wagon-configurator-slots #snow { |
| + | background-image: url("https://unrailed-wiki.com/images/9/9e/Wagon_Configurator_Snow_BG.png"); |
| + | } |
| + | |
| + | #wagon-configurator-slots #hell { |
| + | background-image: url("https://unrailed-wiki.com/images/c/cd/Wagon_Configurator_Hell_BG.png"); |
| + | } |
| + | |
| + | #wagon-configurator-slots #space { |
| + | background-image: url("https://unrailed-wiki.com/images/3/3d/Wagon_Configurator_Space_BG.png"); |
| + | } |
| + | |
| + | #wagon-configurator-slots #mars { |
| + | background-image: url("https://unrailed-wiki.com/images/7/7d/Wagon_Configurator_Mars_BG.png"); |
| + | } |
| + | |
| + | #wagon-configurator-slots #plains, #wagon-configurator-slots #desert, #wagon-configurator-slots #snow, #wagon-configurator-slots #hell, #wagon-configurator-slots #space, #wagon-configurator-slots #mars { |
| + | -webkit-user-select: none; |
| + | user-select: none; |
| + | } |
| + | |
| + | .wagon-slot, .engine-slot { |
| display: inline-block; | | display: inline-block; |
− | width: 66px; | + | border: 1px dotted; |
− | height: 72px;
| + | background-color: #FFF7; |
− | border: 1px solid; | |
| background-position: center center; | | background-position: center center; |
| background-repeat: no-repeat; | | background-repeat: no-repeat; |
| + | box-shadow: 0 0.2rem 0.2rem -0.003rem rgb(102,102,102); |
| + | } |
| + | |
| + | .wagon-slot { |
| + | width: 60px; |
| + | height: 72px; |
| + | } |
| + | |
| + | .engine-slot { |
| + | width: 104px; |
| + | height: 72px; |
| + | } |
| + | |
| + | .wagon-slot.wagon-tank { |
| + | background-image: url("https://unrailed-wiki.com/images/thumb/f/f1/TankWagon_3.png/128px-TankWagon_3.png"); |
| + | } |
| + | |
| + | .wagon-slot.wagon-storage { |
| + | background-image: url("https://unrailed-wiki.com/images/thumb/1/1f/StorageWagon_3.png/128px-StorageWagon_3.png"); |
| + | } |
| + | |
| + | .wagon-slot.wagon-crafter { |
| + | background-image: url("https://unrailed-wiki.com/images/thumb/f/f8/CraftingWagon_3.png/128px-CraftingWagon_3.png"); |
| + | } |
| + | |
| + | .starter-steam-engine { |
| + | background-image: url("https://unrailed-wiki.com/images/thumb/2/28/Starter_Steam_Engine.png/100px-Starter_Steam_Engine.png"); |
| + | } |
| + | |
| + | .desperado-steam-engine { |
| + | background-image: url("https://unrailed-wiki.com/images/thumb/3/34/Desperado_Steam_Engine.png/100px-Desperado_Steam_Engine.png"); |
| + | } |
| + | |
| + | .turbodiesel-engine { |
| + | background-image: url("https://unrailed-wiki.com/images/thumb/4/4f/Turbodiesel_Engine.png/100px-Turbodiesel_Engine.png"); |
| + | } |
| + | |
| + | .atomic-engine { |
| + | background-image: url("https://unrailed-wiki.com/images/thumb/3/3b/Atomic_Engine.png/100px-Atomic_Engine.png"); |
| + | } |
| + | |
| + | .rocket-engine { |
| + | background-image: url("https://unrailed-wiki.com/images/thumb/3/3a/Rocket_Engine.png/100px-Rocket_Engine.png"); |
| + | } |
| + | |
| + | .mars-rover-engine { |
| + | background-image: url("https://unrailed-wiki.com/images/thumb/e/ea/Mars_Rover_Engine.png/100px-Mars_Rover_Engine.png"); |
| } | | } |
| | | |
Line 273: |
Line 381: |
| | | |
| .navbox { | | .navbox { |
| + | width: 100%; |
| text-align: center; | | text-align: center; |
| background-color: #F8F9FA; | | background-color: #F8F9FA; |