MediaWiki:Common.css

From SCA Lochac
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* CSS placed here will be applied to all skins */
/* section-based ol numbering*/

body {
  counter-reset: h2Counter h3Counter h4Counter tableCounter;
}

.rulesNumbering h2 {
  counter-reset: h3Counter h4Counter;
  counter-increment: h2Counter;
}
.rulesNumbering h2:before {
  content: counter(page) "." counter(h2Counter) " ";
}

/* this is required to stop the 'contents' heading in the ToC from becoming '1 contents' */
#toctitle h2 {
counter-increment: none;
}
#toctitle h2:before {
  content: none;
}

.rulesNumbering h3 {
  counter-reset: h4Counter;
  counter-increment: h3Counter;
}
.rulesNumbering h3:before {
  content: counter(page) "." counter(h2Counter) "." counter(h3Counter) " ";
}

.rulesNumbering h4 {
  counter-increment: h4Counter;
}
.rulesNumbering h4:before {
  content: counter(page) "." counter(h2Counter) "." counter(h3Counter) "." counter(h4Counter) " ";
}

/* styling for ordered lists */
.rulesNumbering ol {
  list-style-type: decimal;
}

.rulesNumbering ol>li>ol{
  list-style-type: lower-alpha;
}
.rulesNumbering ol>li>ol>li>ol{
  list-style-type: lower-roman;
}

.rulesNumbering ul{
  text-indent: 0px;
  list-style-type: circle;
}
.rulesNumbering ul>li>ul {
  text-indent: 0px;
  list-style-type: circle;
}
.rulesNumbering ul>li>ul>li>ul {
  text-indent: 0px;
  list-style-type: circle;
}

 caption:before {
  counter-increment: tableCounter;
  content: "Table ".counter(page) "." counter(tableCounter);
}


/* Giving table borders */
table.withBorders {
  border-collapse: collapse;
}
.withBorders, .withBorders th, .withBorders td {
  border: 2px solid black;
}

/* hide toolbox initially */
div#p-tb {
  visibility: hidden;
}


/* page styling */

div#mw-panel{
  width:15em;
  font-size: 1em;
}

div#content{
  margin-left: 16em;
}

div#mw-head-base {
  margin-left: 16em;
  height:15em;
}
div#p-logo {
  width: 15em;
  height: 15em;
}