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 { | | #main-container { |
− | width: 827.5px; | + | width: 927.5px; |
− | margin: auto; | + | margin-left: auto; |
| + | margin-right: auto; |
| + | margin-top: -10px; |
| } | | } |
| | | |
| #main-introduction { | | #main-introduction { |
− | width: 620px; | + | 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 { | | #main-article-tiles { |
− | margin-top: 2em; | + | margin-top: 1.5em; |
| float: right; | | float: right; |
| } | | } |
Line 17: |
Line 57: |
| height: 129px; | | height: 129px; |
| width: 191px; | | width: 191px; |
− | margin-bottom: 13.5px; | + | margin-bottom: 24px; |
− | background: #E7D180; | + | background-color: #E7D180; |
| border: 3px solid #B3812C; | | border: 3px solid #B3812C; |
− | -webkit-transform: rotate(-8deg); | + | -webkit-transform: rotate(-10.7deg); |
− | -moz-transform: rotate(-8deg); | + | -moz-transform: rotate(-10.7deg); |
− | -o-transform: rotate(-8deg); | + | -o-transform: rotate(-10.7deg); |
− | --ms-transform: rotate(-8deg); | + | --ms-transform: rotate(-10.7deg); |
− | -transform: rotate(-8deg); | + | -transform: rotate(-10.7deg); |
| } | | } |
| | | |
Line 36: |
Line 76: |
| | | |
| .article-tile-label { | | .article-tile-label { |
− | background: #B3812C; | + | background-color: #B3812C; |
| padding: 2px; | | padding: 2px; |
| + | font-family: 'Linux Libertine','Georgia','Times',serif; |
| float: right; | | float: right; |
| } | | } |
| | | |
− | .article-tile-label a, .article-tile-label a:hover, .article-tile-label a:active, .article-tile-label a:visited { | + | .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; | | color: #FFFFFF; |
| text-decoration: none; | | text-decoration: none; |
Line 54: |
Line 95: |
| .article-tile-posh { | | .article-tile-posh { |
| border-color: transparent #B3812C #B3812C transparent; | | border-color: transparent #B3812C #B3812C transparent; |
− | border-style: solid;
| + | border-style: solid; |
− | border-width: 8px 8px 8px 8px;
| + | border-width: 8px 8px 8px 8px; |
− | float: right;
| + | float: right; |
| } | | } |
| | | |
| #main-wagon-list { | | #main-wagon-list { |
− | margin: 2.8em 0 3.8em 5em; | + | margin: 2.8em 0 3.8em 3.8em; |
− | width: 39.6em; | + | width: 588px; |
| height: auto; | | height: auto; |
| border: 5px solid #1BAAEA; | | border: 5px solid #1BAAEA; |
| box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1); | | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1); |
− | -webkit-transform: rotate(-8deg); | + | -webkit-transform: rotate(-10.7deg); |
− | -moz-transform: rotate(-8deg); | + | -moz-transform: rotate(-10.7deg); |
− | -o-transform: rotate(-8deg); | + | -o-transform: rotate(-10.7deg); |
− | --ms-transform: rotate(-8deg); | + | --ms-transform: rotate(-10.7deg); |
− | -transform: rotate(-8deg); | + | -transform: rotate(-10.7deg); |
| font-family: 'Linux Libertine','Georgia','Times',serif; | | font-family: 'Linux Libertine','Georgia','Times',serif; |
− | font-size: 12px; | + | font-size: 13px; |
| float: left; | | float: left; |
| } | | } |
Line 88: |
Line 129: |
| #main-wagon-list li { | | #main-wagon-list li { |
| margin: -3px 0; | | margin: -3px 0; |
− | padding: 0 30px; | + | padding: 0 13px 4px 13px; |
− | width: 8em; | + | width: 120px; |
| text-align: center; | | text-align: center; |
| + | } |
| + | |
| + | #main-wagon-list li:first-child { |
| + | margin-left: -2px; |
| } | | } |
| | | |
Line 97: |
Line 142: |
| } | | } |
| | | |
− | #main-wagon-list #bubble { | + | #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; | | width: 25px; |
| height: 25px; | | height: 25px; |
− | margin-bottom: -25px; | + | margin-top: -25px; |
| z-index: -1; | | z-index: -1; |
| position: relative; | | position: relative; |
− | bottom: 43px; | + | bottom: 19px; |
− | left: 37px; | + | left: 52px; |
| -moz-border-radius: 13px; | | -moz-border-radius: 13px; |
| -webkit-border-radius: 13px; | | -webkit-border-radius: 13px; |
| border-radius: 13px; | | border-radius: 13px; |
| background-color: #495460; | | background-color: #495460; |
| + | } |
| + | |
| + | #main-wagon-list .external { |
| + | background: none; |
| } | | } |
| | | |
| #wagons-header { | | #wagons-header { |
− | margin: -1px; | + | width: 183px; |
| + | margin-top: -22px; |
| + | margin-left: -1px; |
| + | 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 122: |
Line 198: |
| #wagons-header:hover { | | #wagons-header:hover { |
| background-color: #1496CE; | | 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; |
| } | | } |
| | | |
Line 129: |
Line 430: |
| | | |
| 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; |
| } | | } |