Open main menu

Changes

MediaWiki:Common.css

2,083 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 (min-width: 768px) {
 
 
}
@media only screen and (min-width: 992px) {
}
 
@media only screen and (max-width: 1200px) {
._rstring ._dummylogo{ display: flex; }
z-index: 10;
margin-top: 81px;
box-shadow: 1px 8px 15px #000; min-width: 182px216px;
}
._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;
}
 }  @media only screen and (max-width: 992px) { ._rstring ._dummylogo { width: 100%; justify-content: space-between; }._rstring ._dummylogo ._logo { max-width: 100px; } ._rstring ._dummylogo ._nav { max-width: 40px;} ._rstring .mw-body { margin-left: 0; margin-top: 65px; } ._rstring #mw-navigation h2 { display:none; } ._rstring ._dummylogo { top: 0px; }  ._rstring #p-personal { position: relative; top: 51px; right: auto; z-index: auto; min-height: 48px; height: 48px;}  ._rstring #footer p-personal ul { padding-left: 0; position: relative; text-align: center; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding-bottom: 5px; min-height: 48px; } ._rstring #p-personal li { float: none; margin-left: 0em0; padding-top: 0; font-size: 0.75em; line-height: 1.16666667em; white-space: normal; display: inline-block; margin: 0 10px;}  ._rstring #pt-notifications-alert .mw-echo-notifications-badge, ._rstring #pt-notifications-notice .mw-echo-notifications-badge { top: -990px; }  ._rstring #mw-panel._show { margin-top: 0px; z-index: 1000; overflow: auto; position: fixed; height: 100%;} ._rstring #left-navigation { float: left; margin-top: 51px;}._rstring #right-navigation { float: right; margin-top: 51px;} }  @media only screen and (max-width: 768px) { ._rstring .mw-body { margin-left: 0; margin-top: 100px;
}
._rstring #p-personal {
min-height: 82px;
height: 82px;
}
._rstring #p-personal ul{
min-height: 82px;
height: 82px;
}
 
._rstring #left-navigation {
margin-top: 59px;
}
._rstring #right-navigation{
margin-top: 59px;
}
._rstring #mf-pagebanner center table tr td>div {
width: auto !important;
display: block !important;
padding: 7px !important;
min-height: 129px !important;
margin: 0 !important;
}
}
 
/*This CSS code adding by Rahul for responsiveness */