MediaWiki:Common.css

The Two Worlds Wiki - Documenting Two Worlds since 2008.
Revision as of 09:53, November 7, 2020 by Mystery Dungeon Independent>Korra II A Royal (Created page with "div.vectorTabs #ca-unwatch.icon a, div.vectorTabs #ca-watch.icon a { background-position: 5px 0; } body { background-image: url(/media/1/1f/Background.jpg); -web...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
div.vectorTabs #ca-unwatch.icon a,
div.vectorTabs #ca-watch.icon a { 
    background-position: 5px 0;
}

body {
    background-image: url(/media/1/1f/Background.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color:#397B95;
    background-repeat:no-repeat;
}

.pagetab {
    border-style: solid solid none;
    border-width: thin;
    border-color: #808080;
    padding: 0.25ex 1ex 0ex;
    font-size: 95%
}

#p-logo {
    left: 50vw;
    margin-left: -16.5em
}

#p-logo a {
    display: block;
    width: 20em;
    margin-top: 6px;
    background-size: contain;
    width: 33em;
    height: 100px
}

.mobileonly {
    display: none
}

.mw-body {
    background: rgba(255,255,255,.75);
    border: 1px solid
}

body #pageWrapper {
    margin-right: 1em;
    margin-top: 6em
}

div#mw-page-base {
    background: transparent;
    background-image: none
}

#mw-head-base {
    background: transparent;
    background-image: none;
    border-bottom: 0px
}

#right-navigation {
    margin-top: 8.6em
}

#left-navigation {
    margin-top: 8.6em;
}

div#mw-page-base {
    background: transparent;
    background-image: none
}

#mw-head-base {
    background: transparent;
    background-image: none;
    border-bottom: 0px
}

div#footer ul li {
    color: #000
}

div#footer a {
    color: #0645ad;
    text-shadow: 1px 1px rgba(0,0,0,.1)
}

div#footer a:hover {
    color: #0645ad
}

#upload-list .file .file-title {
    color: #000000
}

.check-span {
    color: #1D1D1D;
    float: right
}

#upload-list .file a {
    color: #d98500
}

.copyright-icon {
    background-image: url(https://help.gamepedia.com/media/help.gamepedia.com/b/b6/Copyright.png);
    background-size: 100%;
    height: 32px;
    width: 32px
}

.ambox {
    background-color: #eeeeee;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%
}

.ambox-gray {
    border-left-color: #383838
}

.ambox.ambox-tiny {
    font-size: 90%;
    margin: 2px 0;
    width: auto
}

.ambox + .ambox {
    margin-top: -2px
}

.ambox-text {
    padding: 0.25em 0.5em
}

.ambox-image {
    padding: 2px 0px 2px 0.5em;
    text-align: center;
    width: 60px
}

.ambox-tiny .ambox-image {
    padding: 2px 0.5em;
    text-align: left;
    width: auto
}

.ambox-blue {
    border-left: 10px solid #1e90ff
}

.ambox-red {
    border-left: 10px solid #b22222
}

.ambox-orange {
    border-left: 10px solid #f28500
}

.ambox-yellow {
    border-left: 10px solid #f4c430
}

.ambox-purple {
    border-left: 10px solid #9932cc
}

.ambox-gray {
    border-left: 10px solid #bba
}

.ambox-green {
    border-left: 10px solid #228b22
}

.amsmalltext {
    font-size: smaller;
    margin-left: 0.8em;
    margin-top: 0.5em
}

.infoboxtable {
    background-color: #f9f9f9;
    border: 1px solid #aaaaaa;
    color: #000000;
    float: right;
    font-size: 89%;
    margin-bottom: 0.5em;
    margin-left: 1em;
    padding: 0.2em;
    width: 300px
}

.infoboxtable td {
    vertical-align: top
}

.infoboxtable td > div {
    background-color: #f9f9f9;
    border: 2px solid inherit;
    border-radius: 5px;
    font-weight: bold;
    padding: 0.5px 7px;
    text-align: right
}

.infoboxname {
    font-size: 110%;
    font-weight: bold;
    padding: 0.5em
}

.infoboxdetails {
    padding: 0em
}

.copyright-icon {
    background: url(https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png) transparent center center no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px
}

.feature {
    background: rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 5px;
    padding: 10px
}

table.navbox {
    border: 1px solid #aaaaaa;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%
}

table.navbox + table.navbox {
    margin-top: -1px
}

.navbox-title,.navbox-abovebelow,table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center
}

.navbox-group {
    font-weight: bold;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap
}

.navbox,.navbox-subgroup {
    background: rgba(255,255,255,0.2)
}

.navbox-list {
    border-color: rgba(255,255,255,0.2)
}

.navbox-title,table.navbox th {
    background: rgba(255,255,255,0.2);
    color: #444
}

.navbox-abovebelow,.navbox-group,.navbox-subgroup .navbox-title {
    background: rgba(255,255,255,0.2);
    color: #333
}

.navbox-subgroup .navbox-group,.navbox-subgroup .navbox-abovebelow {
    background: rgba(0,0,0,0.05);
    color: #333
}

