Difference between revisions of "MediaWiki:Mobile.css"
From Regiapædia
| Line 61: | Line 61: | ||
} | } | ||
| − | + | /* Special Mention Boxes */ | |
| − | /* | ||
| − | |||
#AOBox { | #AOBox { | ||
| − | width: 100%; | + | width: 100% ; |
| − | margin-right: | + | margin-right: 6px; |
} | } | ||
| − | /* Pin | + | /* Pin Image boxes*/ |
| − | |||
#PinFrame { | #PinFrame { | ||
| − | + | margin-right: 0px; | |
| − | |||
} | } | ||
| − | # | + | #PinTile ( |
| − | + | display: inline-block; | |
| − | + | border-radius: 7px; | |
| + | background-color:#ffffff; | ||
| + | border:1px solid #808080; | ||
| + | overflow:Hidden; | ||
| + | margin: 0px 1px 5px 1px; | ||
| + | width: 170px; | ||
} | } | ||
| Line 92: | Line 93: | ||
width: 400px; | width: 400px; | ||
margin: 0 auto; | margin: 0 auto; | ||
| − | border: 1px solid red; | + | /*border: 1px solid red;*/ |
} | } | ||
| Line 103: | Line 104: | ||
column-gap: 1px; | column-gap: 1px; | ||
width: 400px; | width: 400px; | ||
| − | border: 1px solid black; | + | /*border: 1px solid black;*/ |
} | } | ||
Revision as of 12:17, 3 July 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: #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;
}
.mw-body p {
margin-right:0px;
margin-left:0px;
}
/* Special Mention Boxes */
#AOBox {
width: 100% ;
margin-right: 6px;
}
/* Pin Image boxes*/
#PinFrame {
margin-right: 0px;
}
#PinTile (
display: inline-block;
border-radius: 7px;
background-color:#ffffff;
border:1px solid #808080;
overflow:Hidden;
margin: 0px 1px 5px 1px;
width: 170px;
}
/* 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: 400px;
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: 400px;
/*border: 1px solid black;*/
}
.mw-body Pin-Tiles img{
display: inline-block;
margin-bottom: 5px;
width: 100%;
}
[[Category:Wiki]]
