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 CSS FOR NEW-STYLE GENERAL WIKI PAGES **/ /* Start Breadcrumb Trail Formatting */ .tbl_breadcrumbs { cellspacing:0; cellpadding:0; align:left; valign:center; width:100%; border: 1px solid #878787; border-radius: 5px; background: #f1f7f6; } .BreadcrumbsText { font-family:Helvetica,sans-serif; font-size: 0.7em; } /* End Breadcrumb Trail Formatting */

/* Start Section Headings Formatting */ .STD_SectionHeading { font-family:Helvetica,sans-serif; font-size: 1.5em; /*font-weight:bold;*/ color:#424242; } /* End Section Headings Formatting */

/* Start Contents Formatting */ .STD_ContentsStyle { width:60%; font-family:Helvetica,sans-serif; font-size: 0.9em; color:#e1ddcf; } .STD_ReturnToContentsLink { font-family:Helvetica,sans-serif; font-size: 0.7em; color:#C2C2C2; } /* End Section Headings Formatting */

/* Start General Formatting */ .STD_ImageCaptionStyle { font-family:Helvetica,sans-serif; font-size: 0.8em; color:#A1A1A1; text-align:center; } .STD_BodyTextStyle { font-size: 1.33em; /* font-family:sans-serif; */ font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif; color:#404040; line-height:168%; } .STD_BodyTextSubHeadings{ font-family:Helvetica,sans-serif; font-size: 1.5em; font-weight:bold; color:#808080; line-height:168%; } .STD_BodyScreenshot { align:center; } .tbl_GridScreenshot { align:center; width:90%; border: 1px solid #878787; } /* End General Formatting */ /** END CSS FOR NEW-STYLE GENERAL WIKI PAGES **/

/* note, helpful tip and warning boxes */ .infoBox .bar, .warningBox .bar, .editDeviceTemplateBox .bar { position: absolute; top: 0; left: 0; bottom: 0; width: 68px; background: no-repeat center center; } .infoBox .bar { /* background-color: #333; */ background-image: url(/images/b/b0/Mini-cid-logo-2.png); } .warningBox .bar { background-color: #d22; background-image: url(/images/e/e5/Mini-cid-logo-grey-2.png); } .editDeviceTemplateBox .bar { /* background-color: #333; */ background-image: url(/images/6/66/Device_template.png); }

/* box with specs of each device */ .deviceInfoBox td, .deviceInfoBox th { vertical-align: top; text-align: left; padding: 3px 8px; } .deviceInfoBox th { white-space: nowrap; }

/** experimental: device page - get sfos section **/ /* see http://wiki.cyanogenmod.org/w/User:Flo_Edelmann/Device_Redesign */

div#content .device-get-sfos a { display: inline-block; background: no-repeat center 10px #fafafa; color: #555; padding: 88px 10px 10px; width: 20%; margin: 4px; overflow: none; text-align: left; vertical-align: top; text-decoration: none; } @media all and (max-width: 1250px) { div#content .device-get-sfos a { width: 40%; } } @media all and (max-width: 900px) { div#content .device-get-sfos a { width: auto; display: block; } } .device-get-sfos a b { display: block; text-align: center; margin: 0 0 10px; color: #017dbb; } .device-get-sfos a em { font-weight: bold; font-style: normal; border-bottom: 2px solid #555; } div#content .device-get-sfos a:hover, div#content .device-get-sfos a:focus { background-color: #cef; } div#content .device-get-sfos a:hover em, div#content .device-get-sfos a:focus em { border-color: #555; }

div#content .device-get-sfos .nightly a { background-image: url(/images/5/5f/Device-get-nightly.png); } .device-get-sfos .nightly a em { border-color: #9a6a4f; }

div#content .device-get-sfos .stable a { background-image: url(/images/7/70/Device-get-stable.png); } .device-get-sfos .stable a em { border-color: #003e51; }

.device-build-sfos { font-size: 1em; color: #555; overflow: hidden; text-align: center; text-transform: uppercase; } .device-build-sfos:before, .device-build-sfos:after { background-color: #555; content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .device-build-sfos:before { right: 0.5em; margin-left: -50%; } .device-build-sfos:after { left: 0.5em; margin-right: -50%; }

/**** 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] {