.navbox-even {
    background: rgba(0,0,0,0.05);
    color: #333
}

.navbox-odd {
    background: transparent
}

.collapseButton {
    font-weight: normal;
    width: auto
}

.navbox .collapseButton {
    width: 6em
}

.navbar {
    font-size: 88%;
    font-weight: normal
}

.navbox .navbar {
    font-size: 100%
}

table.collapsed tr.collapsible {
    display: none
}

.fpbanner {
    background: rgba(0,0,0,0.05);
    border: 1px solid #505050;
    box-shadow: 0 2px 5px #505050;
    margin: 0 5px 5px 5px;
    padding: 5px;
    min-height: 80px
}

.fpbannertable {
    display: table;
    border: none;
    background: transparent;
    width: 100%;
    min-height: 75px;
    margin: 0;
    padding: 5px
}

.fpbannercell {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.fpbannerblock {
    border: none;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 0 0 8px rgba(255,255,255,0.75);
    font-size: 132%;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0
}

.fpbox {
    background: rgba(255,255,255,.8);
    border: 1px solid #505050;
    box-shadow: 0 2px 5px #505050;
    margin: 5px;
    padding: 5px;
    overflow: auto;
    width: calc(100% - 2px);
}

.fpbox .mainheading {
    border: none;
    border-bottom: 1px solid #505050;
    font-size: 150%;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    overflow: auto
}

.fpbox .heading {
    border: none;
    border-bottom: 1px solid #505050;
    text-align: center;
    font-size: 132%;
    margin: 0 0 10px 0;
    padding: 0 0 5px 0;
    overflow: auto
}

.fpbox.plain {
    background: transparent;
    border: none;
    box-shadow: none
}

.fpimagelist ul {
    list-style-type: none;
    list-style-image: none
}

.fpvideos {
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.fpvideo {
    display: inline-block;
    margin: 0 5px
}

div.vectorTabs,div.vectorTabs span,div.vectorTabs li.selected,div.vectorTabs ul,div.vectorTabs ul li,div.vectorTabs li a {
    background-color: rgba(0,0,0,0);
    background-image: none
}

div.vectorTabs ul li span {
    margin-right: 5px
}

div.vectorTabs li span {
    background: #AB0000;
    background-image: -moz-linear-gradient(center top,#AB0000 0%,#4A040A 100%);
    background-image: -webkit-gradient(linear,center top,left bottom,color-stop(0%,#AB0000),color-stop(100%,#4A040A));
    background-image: -webkit-linear-gradient(top,#AB0000 0%,#4A040A 100%);
    background-image: -o-linear-gradient(top,#AB0000 0%,#4A040A 100%);
    background-image: -ms-linear-gradient(top,#AB0000 0%,#4A040A 100%);
    background-image: linear-gradient(to bottom,#AB0000 0%,#4A040A 100%);
    display: inline-block;
    border: 1px solid #4A040A;
    border-radius: 4px;
    padding: 2px 10px;
    margin-top: 0.5em;
    height: 19px;
    text-align: center
}

div.vectorTabs li a {
    background-image: none;
    margin-top: -16px
}

div#mw-head li.new a,
div#mw-head li.new a:visited {
    color: #fc0000 !important;
    text-shadow: 1px 1px #000000
}

div#mw-head a,
div#mw-head div.vectorTabs a,
div#mw-head div.vectorMenu a,
.vectorTabs li a span,div.vectorMenu h3 span {
    color: #c0c0c0 !important
}

div.vectorTabs li span a {
    color: #222222;
    font-weight: bold;
    text-align: center
}

div.vectorTabs ul li:first-child {
    border-image: none;
    border-left: medium none
}

div#mw-head li.selected a,
div#mw-head li.selected a span,
div#mw-head div.vectorTabs li.selected a,
div#mw-head div.vectorTabs li.selected a:visited {
    color: #ffffff !important;
    font-weight: bold
}

div#p-sharing .menu {
    margin-left: 45px;
    min-width: 0px;
    width: 48px
}

#p-sharing #socialIconImages img {
    width: 100%
}

#p-sharing #socialIconImages a {
    width: 40px
}

div.vectorMenu h3 span {
    font-weight: bold;
    padding-top: 0em;
}

div.vectorMenu h3 span::after {
    filter: invert(1);
    top: 0;
}

div#mw-head div.vectorMenu h4,
div#p-variants.vectorMenu #mw-vector-current-variant {
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 0.2em;
    text-shadow: none
}

div.vectorMenu div.menu {
    border: none;
    margin-left: 5px;
    top: 2.2em;
}

div#mw-head div.vectorMenu h3 {
    background: #AB0000;
    background-image: -moz-linear-gradient(center top,#AB0000 0%,#4A040A 100%);
    background-image: -webkit-gradient(linear,center top,left bottom,color-stop(0%,#AB0000),color-stop(100%,#4A040A));
    background-image: -webkit-linear-gradient(top,#AB0000 0%,#4A040A 100%);
    background-image: -o-linear-gradient(top,#AB0000 0%,#4A040A 100%);
    background-image: -ms-linear-gradient(top,#AB0000 0%,#4A040A 100%);
    background-image: linear-gradient(to bottom,#AB0000 0%,#4A040A 100%);
    display: inline-block;
    border: 1px solid #4A040A;
    border-radius: 4px;
    padding: 2px 10px;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    height: 19px;
    text-align: center
}

div#mw-head div.vectorMenu li.selected a,
div#mw-head div.vectorMenu li.selected a:visited {
    color: #c0c0c0
}

div#mw-head div.vectorMenu li a {
    color: #7AB1CC
}

div#mw-head div.vectorMenu ul {
    background-color: #000000;
    background-image: none;
    border-right: 5px none;
    box-shadow: 0 0.1em 0.75em #d5d4d4
}

div#mw-panel {
    width: 10em;
    box-sizing: border-box
}

#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav div.portal h3 a,
div#mw-panel div.portal h3 {
    color: #000;
    margin-top: 0;
    background: rgba(0,0,0,0)
}

#mw-panel.collapsible-nav .portal {
    background: transparent;
    margin: 0;
    padding: 0.25em 0 0.25em 0.75em!important
}

div#mw-panel div.portal div.body,#mw-panel.collapsible-nav .portal {
    background-image: none
}

div#mw-panel div.portal div.body ul li a,div#mw-panel div.portal div.body ul li a:visited {
    color: #0645ad;
    text-shadow: 1px 1px rgba(0,0,0,.1)
}

div#mw-panel div.portal h3,
div#mw-panel div.portal h3:visited,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal h3 a:visited,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a:visited {
    color: #000;
    font-weight: bold;
}

