MediaWiki:Common.css

/* general */ code { color: green; }

table.singleborder { border: 1px solid #333; border-spacing: 0; border-collapse: collapse; margin: 0.4em 0; } table.singleborder td, table.singleborder th { border: 1px solid #333; padding: 3px; }

/**** start: DEVICE PAGE WITH FILTERS ****/

/** basic styling **/ position: relative; margin: 1ex 0 2ex; vertical-align: bottom; } display: inline-block; text-decoration: none; margin: 15px 0; color: #888; padding: 0 0 0 18px; background: url(/images/6/6d/Expand.png) no-repeat left center; } background-image: url(/images/a/ab/Collapse.png); } text-decoration: underline; } position: relative; margin: 0 0 2ex; } display: none; }
 * 1) sfosFilter {
 * 1) advancedButton {
 * 1) advancedButton.expanded {
 * 1) advancedButton:hover,
 * 2) advancedButton:focus {
 * 1) advancedFilters {
 * 1) advancedFilters.collapsed {

margin-left: 2ex; }
 * 1) allDevicesButton {

/** filter input **/ border: 1px solid #27aae1; border-width: 0 0 1px; padding: 3px 5px; margin: 0; background: none; vertical-align: bottom; } border: 1px solid #27aae1; border-width: 0 1px 0 0; content: ""; height: 5px; width: 0; display: inline-block; vertical-align: bottom; } margin-right: 2ex; }
 * 1) sfosFilter input {
 * 1) sfosFilter .holoInput:before,
 * 2) sfosFilter .holoInput:after {
 * 1) sfosFilter .holoInput:after {

/** dropdowns **/ margin: 0 1ex; padding: 4px; color: #888; text-decoration: none; font-size: 90%; vertical-align: bottom; background: #eee; border: 1px solid #dadada; } background: #ddd; outline: 0; } color: #d00; } margin-right: 1ex; color: #444; font-size: 120%; } vertical-align: bottom; } content: ""; display: inline-block; height: 0; width: 0; border: 3px solid; border-color: transparent #444 #444 transparent; vertical-align: bottom; margin: 0 0 0 4px; } list-style: none; padding: 0; margin: 0; border: solid #dadada; border-width: 1px 1px 0 1px; background: #eee; display: none; max-height: 300px; max-height: 50vh; overflow: auto; min-width: 150px; z-index: 10; } border-bottom: 1px solid #dadada; color: #444; cursor: default; padding: 4px 6px 4px 30px; margin: 0; background: url(/images/d/de/Checkbox-unchecked.png) no-repeat 6px center; min-height: 1em; } background-color: #8cd; background-image: url(/images/9/9d/Checkbox-checked.png); border-color: #4ac; } background: none; padding: 4px; } display: inline-block; width: 50%; text-align: center; } font-variant: small-caps; text-decoration: none; color: #888; } text-decoration: underline; }
 * 1) sfosFilter a.dropdown {
 * 1) sfosFilter a.dropdown:hover,
 * 2) sfosFilter a.dropdown:focus,
 * 3) sfosFilter a.dropdown[data-active] {
 * 1) sfosFilter a.dropdown span.selected-0 {
 * 1) sfosFilter a.dropdown b {
 * 1) sfosFilter a.dropdown * {
 * 1) sfosFilter a.dropdown:after {
 * 1) sfosFilter ul.dropdownMenu {
 * 1) sfosFilter ul.dropdownMenu li {
 * 1) sfosFilter ul.dropdownMenu li.checked {
 * 1) sfosFilter ul.dropdownMenu li.buttons {
 * 1) sfosFilter ul.dropdownMenu li.buttons span {
 * 1) sfosFilter ul.dropdownMenu li.buttons a {
 * 1) sfosFilter ul.dropdownMenu li.buttons a:hover,
 * 2) sfosFilter ul.dropdownMenu li.buttons a:focus {

/** device list **/ margin: 1ex 0; } display: inline-block; width: 200px; text-align: center; background: #fafafa; overflow: hidden; margin: 10px 4px; vertical-align: top; text-decoration: none; color: #333; padding: 2px 2px 5px; } background: #cef; } background: #27aae1; } display: block; height: 150px; line-height: 150px; padding: 10px; } max-width: 100%; max-height: 100%; vertical-align: middle; } display: block; font-size: 0.8em; color: #888; } display: none; }
 * 1) sfosDeviceFilterList {
 * 1) sfosDeviceFilterList .device a {
 * 1) sfosDeviceFilterList .device a:hover,
 * 2) sfosDeviceFilterList .device a:focus {
 * 1) sfosDeviceFilterList .device a:active {
 * 1) sfosDeviceFilterList .device .image {
 * 1) sfosDeviceFilterList .device .image img {
 * 1) sfosDeviceFilterList .device .codename {
 * 1) sfosDeviceFilterList .device[data-hidden] {

background: url(/images/2/2f/Cid-filter-empty-note.png) no-repeat 40px 0; padding: 42px 0 0 150px; min-height: 104px; } display: none; }
 * 1) sfosDeviceFilterEmptyNote {
 * 1) sfosDeviceFilterEmptyNote[data-hidden] {