From WikiChip
Difference between revisions of "MediaWiki:Common.css"

Line 159: Line 159:
 
   background-image: url('/w/resources/assets/graph_paper_bg_2.svg');
 
   background-image: url('/w/resources/assets/graph_paper_bg_2.svg');
 
   background-size: 100% auto;
 
   background-size: 100% auto;
}
 
 
/*
 
* Infobox related styles
 
*/
 
.chip-infobox {
 
  background-color: #FFF;
 
  border: 1px solid #709fea;
 
  width: 350px;
 
  float: right;
 
  margin: 0 10px 10px 10px;
 
  font-size: 12px;
 
  border-collapse: collapse;
 
}
 
.chip-infobox-header {
 
  text-align: center;
 
  background-color: #e6e6e6;
 
  font-size: 16px;
 
  font-weight: bold;
 
}
 
.chip-infobox-pic {
 
  text-align: center;
 
}
 
.chip-infobox-pic-caption {
 
  text-align: center;
 
}
 
.chip-infobox-sep {
 
  text-align: center;
 
  background-color: #F0F0F0;
 
  font-weight: bold;
 
  font-size: 1.2em;
 
  border-top: 1px #cccccc solid;
 
}
 
.chip-infobox th {
 
  width: 100px;
 
  text-align: right;
 
  padding-right: 10px;
 
 
}
 
}
  

Revision as of 22:09, 6 June 2017

/* hide the heading from the main page */
body.page-WikiChip.action-view h1.firstHeading,
body.page-WikiChip.action-submit h1.firstHeading {
    display: none;
}

/* CSS placed here will be applied to all skins */
div.portal {
    padding-bottom: .5em !important;
}


/* hide the title from table of contents */
.notoctitle #toctitle {
    display: none;
}
/* TOC horizontally */
.htoc li {
  display: inline;
}

/* When <div class="nonumtoc"> is used on the table of contents,
   the ToC will display without numbers */
.nonumtoc .tocnumber {
    display: none;
}
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none none;
    margin: .3em 0 0;
    padding: 0;
}
.hlist.nonumtoc #toc ul ul,
.hlist.nonumtoc .toc ul ul {
    /* @noflip */
    margin: 0;
}
/* Allow limiting of which header levels are shown in a TOC;
   <div class="toclimit-3">, for instance, will limit to
   showing ==headings== and ===headings=== but no further
   (as long as there are no =headings= on the page, which
   there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
    display: none;
}


/* The following CSS adds left/right/center alignment to entire table columns.
 *
 * Just add the name to the table class list
 *
 */

.tr1 td:nth-child(1), .tr1 th:nth-child(1),
.tr2 td:nth-child(2), .tr2 th:nth-child(2),
.tr3 td:nth-child(3), .tr3 th:nth-child(3),
.tr4 td:nth-child(4), .tr4 th:nth-child(4),
.tr5 td:nth-child(5), .tr5 th:nth-child(5),
.tr6 td:nth-child(6), .tr6 th:nth-child(6),
.tr7 td:nth-child(7), .tr7 th:nth-child(7),
.tr8 td:nth-child(8), .tr8 th:nth-child(8),
.tr9 td:nth-child(9), .tr9 th:nth-child(9),
.tr10 td:nth-child(10), .tr10 th:nth-child(10),
.tr11 td:nth-child(11), .tr11 th:nth-child(11),
.tr12 td:nth-child(12), .tr12 th:nth-child(12),
.tr13 td:nth-child(13), .tr13 th:nth-child(13),
.tr14 td:nth-child(14), .tr14 th:nth-child(14),
.tr15 td:nth-child(15), .tr15 th:nth-child(15),
.tr16 td:nth-child(16), .tr16 th:nth-child(16),
.tr17 td:nth-child(17), .tr17 th:nth-child(17),
.tr18 td:nth-child(18), .tr18 th:nth-child(18),
.tr19 td:nth-child(19), .tr19 th:nth-child(19),
.tr19 td:nth-child(20), .tr19 th:nth-child(20),
.tr19 td:nth-child(21), .tr19 th:nth-child(21),
.tr19 td:nth-child(22), .tr19 th:nth-child(22),
.tr19 td:nth-child(23), .tr19 th:nth-child(23),
.tr19 td:nth-child(24), .tr19 th:nth-child(24),
.tr19 td:nth-child(25), .tr19 th:nth-child(25),
.tr19 td:nth-child(26), .tr19 th:nth-child(26),
.tr19 td:nth-child(27), .tr19 th:nth-child(27),
.tr19 td:nth-child(28), .tr19 th:nth-child(28),
.tr19 td:nth-child(29), .tr19 th:nth-child(29),
.tr20 td:nth-child(30), .tr20 th:nth-child(30) { text-align:right; }

