Difference between revisions of "MediaWiki:Mobile.css"

From Regiapædia
Jump to: navigation, search
(Tags: Mobile edit, Mobile web edit)
(Tags: Mobile edit, Mobile web edit)
Line 5: Line 5:
 
#mf-HideOnMobile { display: none; }
 
#mf-HideOnMobile { display: none; }
  
 +
.header {
 +
margin-top: 0;
 +
border-top: none;
 +
        background-color: #000000 !important;
 +
}
 
.search-overlay .overlay-header,
 
.search-overlay .overlay-header,
 
.search-overlay .results,
 
.search-overlay .results,
Line 13: Line 18:
 
input.search {
 
input.search {
 
background-color: #000000 !important;
 
background-color: #000000 !important;
 +
        color: #FFFFFF;
 
}
 
}
 
input.search::-webkit-input-placeholder {
 
input.search::-webkit-input-placeholder {

Revision as of 18:27, 13 June 2017

/* CSS placed here will affect users of the mobile site */
.mobile-float-reset { float: none !important; width: 100% !important; }

/* Hides Desktop only elements */
#mf-HideOnMobile { display: none; }

.header {
	margin-top: 0;
	border-top: none;
        background-color: #000000 !important;
}
.search-overlay .overlay-header,
.search-overlay .results,
.search-overlay .search-feedback {
	background: none !important;
}

input.search {
	background-color: #000000 !important;
        color: #FFFFFF;
}
input.search::-webkit-input-placeholder {
	color: #6D6D6D;
}
input.search:-ms-input-placeholder {
	color: #6D6D6D;
}
input.search::-ms-input-placeholder {
	color: #6D6D6D;
}

/* non-content area */
body.search-overlay {
    background-color: #000000 !important;
    color: white;
}

/* Footer */
div#footer {
  margin-left: 160px !important;
  border: none;
  background-color: #000000;
  color: #ffffff;
}

div#footer ul li {
  color: #ffffff;
}

div#footer a {
    color: #ffffff;
}

div#footer a:visited {
    color: #ffffff;
}


/* content area */
#content {
    background: #FFFFD5; 
    color: #000000;
    border: 1px solid #000000;
    border-top: 1px solid #000000;
}

h1, h2, h3, h4, h5, h6 {
    color: #800000; 
    font-weight: bold;
    font-family: sans-serif;
}

#gBox {
    width:130px;
    height:120px;
    background-color:LightGray;
}

#gBoxImg {
    width:130px;
}