Difference between revisions of "MediaWiki:Common.css"
Greg.Fuller (talk | contribs) |
Greg.Fuller (talk | contribs) |
||
| Line 21: | Line 21: | ||
color: #555; /* content/text color of site */ ; | color: #555; /* content/text color of site */ ; | ||
} | } | ||
| + | |||
| + | /* header */ | ||
#header-wrapper { | #header-wrapper { | ||
background: #7a7a7a; /* bg-color/gradient of header web component */ ; | 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 */ ; | ||
| + | } | ||
| + | |||
| + | /* sidebar */ | ||
#sidebar-wrapper { | #sidebar-wrapper { | ||
| Line 34: | Line 47: | ||
} | } | ||
| − | + | /* content */ | |
| − | + | ||
| − | . | + | #bodyContent { |
| − | + | padding: 0 1em; | |
| − | + | line-height: 1.5em; | |
| − | + | font-size: 1.10em; | |
| − | + | word-wrap: break-word; | |
| − | + | font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; | |
| + | color: #252525; | ||
| + | |||
/* styling for medium and large sized tablets */ | /* styling for medium and large sized tablets */ | ||
Revision as of 12:53, 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: #7a7a7a; /* bg-color of site */ ; background-color: #f7f7f7; color: #555; /* content/text color of site */ ; }
/* header */
- 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 */ ; }
/* sidebar */
- sidebar-wrapper {
color: #444; }
- sidebar a {
color: #444; }
/* content */
- bodyContent {
padding: 0 1em; line-height: 1.5em; font-size: 1.10em; word-wrap: break-word; font-family: "Helvetica Neue","Helvetica","Arial",sans-serif; color: #252525;
/* 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 */ ; } }
