Line 1: |
Line 1: |
| + | .portal .body li a, .vector-menu-portal .body li a { |
| + | display: inline-block; |
| + | padding: 2px; |
| + | background-color: #FFFFFF8C; |
| + | box-shadow: 0 0.1rem 0.1rem -0.1rem rgb(0,0,0); |
| + | } |
| + | |
| + | #p-cactions { |
| + | background-image: linear-gradient(to top, #77C1F6 0, #E8F2F8 1px, #FFFFFF 100%); |
| + | } |
| + | |
| + | #simpleSearch { |
| + | background-color: #FFFFFF; |
| + | } |
| + | |
| + | #mw-page-base { |
| + | background: none !important; |
| + | } |
| + | |
| + | #p-personal li { |
| + | padding: 6px; |
| + | border: 1px solid #A7D7F9; |
| + | background-image: linear-gradient(to top, #77C1F6 0, #E8F2F8 1px, #FFFFFF 100%); |
| + | } |
| + | |
| + | #main-container { |
| + | width: 927.5px; |
| + | margin-left: auto; |
| + | margin-right: auto; |
| + | margin-top: -10px; |
| + | } |
| + | |
| + | #main-introduction { |
| + | width: 700px; |
| + | } |
| + | |
| + | #main-gameplay-video { |
| + | margin-top: -244px; |
| + | position: relative; |
| + | top: -57px; |
| + | left: 147px; |
| + | z-index: -1; |
| + | } |
| + | |
| + | #main-gameplay img { |
| + | width: 462px; |
| + | height: 330px; |
| + | } |
| + | |
| + | #main-article-tiles { |
| + | margin-top: 1.5em; |
| + | float: right; |
| + | } |
| + | |
| + | .article-tile { |
| + | position: relative; |
| + | height: 129px; |
| + | width: 191px; |
| + | margin-bottom: 24px; |
| + | background-color: #E7D180; |
| + | border: 3px solid #B3812C; |
| + | -webkit-transform: rotate(-10.7deg); |
| + | -moz-transform: rotate(-10.7deg); |
| + | -o-transform: rotate(-10.7deg); |
| + | --ms-transform: rotate(-10.7deg); |
| + | -transform: rotate(-10.7deg); |
| + | } |
| + | |
| + | .article-tile-container { |
| + | position: absolute; |
| + | top: 107px; |
| + | width: 191px; |
| + | line-height: 12px; |
| + | z-index: 3; |
| + | } |
| + | |
| + | .article-tile-label { |
| + | background-color: #B3812C; |
| + | padding: 2px; |
| + | font-family: 'Linux Libertine','Georgia','Times',serif; |
| + | float: right; |
| + | } |
| + | |
| + | .article-tile-label a, .article-tile-label a:hover, .article-tile-label a:active, .article-tile-label a:visited, #main-wagon-links a, #main-wagon-links a:hover, #main-wagon-links a:active, #main-wagon-links 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 { | | #main-wagon-list { |
− | border: 5px solid #000000; | + | margin: 2.8em 0 3.8em 3.8em; |
| + | width: 588px; |
| + | height: auto; |
| + | border: 5px solid #1BAAEA; |
| + | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1); |
| + | -webkit-transform: rotate(-10.7deg); |
| + | -moz-transform: rotate(-10.7deg); |
| + | -o-transform: rotate(-10.7deg); |
| + | --ms-transform: rotate(-10.7deg); |
| + | -transform: rotate(-10.7deg); |
| + | font-family: 'Linux Libertine','Georgia','Times',serif; |
| + | font-size: 13px; |
| + | 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 13px 4px 13px; |
| + | width: 120px; |
| + | text-align: center; |
| + | } |
| + | |
| + | #main-wagon-list li:first-child { |
| + | margin-left: -2px; |
| + | } |
| + | |
| + | #main-wagon-list li:not(:last-child) { |
| + | border-right: 1px solid #BDC2C8; |
| + | } |
| + | |
| + | #main-wagon-list .EXP, #main-wagon-list .DLC { |
| + | position: relative; |
| + | top: 15px; |
| + | right: -105px; |
| + | margin-top: -16px; |
| + | width: 25px; |
| + | padding: 0 2px; |
| + | line-height: 16px; |
| + | font-size: 80%; |
| + | font-weight: bold; |
| + | color: #FFFFFF; |
| + | } |
| + | |
| + | #main-wagon-list .EXP { |
| + | background-color: #FF0000; |
| + | } |
| + | |
| + | #main-wagon-list .DLC { |
| + | background-color: #A555B2; |
| + | } |
| + | |
| + | #main-wagon-list .bubble { |
| + | width: 25px; |
| + | height: 25px; |
| + | margin-top: -25px; |
| + | z-index: -1; |
| + | position: relative; |
| + | bottom: 19px; |
| + | left: 52px; |
| + | -moz-border-radius: 13px; |
| + | -webkit-border-radius: 13px; |
| + | border-radius: 13px; |
| + | background-color: #495460; |
| + | } |
| + | |
| + | #main-wagon-list .external { |
| + | background: none; |
| + | } |
| + | |
| + | #wagons-header { |
| + | width: 183px; |
| + | margin-top: -22px; |
| + | margin-left: -1px; |
| + | margin-bottom: -2px; |
| + | padding: 11px 0; |
| + | position: relative; |
| + | top: 22px; |
| + | 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; |
| + | } |
| + | |
| + | #main-wagon-links { |
| + | width: 408px; |
| + | margin-top: -46px; |
| + | margin-right: -1px; |
| + | float: right; |
| + | } |
| + | |
| + | #steam-banner, #egs-banner, #discord-banner { |
| + | height: 20px; |
| + | margin-bottom: 2px; |
| + | padding-left: 10px; |
| + | color: #FFFFFF; |
| + | font-family: 'Linux Libertine','Georgia','Times',serif; |
| + | font-size: 14px; |
| + | padding-top: 1px; |
| + | } |
| + | |
| + | #steam-banner { |
| + | background-color: #1B2838; |
| + | } |
| + | |
| + | #egs-banner { |
| + | background-color: #2E3037; |
| + | } |
| + | |
| + | #discord-banner { |
| + | background-color: #697EC4; |
| + | } |
| + | |
| + | #steam-banner img, #egs-banner img, #discord-banner img { |
| + | margin-top: -5px; |
| + | } |
| + | |
| + | #wagon-list li { |
| + | margin-left: -2em; |
| + | } |
| + | |
| + | #wagon-list li, #wagon-configurator-list li { |
| + | list-style: none; |
| + | } |
| + | |
| + | #wagon-configurator-mobile { |
| + | display: none; |
| + | } |
| + | |
| + | #wagon-configurator { |
| + | margin-top: 10px; |
| + | } |
| + | |
| + | #wagon-configurator-list { |
| + | display: inline-block; |
| + | float: left; |
| + | } |
| + | |
| + | #wagon-configurator-list li { |
| + | height: 36px; |
| + | padding-right: 20px; |
| + | margin: 3px 0 6px -20px; |
| + | border: 1px solid #CCC; |
| + | -webkit-user-select: none; |
| + | user-select: none; |
| + | } |
| + | |
| + | #wagon-configurator-list li.selected { |
| + | background-color: #FFFF91; |
| + | } |
| + | |
| + | #wagon-configurator-slots { |
| + | display: inline-block; |
| + | padding-bottom: 9px; |
| + | float: left; |
| + | } |
| + | |
| + | #wagon-configurator-slots ul { |
| + | padding: 8px 16px 0 16px; |
| + | margin-top: 12px; |
| + | margin-left: 10px; |
| + | } |
| + | |
| + | #wagon-configurator-slots li { |
| + | list-style: none; |
| + | } |
| + | |
| + | #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-image: url("https://unrailed-wiki.com/images/c/c6/Wagon_Configurator_Underwater_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 #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; |
| + | border: 1px dotted; |
| + | background-color: #FFF7; |
| + | background-position: center center; |
| + | 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"); |
| + | } |
| + | |
| + | .submarine-engine { |
| + | background-image: url("https://unrailed-wiki.com/images/thumb/1/1c/Submarine_Engine.png/100px-Submarine_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"); |
| + | } |
| + | |
| + | .article-table { |
| + | background-color: #F8F9FA; |
| + | border-collapse: collapse; |
| + | border: 0 none #C8CCD1; |
| + | margin: 1em 1em 1em 0; |
| + | } |
| + | |
| + | .article-table th { |
| + | padding: 6px 12px; |
| + | background-color: #DFE0E1; |
| + | border-bottom: 1px solid #939494; |
| + | text-align: left; |
| + | } |
| + | |
| + | .article-table td { |
| + | padding: 6px 12px; |
| + | border-bottom: 1px solid #C8CCD1; |
| + | } |
| + | |
| + | .article-table td.td-hl { |
| + | background-color: #DFE0E1; |
| + | border-right: 1px solid #939494; |
| + | } |
| + | |
| + | .clear-both { |
| + | clear: both; |
| + | } |
| + | |
| + | .navbox { |
| + | width: 100%; |
| + | text-align: center; |
| + | background-color: #F8F9FA; |
| + | border: 1px solid #A2A9B1; |
| + | box-shadow: 0 2px 3px -2px rgba(0,0,0,0.1); |
| + | clear: both; |
| + | } |
| + | |
| + | .navbox th { |
| + | border-bottom: 1px solid #A2A9B1; |
| + | } |
| + | |
| + | .navbox ul { |
| + | margin: 0; |
| + | padding-right: 5px; |
| + | } |
| + | |
| + | .navbox li { |
| + | display: inline-block; |
| + | } |
| + | |
| + | .mw-body { |
| + | box-shadow: 0 0.25rem 0.35rem -0.25rem rgb(0, 0, 0); |
| } | | } |
| | | |
| body { | | body { |
− | background-image: url("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: repeat; | + | background-repeat: no-repeat, repeat; |
| + | } |
| + | |
| + | p { |
| + | padding: 0 0 10px 0; |
| } | | } |