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: 1200px) { ._rstring ._dummylogo{ display: flex; } ._rstring #mw-panel { left: -15em; background-color:#FFF;
}
._rstring #mw-panel #p-logo{ display:none;}
}
._rstring #left-navigation {
._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 #p-personal li {
float: none;
margin-left: 0;
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 */