Difference between revisions of "MediaWiki:Mobile.css"
(Created page with "→CSS placed here will affect users of the mobile site: .mobile-float-reset { float: none !important; width: 100% !important; } →Hides Desktop only elements: #mf-HideO...") |
m (Tags: Mobile edit, Mobile web edit) |
||
| (83 intermediate revisions by the same user not shown) | |||
| Line 5: | Line 5: | ||
#mf-HideOnMobile { display: none; } | #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%; | width: 100%; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
[[Category:Wiki]] | [[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]]