Difference between revisions of "MediaWiki:Common.css"
Greg.Fuller (talk | contribs) |
Greg.Fuller (talk | contribs) |
||
| Line 1: | Line 1: | ||
/* Refreshed Skin Tweaks */ | /* Refreshed Skin Tweaks */ | ||
| + | /* major fixes */ | ||
@media (max-width: 1000px) and (min-width: 601px) { | @media (max-width: 1000px) and (min-width: 601px) { | ||
#firstHeading { | #firstHeading { | ||
| Line 11: | Line 12: | ||
#firstHeading { | #firstHeading { | ||
white-space: normal; | white-space: normal; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* basic styling */ | ||
| + | body { | ||
| + | background-color: /* bg-color of site */ ; | ||
| + | color: /* content/text color of site */ ; | ||
| + | } | ||
| + | |||
| + | #header-wrapper { | ||
| + | background: #7a7a7a; /* bg-color/gradient of header web component */ ; | ||
| + | } | ||
| + | |||
| + | .header-button:hover, | ||
| + | .header-dropdown-item:hover, | ||
| + | .header-button-active, | ||
| + | .sitedropdown-highlighted, | ||
| + | .dropdown-highlighted { | ||
| + | background-color: /* bg-color of header items and dropdown menus */ ; | ||
| + | color: /* content/text color of header items and dropdown menus */ ; | ||
| + | } | ||
| + | |||
| + | /* styling for medium and large sized tablets */ | ||
| + | @media (max-width: 1000px) and (min-width: 601px) { | ||
| + | #header-wrapper .search-form { | ||
| + | background-color: /* bg-color of search on tablet */ ; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | /* styling for phones and smaller tablets */ | ||
| + | @media (max-width: 600px) { | ||
| + | #sidebar-wrapper { | ||
| + | background-color: /* bg-color of sidebar on phones */ ; | ||
| + | } | ||
| + | #user-info .header-menu { | ||
| + | background-color: /* bg-color of user dropdown menu */ ; | ||
} | } | ||
} | } | ||
Revision as of 12:02, 11 February 2019
/* Refreshed Skin Tweaks */
/* major fixes */ @media (max-width: 1000px) and (min-width: 601px) {
#firstHeading {
white-space: normal;
}
}
@media (max-width: 600px) {
#firstHeading {
white-space: normal;
}
}
/* basic styling */ body { background-color: /* bg-color of site */ ; color: /* content/text color of site */ ; }
- header-wrapper {
background: #7a7a7a; /* bg-color/gradient of header web component */ ; }
.header-button:hover, .header-dropdown-item:hover, .header-button-active, .sitedropdown-highlighted, .dropdown-highlighted { background-color: /* bg-color of header items and dropdown menus */ ; color: /* content/text color of header items and dropdown menus */ ; }
/* styling for medium and large sized tablets */ @media (max-width: 1000px) and (min-width: 601px) { #header-wrapper .search-form { background-color: /* bg-color of search on tablet */ ; } }
/* styling for phones and smaller tablets */ @media (max-width: 600px) { #sidebar-wrapper { background-color: /* bg-color of sidebar on phones */ ; } #user-info .header-menu { background-color: /* bg-color of user dropdown menu */ ; } }