div#mw-panel div#p-socialProfiles.portal .body {
    margin: auto
}

#mw-panel.collapsible-nav .portal.collapsed h3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEikUI775dwAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y9WTUQrAIAxDE9H7H3jC2wnqxKqw/OeRpq0BZVSU1FEAOxKwYwRs11QHwBNBpkuMIPfWaLsBfQkQmSWpzvhH5/6VwJkO/I9negFpGhkjDUKRdAAAAABJRU5ErkJggg==);
    background-position: left;
    background-repeat: no-repeat
}

#mw-panel.collapsible-nav .portal h3 {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAABcRAAAXEQHKJvM/AAAAB3RJTUUH3wQBEiskN1GrWQAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAT0lEQVQ4y+2TOwrAMAxD9Upy/wsH1KlQQlRcskabjSX/sa0dXNrEEZDaZFdXQqqAP+TUAlVynAHQK74oYHu8CUC3PZbJvk4ZaI9gjDm/oBt1WxYtuhHX/wAAAABJRU5ErkJggg==);
    background-position: left;
    background-repeat: no-repeat
}

#mw-panel.collapsible-nav .portal .body ul li,div#mw-panel div.portal div.body ul li {
    padding: 0.25em 0 0.25em 0.5em;
    background: rgba(255,255,255,.5);
    margin-bottom: 0.25em
}

.socialSidebar {
    width: auto;
    max-width: 100%
}

.client-js #preftoc {
    background-color: rgba(255,255,255,0.5);
    border: 0px
}

.client-js #preftoc,.client-js #preftoc li,.client-js #preferences,.client-js #preftoc li a {
    background-image: none;
    background-color: transparent;
    color: #666666
}

.client-js #preftoc li:first-child {
    margin-bottom: 1px;
    margin-left: 5px
}

.client-js #preftoc li.selected a {
    background-color: rgba(255,255,255,0.5);
    background-image: none;
    border-color: #aaaaaa #aaaaaa rgba(255,255,255,0.5);
    border-style: solid;
    border-width: 1px;
    color: #000000
}

.client-js #preferences {
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #aaaaaa
}

.client-js #preferences fieldset {
    border-color: #aaaaaa
}

.subpagelist {
    column-count: 4;
}

/*****************
* Infobox styles *
******************/
.infobox {
  float: right;
  width: 23em;
  margin-left: 1em;
  margin-right: 1em;
  margin-bottom: 0.5em;
  padding: 4px;
  border:1px solid #aaaaaa;
  background-color:#f9f9f9
}

.infobox-table {
  width: 100%;
  padding: 0;
  background-color:transparent;
  border: 0;
}

.infobox-header {
  font-size: 150%;
  padding:0.4em;
}

.infobox-section {
  padding:0.05em 0.3em;
  text-align:center;
}

.infobox-header,
.infobox-section {
  font-weight:bold;
}

.infobox-centered {
  text-align: center;
}

.infobox-centered img {
  max-width:100%;
  height:auto;
}

.infobox-row {
  vertical-align: top;
}

.infobox-row-name {
  text-align: left;
  white-space: nowrap;
  text-align:right;
  background:#ccc;
  padding: 0.1em 0.5em;
  width:40%;
}

.infobox-row-value {
  text-align:left
}

.infobox-spacer {
  height: 0.5em;
}
/*********************
* End infobox styles *
**********************/
Retrieved from "https://twoworldswiki.com/index.php?title=MediaWiki:Common.css&oldid=849"