Difference between revisions of "MediaWiki:Mobile.css"
From Regiapædia
m (Tags: Mobile edit, Mobile web edit) |
|||
| (24 intermediate revisions by the same user not shown) | |||
| Line 56: | Line 56: | ||
} | } | ||
| − | + | /* 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; | ||
} | } | ||
| Line 90: | Line 89: | ||
.mw-body container { | .mw-body container { | ||
| − | width: | + | width: 100%; |
margin: 0 auto; | margin: 0 auto; | ||
| − | border: 1px solid red; | + | /*border: 1px solid red;*/ |
} | } | ||
| Line 102: | Line 101: | ||
column-count: 2; | column-count: 2; | ||
column-gap: 1px; | column-gap: 1px; | ||
| − | width: | + | width: 100%; |
| − | border: 1px solid black; | + | /*border: 1px solid black;*/ |
} | } | ||
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]]
