User:Lizz/common.css

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

/* https://www.mediawiki.org/wiki/Manual:Collapsible_elements */
/* Collapsible elements. Toggle-link moved to left.
/* Margin around it adjusted. */

.mw-collapsible-left span.mw-collapsible-toggle {
    float:left;
    margin-left:0;
    margin-right:1em;
}

/*
.mw-collapsible-toggle-default:before, .mw-collapsible-toggle-default:after {
    display: none;
}
*/


span.playtime, span.properName, span.emphasis {
  color: maroon;
  font-style: italic;
  font-weight: bold;
}

span.internalThought {
  color: dodgerblue;
  font-style: italic;
}

span.friendshipImpact {
  color: #FD58C9;
  font-style: italic;
  font-weight: bold;
}

th.navbox-landscaping-row {
  text-align: left; /* this is being overridden atm */
  width: 105px;
}

.inverted-icon {
/* testing inverting icon colors...*/
/*-webkit-filter: invert(100%);*/ /* Safari/Chrome */
/*filter: brightness(3);
    filter: invert(100%);*/
}

#black-link a {
color: black;
}

/* Color Swatch Template */
div.color-swatch {
    background: #757cdc;
    display: inline-block;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin: 2px;
    margin-bottom: -5px;
}

/* Used in Template:LinkedGallery */
ul.linked-gallery {
    /* 2022-02-06 would be nice to get these left-aligned, but was doing wonky things with a header immediately below it
    float: left;
    display: inline-block;
    padding-bottom: 10px;
    */
}

ul.dialogueOptions {
/* used in Ariel's "Let's talk about you." Daily Discussion */
}

span.timeLabel {
    font-size: 13px;
}

.rewardTileID {
    text-align: center;
}

.itemCount, .dutyVersion, .dutyIcon {
    text-align: center;
}

/* value for categorizing trees that makes them easier to group/sort, but doesn't exist in-game */
.landscapingSubtype {
    display: none;
}

.memoryID {
    display: none;
}
.brokenPattern {
    display: none
}

.hidden {
    display: none
}

.centered {
    text-align: center;
}

.controlsLabel, .controlsAction {
    padding-left: 1.0em;
}

.controlsKeyLongLabel {
    text-align:center;
    font-size:14px;
}

.controlsKey {
    text-align:center;
    font-size:18px;
}

.controlsKeyIcon {
    text-align:center;
    font-size:20px;
}

.controlsKeyIcon2 {
    text-align:center;
    font-size:24px;
}
/*
#tag-universe {
    background: #ccceffe8;
    color: #757cdc; /*#8f93dd;* /*or: #5c62b8? *
}
*/
#tag-trait {
    background: #354569;
}

.rewardsSummary > td, .rewardsSummary {
 text-align: center;
}

.guideTable {
    text-align: center;
}
.guideHeader {
 text-transform: uppercase;
}

.guide-controlLabel {
    background:rgb(48, 48, 48);
    display: inline-block;
    border-radius: 8px;
    padding: 1px;
    font-size: 13px;
    color: white;
    font-weight: 500;
    margin: 1px;
}

.guideTable td {
    max-width: 200px;
    padding: 10px;
}

.gameGuideTileTable {
    text-align:center;
    border-spacing: 10px;
    font-size: 12px;
} 

.gameGuideTileTable td {
    width: 90px;
    height: 90px;
}

.gameGuideTileTableCondensed {
    text-align:center;
    border-spacing: 2px;
    font-size: 12px;
} 

.gameGuideTileTableCondensed td {
    width: 75px;
    height: 75px;
    line-height: 1;
}

div#tag-universe {
    border: 1px solid #354569;
    background: #ccceffe8;
}
div#tag-universe a {
    color: #354569;
}
div#tag-category {
    background: hotpink;
}
div#tag-category a {
    /*color: #ffffff;*/
}

span.blue {
    color: #1CA5B7;
}