Difference between revisions of "MediaWiki:Common.css"

From SEPAKAT wiki
Jump to: navigation, search
Line 9: Line 9:
 
@media (min-width: 1300px) {
 
@media (min-width: 1300px) {
 
body {
 
body {
   max-width: 1200px;
+
   max-width: 1300px;
 
   position: absolute;
 
   position: absolute;
 
   margin: auto 0;
 
   margin: auto 0;
 
   display: inline-block;
 
   display: inline-block;
   left: calc((100% - 1200px) / 2);
+
   left: calc((100% - 1300px) / 2);
 
}
 
}
 
}
 
}

Revision as of 16:31, 13 March 2022

/* CSS placed here will be applied to all skins */
@media (min-height: 768px ) {
 #mw-panel {
  position: fixed !important;
  top: 0 !important;
  left: auto !important;
}
}
@media (min-width: 1300px) {
body {
  max-width: 1300px;
  position: absolute;
  margin: auto 0;
  display: inline-block;
  left: calc((100% - 1300px) / 2);
}
}



body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }

/* hide tab */
#ca-talk ,#ca-history ,#ca-viewsource { display:none!important; }

.mw-wiki-logo {
  background-size: contain;
  background-color: #fff;
  box-shadow: 0em 1em 1em #357;
  border-radius: 50%;
}

div#mw-panel {
    background: #fff;
    height: 100vh;
    width: 10.5em;
    top: 0;
   padding-top: 181px;
}

#p-logo { top: 0 }

.hidden-toc-number .tocnumber { display:none; }
.lower-roman > ol,.lower-roman > ul {  list-style-type:lower-roman }
.lower-alpha > ol,.lower-alpha > ul {  list-style-type:lower-alpha }
.lower-decimal > ol,.lower-decimal > ul {  list-style-type:decimal }
.lower-decimal-alpha > ol { list-style-type:decimal } 
.lower-decimal-alpha > ol li > ol { list-style-type:lower-alpha } 


.prettytable { border: 1px solid #aaa; border-collapse: collapse;}
.prettytable caption { font-size: 1.3em;padding: 0.5em; }
.prettytable tr th { font-size: 1.3em;text-align: center;vertical-align: middle;background: red;color:white;border: 1px solid #aaa;padding: 0.5em; }
.prettytable tr td { border-bottom: 1px solid #eee;padding: 0.5em;border-right: 1px solid #eee; }