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; |
| } | | } |
| | | |
Line 96: |
Line 101: |
| | | |
| #main-wagon-list { | | #main-wagon-list { |
− | margin: 3.8em 0 3.8em 3.8em; | + | margin: 2.8em 0 3.8em 3.8em; |
| width: 588px; | | width: 588px; |
| height: auto; | | height: auto; |
Line 124: |
Line 129: |
| #main-wagon-list li { | | #main-wagon-list li { |
| margin: -3px 0; | | margin: -3px 0; |
− | padding: 0px 13px 4px 13px; | + | padding: 0 13px 4px 13px; |
| width: 120px; | | width: 120px; |
| text-align: center; | | text-align: center; |
Line 143: |
Line 148: |
| margin-top: -16px; | | margin-top: -16px; |
| width: 25px; | | width: 25px; |
− | padding: 0px 2px; | + | padding: 0 2px; |
| line-height: 16px; | | line-height: 16px; |
| font-size: 80%; | | font-size: 80%; |
Line 178: |
Line 183: |
| #wagons-header { | | #wagons-header { |
| width: 183px; | | width: 183px; |
− | margin-top: 0; | + | margin-top: -22px; |
| margin-left: -1px; | | margin-left: -1px; |
| margin-bottom: -2px; | | margin-bottom: -2px; |
| + | padding: 11px 0; |
| + | position: relative; |
| + | top: 22px; |
| background-color: #17A7E5; | | background-color: #17A7E5; |
| -webkit-transition: background-color 1s; | | -webkit-transition: background-color 1s; |
Line 194: |
Line 202: |
| #main-wagon-links { | | #main-wagon-links { |
| width: 408px; | | width: 408px; |
− | margin-top: -48px; | + | margin-top: -46px; |
| margin-right: -1px; | | margin-right: -1px; |
| float: right; | | float: right; |
| } | | } |
| | | |
− | #steam-banner, #discord-banner { | + | #steam-banner, #egs-banner, #discord-banner { |
| height: 20px; | | height: 20px; |
− | margin-top: 2px; | + | margin-bottom: 2px; |
| padding-left: 10px; | | padding-left: 10px; |
| color: #FFFFFF; | | color: #FFFFFF; |
Line 210: |
Line 218: |
| | | |
| #steam-banner { | | #steam-banner { |
− | background-color: #171A21; | + | background-color: #1B2838; |
| + | } |
| + | |
| + | #egs-banner { |
| + | background-color: #2E3037; |
| } | | } |
| | | |
Line 217: |
Line 229: |
| } | | } |
| | | |
− | #steam-banner img, #discord-banner img { | + | #steam-banner img, #egs-banner img, #discord-banner img { |
| margin-top: -5px; | | margin-top: -5px; |
| } | | } |
Line 227: |
Line 239: |
| #wagon-list li, #wagon-configurator-list li { | | #wagon-list li, #wagon-configurator-list li { |
| list-style: none; | | list-style: none; |
| + | } |
| + | |
| + | #wagon-configurator-mobile { |
| + | display: none; |
| + | } |
| + | |
| + | #wagon-configurator { |
| + | margin-top: 10px; |
| } | | } |
| | | |
Line 237: |
Line 257: |
| height: 36px; | | height: 36px; |
| padding-right: 20px; | | padding-right: 20px; |
− | margin: 3px 0px 0px -20px; | + | margin: 3px 0 6px -20px; |
| border: 1px solid #CCC; | | border: 1px solid #CCC; |
| -webkit-user-select: none; | | -webkit-user-select: none; |
Line 247: |
Line 267: |
| } | | } |
| | | |
− | #wagon-configurator { | + | #wagon-configurator-slots { |
| display: inline-block; | | display: inline-block; |
| + | padding-bottom: 9px; |
| float: left; | | float: left; |
| } | | } |
| | | |
− | #wagon-configurator ul { | + | #wagon-configurator-slots ul { |
− | padding: 14px 16px 6px 16px; | + | padding: 8px 16px 0 16px; |
| margin-top: 12px; | | margin-top: 12px; |
− | margin-left: 1em; | + | 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 #underwater { |
| + | background-color: #0E0E0E; |
| + | } |
| + | |
| + | #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 #underwater, #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;
| |
− | height: 72px;
| |
| border: 1px dotted; | | border: 1px dotted; |
| + | background-color: #FFF7; |
| 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-tank { | + | .wagon-slot.wagon-tank { |
| background-image: url("https://unrailed-wiki.com/images/thumb/f/f1/TankWagon_3.png/128px-TankWagon_3.png"); | | background-image: url("https://unrailed-wiki.com/images/thumb/f/f1/TankWagon_3.png/128px-TankWagon_3.png"); |
| } | | } |
| | | |
− | .wagon-storage { | + | .wagon-slot.wagon-storage { |
| background-image: url("https://unrailed-wiki.com/images/thumb/1/1f/StorageWagon_3.png/128px-StorageWagon_3.png"); | | background-image: url("https://unrailed-wiki.com/images/thumb/1/1f/StorageWagon_3.png/128px-StorageWagon_3.png"); |
| } | | } |
| | | |
− | .wagon-crafter { | + | .wagon-slot.wagon-crafter { |
| background-image: url("https://unrailed-wiki.com/images/thumb/f/f8/CraftingWagon_3.png/128px-CraftingWagon_3.png"); | | 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 286: |
Line 374: |
| background-color: #F8F9FA; | | background-color: #F8F9FA; |
| border-collapse: collapse; | | border-collapse: collapse; |
− | border: 0px none #C8CCD1; | + | border: 0 none #C8CCD1; |
| margin: 1em 1em 1em 0; | | margin: 1em 1em 1em 0; |
| } | | } |
Line 305: |
Line 393: |
| background-color: #DFE0E1; | | background-color: #DFE0E1; |
| border-right: 1px solid #939494; | | border-right: 1px solid #939494; |
| + | } |
| + | |
| + | .clear-both { |
| + | clear: both; |
| } | | } |
| | | |
Line 336: |
Line 428: |
| background-image: url(https://unrailed-wiki.com/images/3/3e/Header-Background_2Kx500.png), url(https://unrailed-wiki.com/images/2/23/Unrailed-Grid.png); | | background-image: url(https://unrailed-wiki.com/images/3/3e/Header-Background_2Kx500.png), url(https://unrailed-wiki.com/images/2/23/Unrailed-Grid.png); |
| background-repeat: no-repeat, repeat; | | background-repeat: no-repeat, repeat; |
| + | } |
| + | |
| + | p { |
| + | padding: 0 0 10px 0; |
| } | | } |