Difference between revisions of "MediaWiki:Mobile.css"

From Regiapædia
Jump to: navigation, search
(Tags: Mobile edit, Mobile web edit)
m
(Tags: Mobile edit, Mobile web edit)
 
(67 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
margin-top: 0;
 
margin-top: 0;
 
border-top: none;
 
border-top: none;
         background-color: #000000 !important;
+
         background-color: #F0F0F0    !important;
 
}
 
}
.search-overlay .overlay-header,
+
input.search {
.search-overlay .results,
 
.search-overlay .search-feedback {
 
 
background: none !important;
 
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 */
 
/* non-content area */
 
body.search-overlay {
 
body.search-overlay {
     background-color: #000000 !important;
+
     background-color: #282828 !important;
 
     color: white;
 
     color: white;
 
}
 
}
Line 38: Line 23:
 
/* Footer */
 
/* Footer */
 
div#footer {
 
div#footer {
  margin-left: 160px !important;
 
 
   border: none;
 
   border: none;
   background-color: #000000;
+
   background-color: #282828;
 
   color: #ffffff;
 
   color: #ffffff;
 
}
 
}
Line 69: Line 53:
 
     font-weight: bold;
 
     font-weight: bold;
 
     font-family: sans-serif;
 
     font-family: sans-serif;
 +
    Margin-right:0px;
 +
}
 +
 +
/* Regia Objects */
 +
 +
#TabButton {
 +
    width: calc(50% - 30px);
 
}
 
}
  
#gBox {
+
#RFrame {
    width:130px;
+
    margin-right: 0px;
    height:120px;
 
    background-color:LightGray;
 
 
}
 
}
  
#gBoxImg {
+
 
     width:130px;
+
#NavTiles {
 +
    margin: 0 auto;
 +
    text-align: center;
 +
}
 +
 
 +
#PinTile {
 +
    display: inline-block;
 +
    border-radius: 7px;
 +
    background-color:#ffffff;
 +
    border:1px solid #808080;
 +
    overflow: hidden;
 +
        margin: 0px 1px 5px 1px;
 +
}
 +
 
 +
 
 +
/* CSS Pinterest Like Gallery for Mediawiki
 +
*
 +
* @author: Unknown
 +
* current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
 +
*/
 +
 
 +
.mw-body container {
 +
    width: 100%;
 +
    margin: 0 auto;
 +
    /*border: 1px solid red;*/
 +
}
 +
 +
.mw-body Pin-Tiles {
 +
    -moz-column-count: 2;
 +
    -moz-column-gap: 1px;
 +
    -webkit-column-count: 2;
 +
    -webkit-column-gap: 1px;
 +
    column-count: 2;
 +
    column-gap: 1px;
 +
    width: 100%;
 +
/*border: 1px solid black;*/
 +
}
 +
 +
.mw-body Pin-Tiles img{
 +
    display: inline-block;
 +
    margin-bottom: 5px;
 +
     width: 100%;
 
}
 
}
 +
[[Category:Wiki]]

Latest revision as of 17:49, 25 January 2018

/* 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: 	#F0F0F0    !important;
}
input.search {
	background: none !important;
}


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

/* Footer */
div#footer {
  border: none;
  background-color: #282828;
  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;
    Margin-right:0px;
}

/* Regia Objects */

#TabButton {
     width: calc(50% - 30px); 
}

#RFrame {
     margin-right: 0px;
}


#NavTiles {
    margin: 0 auto;
    text-align: center;
}

#PinTile {
     display: inline-block; 
     border-radius: 7px; 
     background-color:#ffffff; 
     border:1px solid #808080; 
     overflow: hidden; 
        margin: 0px 1px 5px 1px; 
}


/* CSS Pinterest Like Gallery for Mediawiki
 * 
 * @author: Unknown
 * current version crafted together by [[User:Christharp]] from several CSS sites. For my website:[http://www.yellpedia.com/wiki/Main_Page Yellpedia]
 */

.mw-body container {
    width: 100%;
    margin: 0 auto;
    /*border: 1px solid red;*/
}
 
.mw-body Pin-Tiles {
    -moz-column-count: 2;
    -moz-column-gap: 1px;
    -webkit-column-count: 2;
    -webkit-column-gap: 1px;
    column-count: 2;
    column-gap: 1px;
    width: 100%;
 /*border: 1px solid black;*/
}
 
.mw-body Pin-Tiles img{
    display: inline-block;
    margin-bottom: 5px;
    width: 100%;
}
[[Category:Wiki]]