Difference between revisions of "MediaWiki:Mobile.css"

From IvanWiki
Jump to navigation Jump to search
m
m
Line 36: Line 36:
 
     flex-basis: 1em;
 
     flex-basis: 1em;
 
     line-height: 1em;
 
     line-height: 1em;
 +
}
 +
.mw-ui-icon-small::before {
 +
    content: '';
 +
    display: block;
 +
    width: 100%;
 +
    height: 100%;
 +
    min-width: 1em;
 +
    min-height: 1em;
 +
    background-repeat: no-repeat;
 +
    background-size: 1em 1em;
 +
    background-position: center;
 
}
 
}
 
.mw-ui-icon-small.mw-ui-icon-element {
 
.mw-ui-icon-small.mw-ui-icon-element {

Revision as of 17:14, 6 August 2020

/* CSS placed here will be applied to all skins */

#left-navigation, #right-navigation { top:130px; }
#mw-panel { top:150px; }
#p-logo { display:none; }

#attnam-header {
    padding:10px 0 0 0; height:120px; position:relative;
}
#attnam-header h1 { margin:0; padding:13px 0; border:0; }
#attnam-header h1 img { display: none; }
#attnam-header .logo { float:left; width:120px; position:relative; margin-right:20px; z-index:10; }

.centered { margin:0 auto; }

#attnam-header nav {
    background:#9c9c9b; margin:0; font-size:11pt; padding:0 0 0 130px; position:absolute; bottom:0;
}
#attnam-header nav a { color:#fff !important; padding:5px 15px; text-decoration:none; font-weight:bold; display:block; }
#attnam-header nav a:hover { color:#fff !important; background:#888; }
#attnam-header nav a.active { background:#777; color:#fff; }
#attnam-header nav a.active:hover { background:#777; }

#attnam-header nav ul { margin:0; padding:0; height:36px; }
#attnam-header nav ul li { margin:0; padding:0; float:left; list-style:none; }
#attnam-header nav a { padding:0 20px; margin:0; display:block; line-height:36px; }
#attnam-header nav a:hover { text-decoration:none; }

.break { /*width:100%; height:1px; margin:0 0 -1px;*/ clear:both; }

.mw-ui-icon-small {
    width: 1em;
    height: 1em;
    min-width: 1em;
    min-height: 1em;
    flex-basis: 1em;
    line-height: 1em;
}
.mw-ui-icon-small::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    min-width: 1em;
    min-height: 1em;
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: center;
}
.mw-ui-icon-small.mw-ui-icon-element {
    padding: 0.5625em;
}
.mw-ui-icon-small.mw-ui-icon-flush-left {
    margin-left: -0.5625em;
}