Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
imported>Stencil |
m (Remove !important) |
||
(110 intermediate revisions by 3 users not shown) | |||
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 { | #p-personal li { | ||
padding: 6px; | padding: 6px; | ||
Line 14: | Line 33: | ||
#main-introduction { | #main-introduction { | ||
width: 700px; | 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: 1.5em; | margin-top: 1.5em; | ||
− | float: right; | + | float: right; |
} | } | ||
Line 69: | Line 101: | ||
#main-wagon-list { | #main-wagon-list { | ||
− | margin: 3.8em | + | margin: 2.8em 0 3.8em 3.8em; |
− | width: | + | width: 588px; |
height: auto; | height: auto; | ||
border: 5px solid #1BAAEA; | border: 5px solid #1BAAEA; | ||
Line 80: | Line 112: | ||
-transform: rotate(-10.7deg); | -transform: rotate(-10.7deg); | ||
font-family: 'Linux Libertine','Georgia','Times',serif; | font-family: 'Linux Libertine','Georgia','Times',serif; | ||
− | font-size: | + | font-size: 13px; |
float: left; | float: left; | ||
} | } | ||
Line 97: | Line 129: | ||
#main-wagon-list li { | #main-wagon-list li { | ||
margin: -3px 0; | margin: -3px 0; | ||
− | padding: 0 | + | padding: 0 13px 4px 13px; |
− | width: | + | width: 120px; |
text-align: center; | text-align: center; | ||
+ | list-style-image: none; | ||
+ | } | ||
+ | |||
+ | #main-wagon-list li:first-child { | ||
+ | margin-left: -2px; | ||
} | } | ||
Line 109: | Line 146: | ||
position: relative; | position: relative; | ||
top: 15px; | top: 15px; | ||
− | right: - | + | right: -105px; |
margin-top: -16px; | margin-top: -16px; | ||
width: 25px; | width: 25px; | ||
− | padding: | + | padding: 0 2px; |
line-height: 16px; | line-height: 16px; | ||
font-size: 80%; | font-size: 80%; | ||
Line 127: | Line 164: | ||
} | } | ||
− | #main-wagon-list | + | #main-wagon-list .bubble { |
width: 25px; | width: 25px; | ||
height: 25px; | height: 25px; | ||
Line 133: | Line 170: | ||
z-index: -1; | z-index: -1; | ||
position: relative; | position: relative; | ||
− | bottom: | + | bottom: 19px; |
− | left: | + | left: 52px; |
-moz-border-radius: 13px; | -moz-border-radius: 13px; | ||
-webkit-border-radius: 13px; | -webkit-border-radius: 13px; | ||
Line 147: | Line 184: | ||
#wagons-header { | #wagons-header { | ||
width: 183px; | width: 183px; | ||
− | margin-top: - | + | margin-top: -22px; |
margin-left: -1px; | margin-left: -1px; | ||
− | margin-bottom: - | + | 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 162: | Line 202: | ||
#main-wagon-links { | #main-wagon-links { | ||
− | width: | + | width: 408px; |
− | margin-top: - | + | 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- | + | margin-bottom: 2px; |
padding-left: 10px; | padding-left: 10px; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
font-family: 'Linux Libertine','Georgia','Times',serif; | font-family: 'Linux Libertine','Georgia','Times',serif; | ||
+ | font-size: 14px; | ||
+ | padding-top: 1px; | ||
} | } | ||
#steam-banner { | #steam-banner { | ||
− | background-color: # | + | background-color: #1B2838; |
} | } | ||
− | # | + | #egs-banner { |
− | + | background-color: #2E3037; | |
} | } | ||
Line 188: | Line 230: | ||
} | } | ||
− | #discord-banner img { | + | #steam-banner img, #egs-banner img, #discord-banner img { |
− | margin-top: - | + | margin-top: -5px; |
} | } | ||
#wagon-list li { | #wagon-list li { | ||
margin-left: -2em; | margin-left: -2em; | ||
+ | } | ||
+ | |||
+ | #wagon-list li, #wagon-configurator-list li { | ||
list-style: none; | 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"); | ||
} | } | ||
Line 200: | Line 379: | ||
background-color: #F8F9FA; | background-color: #F8F9FA; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
− | border: | + | border: 0 none #C8CCD1; |
margin: 1em 1em 1em 0; | margin: 1em 1em 1em 0; | ||
} | } | ||
Line 214: | Line 393: | ||
padding: 6px 12px; | padding: 6px 12px; | ||
border-bottom: 1px solid #C8CCD1; | border-bottom: 1px solid #C8CCD1; | ||
+ | } | ||
+ | |||
+ | .article-table td.td-hl { | ||
+ | background-color: #DFE0E1; | ||
+ | border-right: 1px solid #939494; | ||
+ | } | ||
+ | |||
+ | .clear-both { | ||
+ | clear: both; | ||
} | } | ||
.navbox { | .navbox { | ||
+ | width: 100%; | ||
text-align: center; | text-align: center; | ||
background-color: #F8F9FA; | background-color: #F8F9FA; | ||
Line 239: | Line 428: | ||
.mw-body { | .mw-body { | ||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgb(0, 0, 0); | box-shadow: 0 0.25rem 0.35rem -0.25rem rgb(0, 0, 0); | ||
+ | } | ||
+ | |||
+ | .portal .body li, .vector-menu-portal .body li { | ||
+ | list-style-image: none; | ||
} | } | ||
body { | body { | ||
− | background-image: url(https:// | + | 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; | ||
+ | } | ||
+ | |||
+ | ul { | ||
+ | list-style-image: url("https://unrailed-wiki.com/images/thumb/5/5f/Arrow_Right.png/8px-Arrow_Right.png"); | ||
} | } |
Latest revision as of 17:11, 6 July 2024
.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 { 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; list-style-image: none; } #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); } .portal .body li, .vector-menu-portal .body li { list-style-image: none; } body { 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; } p { padding: 0 0 10px 0; } ul { list-style-image: url("https://unrailed-wiki.com/images/thumb/5/5f/Arrow_Right.png/8px-Arrow_Right.png"); }