Bureaucrats, csmoderator, Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Administrators, Widget editors
2,963
edits
Changes
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; }
._rstring ._dummylogo ._nav{ flex-basis: 25%; margin-left:5%;}
._rstring ._dummylogo ._nav svg{width:30px; height:30px; margin-top: 5px;}
._rstring ._dummylogo ._logo{ flex-basis: 70%; height:40px; background-size: 100%; background-image: url(https://universityinnovation.org/thumb.php?f=UIF-logo-black.png&width=180);}
@media only screen and (max-width: 600px) {
@media only screen and (minmax-width: 768px1200px) { ._responsive _rstring ._dummylogo{display: flex; } ._responsive _rstring #mw-panel { left: -10em15em; 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;
}
._responsive _rstring #left-navigation {
margin-left: 0;
float: right;
}
._responsive #p-personal {
}
._responsive _rstring #right-navigation { float: leftright;
}
._responsive _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;
}
}
@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 #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 #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 (minmax-width: 992px768px) {
._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 */