Open main menu

Changes

MediaWiki:Common.css

782 bytes added, 6 years ago
no edit summary
/*This CSS code adding by Rahul for responsiveness */
 
._rstring ._dummylogo{ position:absolute; left:0; top:10px; width: 150px; display: flex; justify-content: space-between; align-items:stretch; z-index:999; display:none; }
 @media only screen and (minmax-width: 768px1200px) { ._rstring ._dummylogo{ display: flex; } ._rstring #mw-panel { left: -15em; background-color:#FFF;}._rstring #mw-panel #p-logo{ display:none;} ._rstring #mw-panel._show { left: 0em; background-color: #FFF; z-index: 10; margin-top: 81px; box-shadow: 1px 8px 15px #000; min-width: 216px;}
._rstring #left-navigation { margin-left: 0; float: right;} ._responsive #p-personal { right: auto; }  ._rstring #right-navigation { float: right; } ._rstring .mw-body { margin-left: 0; }
 
._rstring #firstHeading{font-size:1.4em !important;}
._rstring .topbanner {
min-width: auto !important;
margin-left: 0px !important;
}
._rstring .topbanner .name p span{ font-size:2em !important;}
._rstring .topbanner .name p span>span{ font-size:.5em !important;}
 
._rstring #mf-pagebanner center table{width: 100%;}
._rstring #mf-pagebanner center table tr td>div{ width: auto !important; display: block !important;}
 
._rstring ._responsive big{ font-size: large; line-height: unset;}
 
._rstring ._responsive table tr td { font-size: 12px; }
._rstring ._responsive table tr td a{ font-size: 12px; }
._rstring ._responsive table tr td a big{ font-size: 12px; }
 
._rstring #footer {
margin-left: 0em;
}
 
 
 
}
right: auto;
z-index: auto;
min-height: 48px;
height: 48px;
}
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
min-height: 48px;
}
._rstring #p-personal li {
}
._rstring #p-personal li #pt-notifications-alert .mw-echo-notifications-badge, ._rstring #p-personal li #pt-notifications-notice .mw-echo-notifications-badge {
top: -990px;
}
._rstring #mw-panel._show { margin-top: 0px; }
}
 
@media only screen and (max-width: 1200px) {
._rstring ._dummylogo{ display: flex; }
._rstring #mw-panel {
left: -15em; background-color:#FFF;
}
._rstring #mw-panel #p-logo{ display:none;}
 
._rstring #mw-panel._show {
left: 0em; backgroundmargin-colortop: #FFF0px; z-index: 101000; margin-topoverflow: 81pxauto; box-shadowposition: 1px 8px 15px #000fixed; min-widthheight: 182px100%;
}
 
._rstring #left-navigation {
float: left; margin-lefttop: 051px; }._rstring #right-navigation { float: right; margin-top: 51px;
}
._responsive #p-personal { right: auto;
}
._rstring #right-navigation {
float: right;
}
@media only screen and (max-width: 768px) {
._rstring .mw-body {
margin-left: 0; margin-top: 100px;
}
._rstring #firstHeading{font-size:1.4em !important;}
._rstring .topbanner {
min-width: auto !important;
margin-left: 0px !important;
}
._rstring .topbanner .name p span{ font-size:2em !important;}
._rstring .topbanner .name p span>span{ font-size:.5em !important;}
._rstring #mfp-pagebanner center tablepersonal {width min-height: 100%82px; height: 82px;}._rstring #mfp-pagebanner center table tr td>divpersonal ul{ width min-height: auto !important82px; displayheight: block !important82px;}
._rstring ._responsive big#left-navigation { font margin-sizetop: large; line-height: unset59px;} ._rstring ._responsive table tr td #right-navigation{ font margin-sizetop: 12px59px; }._rstring ._responsive #mf-pagebanner center table tr td a>div { font width: auto !important; display: block !important; padding: 7px !important; min-sizeheight: 12px129px !important; }._rstring ._responsive table tr td a big{ font-size margin: 12px0 !important; }
._rstring #footer {
margin-left: 0em;
}
  }
/*This CSS code adding by Rahul for responsiveness */