User:Lizz/common.css: Difference between revisions

From Dreamlight Valley Wiki
Jump to navigation Jump to search
(comment out old testing of inverted icon colors)
No edit summary
 
(44 intermediate revisions by the same user not shown)
Line 16: Line 16:




span.playtime, span.properName {
span.playtime, span.properName, span.emphasis {
   color: maroon;
   color: maroon;
   font-style: italic;
   font-style: italic;
  font-weight: bold;
}
span.internalThought {
  color: dodgerblue;
  font-style: italic;
}
span.friendshipImpact {
  color: #FD58C9;
  font-style: italic;
  font-weight: bold;
}
}


Line 60: Line 72:
ul.dialogueOptions {
ul.dialogueOptions {
/* used in Ariel's "Let's talk about you." Daily Discussion */
/* 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: rgb(129, 155, 252);
}
div#tag-category a {
    /*color: #ffffff;*/
}
span.blue {
    color: #1CA5B7;
}
}

Latest revision as of 22:37, 24 April 2024

/* 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: rgb(129, 155, 252);
}
div#tag-category a {
    /*color: #ffffff;*/
}

span.blue {
    color: #1CA5B7;
}