MediaWiki:Mobile.css: Difference between revisions
no edit summary
imported>Jacob Robertson (Created page with "→All CSS here will be loaded for users of the mobile site: .chart-delusion { background-color: #e06666; } .chart-concept-cell { border: 1px solid white; } .chart-highlight-yes { border: 2px solid #2f4f4f; font-style: italic; font-size: 1.5em; color: #2f4f4f; }") |
imported>Jacob Robertson No edit summary |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
.chart- | /* CSS placed here will be applied to all skins */ | ||
/********************************************************************************************/ | |||
/* NOTE - ADD THIS ALL TO [[MediaWiki:Mobile.css]] AS WELL OR IT WILL NOT SHOW UP ON MOBILE.*/ | |||
/********************************************************************************************/ | |||
.ee-chart-table td, td :visited { | |||
height: .125em; | |||
padding-top: 0em; | |||
padding-bottom: 0em; | |||
padding-left: 0em; | |||
padding-right: 0em; | |||
color: #000080; | |||
} | } | ||
.chart- | |||
td.ee-chart-zone { | |||
border: 1px solid white; | border: 1px solid white; | ||
padding-left: .75em; | |||
padding-right: .75em; | |||
font-size: 1em; | |||
font-style: italic; | |||
height: 15%; | |||
} | } | ||
.chart-highlight-yes { | td.ee-chart-header { | ||
border: 1px solid white; | |||
padding: .5em .75em .5em .75em; | |||
font-weight: bold; | |||
height: 1em; | |||
} | |||
td.ee-chart-stages-header { | |||
border: 1px solid white; | |||
padding: 0.2em 1em 0.2em 1em; | |||
font-weight: bold; | |||
height: 1em; | |||
border-top-left-radius: .5em; | |||
border-top-right-radius: .5em; | |||
} | |||
td.ee-chart-themes { | |||
border: 1px solid white; | |||
padding: 0em .5em 0em .5em; | |||
font-size: 1em; | |||
font-weight: bold; | |||
height: 1em; | |||
} | |||
td.ee-chart-quality-row-header { | |||
border: 1px solid white; | |||
font-size: 1em; | |||
font-weight: bold; | |||
height: 1.5em; | |||
} | |||
td.ee-chart-corner-tl { | |||
border-top-left-radius: .5em; | |||
} | |||
td.ee-chart-corner-tr { | |||
border-top-right-radius: .5em; | |||
} | |||
td.ee-chart-corner-bl { | |||
border-bottom-left-radius: .5em; | |||
} | |||
td.ee-chart-corner-br { | |||
border-bottom-right-radius: .5em; | |||
} | |||
zzz.ee-chart-highlight-yes { | |||
border: 2px solid #2f4f4f; | border: 2px solid #2f4f4f; | ||
font-style: italic; | font-style: italic; | ||
font-size: 1.5em; | font-size: 1.5em; | ||
color: #2f4f4f; | color: #2f4f4f; | ||
} | |||
td.ee-chart-left-spacer { | |||
font-size: .1em; | |||
padding-top: 0em; | |||
padding-bottom: 0em; | |||
padding-left: 0em; | |||
padding-right: 0em; | |||
height: .1em; | |||
} | |||
td.ee-chart-themes-spacer { | |||
font-size: .1em; | |||
padding-top: 0em; | |||
padding-bottom: 0em; | |||
padding-left: 0em; | |||
padding-right: 2em; | |||
height: .1em; | |||
} | |||
td.ee-chart-ee, td.ee-chart-ee:visited { | |||
font-size: 1.05em; | |||
border: 1px solid white; | |||
font-weight: bold; | |||
border-radius: .5em; | |||
} | |||
:where( | |||
td.ee-chart-hide-zones-yes, td.ee-chart-hide-stages-yes, | |||
td.ee-chart-hide-qualities-yes, td.ee-chart-hide-focus-yes, td.ee-chart-hide-relation-yes, td.ee-chart-hide-pursuit-yes, td.ee-chart-hide-adaptation-yes, | |||
td.ee-chart-hide-deluded-yes, td.ee-chart-hide-learning-yes, td.ee-chart-hide-training-yes, td.ee-chart-hide-masterful-yes, td.ee-chart-hide-enlightened-yes, | |||
td.ee-chart-hide-themes-yes | |||
):where(:not(:hover)) | |||
{ | |||
grayscale: 35%; | |||
opacity: 55%; | |||
} | |||
td.ee-chart-color-title { | |||
background-color: #ffeb80; | |||
} | |||
td.ee-chart-color-themes { | |||
background-color: #fcbba1; | |||
} | |||
td.ee-chart-color-themes-col { | |||
background-color: #fdcb96; | |||
} | |||
td.ee-chart-color-qualities { | |||
background-color: #fecb96; | |||
} | |||
td.ee-chart-color-qualities-col { | |||
background-color: #fedb8b; | |||
} | |||
td.ee-chart-color-stages { | |||
background-color: #fdcb96; | |||
} | |||
td.ee-chart-color-deluded { | |||
background-color: #fa8484; | |||
} | |||
td.ee-chart-color-deluded-col { | |||
background-color: #fbacac; | |||
} | |||
td.ee-chart-color-learning { | |||
background-color: #fbacac; | |||
} | |||
td.ee-chart-color-learning-col { | |||
background-color: #fcbba1; | |||
} | |||
td.ee-chart-color-training { | |||
background-color: #fcbba1; | |||
} | |||
td.ee-chart-color-training-col { | |||
background-color: #fdcb96; | |||
} | |||
td.ee-chart-color-masterful { | |||
background-color: #fecb96; | |||
} | |||
td.ee-chart-color-masterful-col { | |||
background-color: #fedb8b; | |||
} | |||
td.ee-chart-color-enlightened { | |||
background-color: #ffdb8b; | |||
} | |||
td.ee-chart-color-enlightened-col { | |||
background-color: #ffeb80; | |||
} | } | ||