Difference between revisions of "MediaWiki:Common.css"
| (64 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins #382e2b*/ | /* CSS placed here will be applied to all skins #382e2b*/ | ||
| − | #n-randompage { display:none} | + | |
| + | /* For mobile phones: */ | ||
| + | [class*="col-"] { | ||
| + | width: 100%; | ||
| + | } | ||
| + | /* CSS FOR DOCUMENTATION PAGE*/ | ||
| + | body.page-Documentation.action-view h1.firstHeading, body.page-Documentation.action-submit h1.firstHeading { display: none; } | ||
| + | body.page-Documentation.action-view p img, body.page-Documentation.action-submit p img { | ||
| + | margin: 5px; | ||
| + | border-radius: 3px; | ||
| + | } | ||
| + | @media only screen and (max-width : 980px) { | ||
| + | body.page-Documentation.action-view p img{ | ||
| + | width:40vw; | ||
| + | height:100%; | ||
| + | } | ||
| + | body.page-Documentation.action-view #desktop-tiles {display:none;} | ||
| + | } | ||
| + | @media only screen and (min-width: 981px) { | ||
| + | body.page-Documentation.action-view #mobile-tiles {display:none;} | ||
| + | } | ||
| + | |||
| + | html, body { font-family: "Helvetica","Arial",sans-serif; } | ||
| + | #n-randompage, #t-whatlinkshere, #t-recentchangeslinked, #ca-talk, #ca-viewsource, #ca-history, #ca-view, #ca-nstab-main, #footer-info-lastmod, #mw-redirectedfrom {display: none !important;} | ||
body { background-color: #382e2b;} | body { background-color: #382e2b;} | ||
#mw-page-base { background: unset; background-color: #382e2b; } | #mw-page-base { background: unset; background-color: #382e2b; } | ||
| Line 6: | Line 29: | ||
#mw-panel .portal .body li a:visited { color: white } | #mw-panel .portal .body li a:visited { color: white } | ||
#mw-panel .portal h3 { color: white } | #mw-panel .portal h3 { color: white } | ||
| − | #p-logo a { background-color: #81BC00; background-image: url('https:// | + | #p-logo { height: unset } |
| − | background-size: | + | #p-logo a { background-color: #81BC00; background-image: url('https://my.hubitat.com/img/hub-logo.svg'); |
| − | + | background-size: 160px; | |
| − | + | background-repeat: no-repeat; | |
| + | background-position: center center; | ||
| + | margin-left: -8px; | ||
| + | padding-right: 16px; | ||
| + | height:80px; } | ||
#p-logo img {display:none} | #p-logo img {display:none} | ||
#mw-head #p-personal a, #mw-head #p-personal a:visited { color: white } | #mw-head #p-personal a, #mw-head #p-personal a:visited { color: white } | ||
#footer ul li, #footer a, #footer a:visited {color:white} | #footer ul li, #footer a, #footer a:visited {color:white} | ||
#p-cactions {background-color:white} | #p-cactions {background-color:white} | ||
| + | ca-talk { display:none!important; } | ||
| + | #ca-viewsource { display: none !important; } | ||
| + | #p-views.vectorTabs { display: none !important; } | ||
| + | #p-namespaces.vectorTabs { display: none !important; } | ||
| + | #toc { font-size: 120%; } | ||
| + | |||
| + | |||
| + | #column-content { display: none !important; } | ||
| + | #content { margin: 2.8em 0 0 0; } | ||
| + | #p-tb-label { display: none !important; } | ||
| + | #p-cactions { left: .1em; } | ||
| + | #mw-panel #p-logo + .portal { | ||
| + | display: none; | ||
| + | margin-top: 0; | ||
| + | } | ||
| + | |||
| + | #content { | ||
| + | margin: 0; | ||
| + | } | ||
| + | |||
| + | #footer { | ||
| + | margin-left: 0; | ||
| + | padding: 1.25em; | ||
| + | height: 40px; | ||
| + | } | ||
| + | |||
| + | #footer, #footer-icons { | ||
| + | margin-right: 5.5em; | ||
| + | } | ||
Latest revision as of 20:58, 23 March 2021
/* CSS placed here will be applied to all skins #382e2b*/
/* For mobile phones: */
[class*="col-"] {
width: 100%;
}
/* CSS FOR DOCUMENTATION PAGE*/
body.page-Documentation.action-view h1.firstHeading, body.page-Documentation.action-submit h1.firstHeading { display: none; }
body.page-Documentation.action-view p img, body.page-Documentation.action-submit p img {
margin: 5px;
border-radius: 3px;
}
@media only screen and (max-width : 980px) {
body.page-Documentation.action-view p img{
width:40vw;
height:100%;
}
body.page-Documentation.action-view #desktop-tiles {display:none;}
}
@media only screen and (min-width: 981px) {
body.page-Documentation.action-view #mobile-tiles {display:none;}
}
html, body { font-family: "Helvetica","Arial",sans-serif; }
#n-randompage, #t-whatlinkshere, #t-recentchangeslinked, #ca-talk, #ca-viewsource, #ca-history, #ca-view, #ca-nstab-main, #footer-info-lastmod, #mw-redirectedfrom {display: none !important;}
body { background-color: #382e2b;}
#mw-page-base { background: unset; background-color: #382e2b; }
#mw-panel .portal .body li a { color: white }
#mw-panel .portal .body li a:visited { color: white }
#mw-panel .portal h3 { color: white }
#p-logo { height: unset }
#p-logo a { background-color: #81BC00; background-image: url('https://my.hubitat.com/img/hub-logo.svg');
background-size: 160px;
background-repeat: no-repeat;
background-position: center center;
margin-left: -8px;
padding-right: 16px;
height:80px; }
#p-logo img {display:none}
#mw-head #p-personal a, #mw-head #p-personal a:visited { color: white }
#footer ul li, #footer a, #footer a:visited {color:white}
#p-cactions {background-color:white}
ca-talk { display:none!important; }
#ca-viewsource { display: none !important; }
#p-views.vectorTabs { display: none !important; }
#p-namespaces.vectorTabs { display: none !important; }
#toc { font-size: 120%; }
#column-content { display: none !important; }
#content { margin: 2.8em 0 0 0; }
#p-tb-label { display: none !important; }
#p-cactions { left: .1em; }
#mw-panel #p-logo + .portal {
display: none;
margin-top: 0;
}
#content {
margin: 0;
}
#footer {
margin-left: 0;
padding: 1.25em;
height: 40px;
}
#footer, #footer-icons {
margin-right: 5.5em;
}