.tc1 td:nth-child(1), .tc1 th:nth-child(1),
.tc2 td:nth-child(2), .tc2 th:nth-child(2),
.tc3 td:nth-child(3), .tc3 th:nth-child(3),
.tc4 td:nth-child(4), .tc4 th:nth-child(4),
.tc5 td:nth-child(5), .tc5 th:nth-child(5),
.tc6 td:nth-child(6), .tc6 th:nth-child(6),
.tc7 td:nth-child(7), .tc7 th:nth-child(7),
.tc8 td:nth-child(8), .tc8 th:nth-child(8),
.tc9 td:nth-child(9), .tc9 th:nth-child(9),
.tc10 td:nth-child(10), .tc10 th:nth-child(10),
.tc11 td:nth-child(11), .tc11 th:nth-child(11),
.tc12 td:nth-child(12), .tc12 th:nth-child(12),
.tc13 td:nth-child(13), .tc13 th:nth-child(13),
.tc14 td:nth-child(14), .tc14 th:nth-child(14),
.tc15 td:nth-child(15), .tc15 th:nth-child(15),
.tc16 td:nth-child(16), .tc16 th:nth-child(16),
.tc17 td:nth-child(17), .tc17 th:nth-child(17),
.tc18 td:nth-child(18), .tc18 th:nth-child(18),
.tc19 td:nth-child(19), .tc19 th:nth-child(19),
.tc19 td:nth-child(20), .tc19 th:nth-child(20),
.tc19 td:nth-child(21), .tc19 th:nth-child(21),
.tc19 td:nth-child(22), .tc19 th:nth-child(22),
.tc19 td:nth-child(23), .tc19 th:nth-child(23),
.tc19 td:nth-child(24), .tc19 th:nth-child(24),
.tc19 td:nth-child(25), .tc19 th:nth-child(25),
.tc19 td:nth-child(26), .tc19 th:nth-child(26),
.tc19 td:nth-child(27), .tc19 th:nth-child(27),
.tc19 td:nth-child(28), .tc19 th:nth-child(28),
.tc19 td:nth-child(29), .tc19 th:nth-child(29),
.tc20 td:nth-child(30), .tc20 th:nth-child(30) { text-align:center; }

.tl1 td:nth-child(1), .tl1 th:nth-child(1),
.tl2 td:nth-child(2), .tl2 th:nth-child(2),
.tl3 td:nth-child(3), .tl3 th:nth-child(3),
.tl4 td:nth-child(4), .tl4 th:nth-child(4),
.tl5 td:nth-child(5), .tl5 th:nth-child(5),
.tl6 td:nth-child(6), .tl6 th:nth-child(6),
.tl7 td:nth-child(7), .tl7 th:nth-child(7),
.tl8 td:nth-child(8), .tl8 th:nth-child(8),
.tl9 td:nth-child(9), .tl9 th:nth-child(9),
.tl10 td:nth-child(10), .tl10 th:nth-child(10),
.tl11 td:nth-child(11), .tl11 th:nth-child(11),
.tl12 td:nth-child(12), .tl12 th:nth-child(12),
.tl13 td:nth-child(13), .tl13 th:nth-child(13),
.tl14 td:nth-child(14), .tl14 th:nth-child(14),
.tl15 td:nth-child(15), .tl15 th:nth-child(15),
.tl16 td:nth-child(16), .tl16 th:nth-child(16),
.tl17 td:nth-child(17), .tl17 th:nth-child(17),
.tl18 td:nth-child(18), .tl18 th:nth-child(18),
.tl19 td:nth-child(19), .tl19 th:nth-child(19),
.tl19 td:nth-child(20), .tl19 th:nth-child(20),
.tl19 td:nth-child(21), .tl19 th:nth-child(21),
.tl19 td:nth-child(22), .tl19 th:nth-child(22),
.tl19 td:nth-child(23), .tl19 th:nth-child(23),
.tl19 td:nth-child(24), .tl19 th:nth-child(24),
.tl19 td:nth-child(25), .tl19 th:nth-child(25),
.tl19 td:nth-child(26), .tl19 th:nth-child(26),
.tl19 td:nth-child(27), .tl19 th:nth-child(27),
.tl19 td:nth-child(28), .tl19 th:nth-child(28),
.tl19 td:nth-child(29), .tl19 th:nth-child(29),
.tl20 td:nth-child(30), .tl20 th:nth-child(30) { text-align:left; }

.graph_paper_bg_1 {
  background-image: url('/w/resources/assets/graph_paper_bg_1.svg');
  background-size: 100% auto;
}

.graph_paper_bg_2 {
  background-image: url('/w/resources/assets/graph_paper_bg_2.svg');
  background-size: 100% auto;
}

/****************************************************************/
/****************************************************************/

/* comp table */

.comptable-wrapper {
    position: relative;
    margin-bottom: 50px;
    margin-top: 25px;
}
.comptable-scroller {
    margin-left: 120px;
    overflow-x: auto;
    overflow-y: visible;
    padding-bottom: 5px;
}
.comptable td:first-child {
    border-left: solid 1px #DDEFEF;
    border-right: solid 1px #DDEFEF;
    left: 0;
    position: absolute;
    top: auto;
    width: 120px;
}
.comptable {
    border: none;
    border-right: solid 1px #DDEFEF;
    border-collapse: separate;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}
.comptable-header th {
    background-color: #e6f2ff;
    border: 1px solid #cce5ff;
    color: #336B6B;
    padding: 10px;
    text-align: center;
    text-shadow: 1px 1px 1px #cce6ff;
    white-space: nowrap;
    line-height: 12px;
}
.comptable-header th:first-child { /* this bit is to make the first column for a header seem connected */
	border-right: 1px solid #e6f2ff;
	width: 121px !important;
}
.comptable-header-sep th {
    line-height: 6px !important;
    text-align: left;
}
.comptable th:first-child {
    left: 0;
    position: absolute;
    top: auto;
    width: 120px;
    line-height: 12px;
}
.comptable td {
    border-bottom: solid 1px #DDEFEF;
    border-right: solid 1px #DDEFEF;;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
    white-space: nowrap;
    line-height: 12px;
}
.comptable-highlight td {
  background-color: #ffffe6;	
}