Difference between revisions of "Dark.css"
Line 11: | Line 11: | ||
.top-bar { | .top-bar { | ||
background: #111111; | background: #111111; | ||
− | box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.4); | + | box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); |
} | } | ||
Line 18: | Line 18: | ||
} | } | ||
− | .top-bar-section ul li > a { | + | .top-bar-section ul li>a { |
font-size: 0.9rem; | font-size: 0.9rem; | ||
} | } | ||
− | .top-bar-section .has-dropdown > a:after { | + | .top-bar-section .has-dropdown>a:after { |
border-color: #f9a916 transparent transparent transparent; | border-color: #f9a916 transparent transparent transparent; | ||
} | } | ||
Line 30: | Line 30: | ||
} | } | ||
− | .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { | + | .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) { |
background: #333333; | background: #333333; | ||
color: #fff; | color: #fff; | ||
} | } | ||
− | .top-bar-section .dropdown li:not(.has-form):not(.active):hover > a:not(.button) { | + | .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) { |
background-color: #1d1d1d; | background-color: #1d1d1d; | ||
color: #fff; | color: #fff; | ||
Line 46: | Line 46: | ||
.top-bar .dropdown { | .top-bar .dropdown { | ||
− | box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.4); | + | box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); |
} | } | ||
Line 57: | Line 57: | ||
@media screen and (max-width: 640px) { | @media screen and (max-width: 640px) { | ||
#page-content-container { | #page-content-container { | ||
− | + | padding: 0!important; | |
} | } | ||
} | } | ||
− | h1, h2, h3, h4, h5, h6 { | + | h1, |
+ | h2, | ||
+ | h3, | ||
+ | h4, | ||
+ | h5, | ||
+ | h6 { | ||
color: #fff; | color: #fff; | ||
font-family: 'PT Serif', serif; | font-family: 'PT Serif', serif; | ||
Line 106: | Line 111: | ||
margin: 0 auto; | margin: 0 auto; | ||
background: #111111; | background: #111111; | ||
− | box-shadow: 0 0.25em 0.6em -0.15em rgba(0,0,0,0.15); | + | box-shadow: 0 0.25em 0.6em -0.15em rgba(0, 0, 0, 0.15); |
padding: 1rem; | padding: 1rem; | ||
} | } | ||
Line 125: | Line 130: | ||
.tippy-box { | .tippy-box { | ||
background-color: #333333; | background-color: #333333; | ||
− | box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.4); | + | box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); |
} | } | ||
Line 173: | Line 178: | ||
} | } | ||
− | .top-bar button, .top-bar .button { | + | .top-bar button, |
+ | .top-bar .button { | ||
background-color: #f9a916; | background-color: #f9a916; | ||
color: #111; | color: #111; | ||
Line 181: | Line 187: | ||
} | } | ||
− | .top-bar button:hover, .top-bar .button:hover { | + | .top-bar button:hover, |
+ | .top-bar .button:hover { | ||
background-color: #f9a916; | background-color: #f9a916; | ||
color: #111; | color: #111; | ||
Line 187: | Line 194: | ||
} | } | ||
− | .top-bar input, .top-bar select, .top-bar .button, .top-bar button { | + | .top-bar input, |
+ | .top-bar select, | ||
+ | .top-bar .button, | ||
+ | .top-bar button { | ||
height: 1.7rem; | height: 1.7rem; | ||
} | } | ||
Line 196: | Line 206: | ||
} | } | ||
− | .wikitable > tr > th, .wikitable > * > tr > th { | + | .wikitable>tr>th, |
+ | .wikitable>*>tr>th { | ||
background: #1d1d1d; | background: #1d1d1d; | ||
} | } | ||
− | table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td { | + | table.wikitable>tr>th, |
+ | table.wikitable>tr>td, | ||
+ | table.wikitable>*>tr>th, | ||
+ | table.wikitable>*>tr>td { | ||
border: 1px #070720 solid; | border: 1px #070720 solid; | ||
} | } | ||
Line 212: | Line 226: | ||
} | } | ||
− | abbr, acronym { | + | abbr, |
+ | acronym { | ||
color: #fff; | color: #fff; | ||
} | } | ||
Line 220: | Line 235: | ||
} | } | ||
− | .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { | + | .client-js .mw-changeslist ul, |
+ | .client-js .mw-changeslist table.mw-enhanced-rc { | ||
margin-left: 0px; | margin-left: 0px; | ||
} | } | ||
Line 228: | Line 244: | ||
padding-left: 0.5rem; | padding-left: 0.5rem; | ||
} | } | ||
+ | |||
/* GRID START */ | /* GRID START */ | ||
Line 483: | Line 500: | ||
width: 46rem; | width: 46rem; | ||
} | } | ||
− | |||
.col2-sm, | .col2-sm, | ||
− | + | .col2-sm-1, | |
− | + | .col2-sm-2, | |
− | + | .col2-sm-3, | |
− | + | .col2-sm-4, | |
− | + | .col2-sm-5, | |
− | + | .col2-sm-6, | |
− | + | .col2-sm-7, | |
− | + | .col2-sm-8, | |
− | + | .col2-sm-9, | |
− | + | .col2-sm-10, | |
− | + | .col2-sm-11, | |
− | + | .col2-sm-12 { | |
box-sizing: border-box; | box-sizing: border-box; | ||
-ms-flex: 0 0 auto; | -ms-flex: 0 0 auto; | ||
Line 504: | Line 520: | ||
padding-left: 1rem; | padding-left: 1rem; | ||
} | } | ||
− | |||
.col2-sm { | .col2-sm { | ||
-webkit-flex-grow: 1; | -webkit-flex-grow: 1; | ||
Line 514: | Line 529: | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
− | |||
.col2-sm-1 { | .col2-sm-1 { | ||
-ms-flex-preferred-size: 8.333%; | -ms-flex-preferred-size: 8.333%; | ||
Line 520: | Line 534: | ||
max-width: 8.333%; | max-width: 8.333%; | ||
} | } | ||
− | |||
.col2-sm-2 { | .col2-sm-2 { | ||
-ms-flex-preferred-size: 16.667%; | -ms-flex-preferred-size: 16.667%; | ||
Line 526: | Line 539: | ||
max-width: 16.667%; | max-width: 16.667%; | ||
} | } | ||
− | |||
.col2-sm-3 { | .col2-sm-3 { | ||
-ms-flex-preferred-size: 25%; | -ms-flex-preferred-size: 25%; | ||
Line 532: | Line 544: | ||
max-width: 25%; | max-width: 25%; | ||
} | } | ||
− | |||
.col2-sm-4 { | .col2-sm-4 { | ||
-ms-flex-preferred-size: 33.333%; | -ms-flex-preferred-size: 33.333%; | ||
Line 538: | Line 549: | ||
max-width: 33.333%; | max-width: 33.333%; | ||
} | } | ||
− | |||
.col2-sm-5 { | .col2-sm-5 { | ||
-ms-flex-preferred-size: 41.667%; | -ms-flex-preferred-size: 41.667%; | ||
Line 544: | Line 554: | ||
max-width: 41.667%; | max-width: 41.667%; | ||
} | } | ||
− | |||
.col2-sm-6 { | .col2-sm-6 { | ||
-ms-flex-preferred-size: 50%; | -ms-flex-preferred-size: 50%; | ||
Line 550: | Line 559: | ||
max-width: 50%; | max-width: 50%; | ||
} | } | ||
− | |||
.col2-sm-7 { | .col2-sm-7 { | ||
-ms-flex-preferred-size: 58.333%; | -ms-flex-preferred-size: 58.333%; | ||
Line 556: | Line 564: | ||
max-width: 58.333%; | max-width: 58.333%; | ||
} | } | ||
− | |||
.col2-sm-8 { | .col2-sm-8 { | ||
-ms-flex-preferred-size: 66.667%; | -ms-flex-preferred-size: 66.667%; | ||
Line 562: | Line 569: | ||
max-width: 66.667%; | max-width: 66.667%; | ||
} | } | ||
− | |||
.col2-sm-9 { | .col2-sm-9 { | ||
-ms-flex-preferred-size: 75%; | -ms-flex-preferred-size: 75%; | ||
Line 568: | Line 574: | ||
max-width: 75%; | max-width: 75%; | ||
} | } | ||
− | |||
.col2-sm-10 { | .col2-sm-10 { | ||
-ms-flex-preferred-size: 83.333%; | -ms-flex-preferred-size: 83.333%; | ||
Line 574: | Line 579: | ||
max-width: 83.333%; | max-width: 83.333%; | ||
} | } | ||
− | |||
.col2-sm-11 { | .col2-sm-11 { | ||
-ms-flex-preferred-size: 91.667%; | -ms-flex-preferred-size: 91.667%; | ||
Line 580: | Line 584: | ||
max-width: 91.667%; | max-width: 91.667%; | ||
} | } | ||
− | |||
.col2-sm-12 { | .col2-sm-12 { | ||
-ms-flex-preferred-size: 100%; | -ms-flex-preferred-size: 100%; | ||
Line 586: | Line 589: | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
− | |||
.col2-sm-offset-1 { | .col2-sm-offset-1 { | ||
margin-left: 8.333%; | margin-left: 8.333%; | ||
} | } | ||
− | |||
.col2-sm-offset-2 { | .col2-sm-offset-2 { | ||
margin-left: 16.667%; | margin-left: 16.667%; | ||
} | } | ||
− | |||
.col2-sm-offset-3 { | .col2-sm-offset-3 { | ||
margin-left: 25%; | margin-left: 25%; | ||
} | } | ||
− | |||
.col2-sm-offset-4 { | .col2-sm-offset-4 { | ||
margin-left: 33.333%; | margin-left: 33.333%; | ||
} | } | ||
− | |||
.col2-sm-offset-5 { | .col2-sm-offset-5 { | ||
margin-left: 41.667%; | margin-left: 41.667%; | ||
} | } | ||
− | |||
.col2-sm-offset-6 { | .col2-sm-offset-6 { | ||
margin-left: 50%; | margin-left: 50%; | ||
} | } | ||
− | |||
.col2-sm-offset-7 { | .col2-sm-offset-7 { | ||
margin-left: 58.333%; | margin-left: 58.333%; | ||
} | } | ||
− | |||
.col2-sm-offset-8 { | .col2-sm-offset-8 { | ||
margin-left: 66.667%; | margin-left: 66.667%; | ||
} | } | ||
− | |||
.col2-sm-offset-9 { | .col2-sm-offset-9 { | ||
margin-left: 75%; | margin-left: 75%; | ||
} | } | ||
− | |||
.col2-sm-offset-10 { | .col2-sm-offset-10 { | ||
margin-left: 83.333%; | margin-left: 83.333%; | ||
} | } | ||
− | |||
.col2-sm-offset-11 { | .col2-sm-offset-11 { | ||
margin-left: 91.667%; | margin-left: 91.667%; | ||
} | } | ||
− | |||
.start2-sm { | .start2-sm { | ||
-ms-flex-pack: start; | -ms-flex-pack: start; | ||
Line 637: | Line 628: | ||
text-align: start; | text-align: start; | ||
} | } | ||
− | |||
.center2-sm { | .center2-sm { | ||
-ms-flex-pack: center; | -ms-flex-pack: center; | ||
Line 644: | Line 634: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | |||
.end2-sm { | .end2-sm { | ||
-ms-flex-pack: end; | -ms-flex-pack: end; | ||
Line 651: | Line 640: | ||
text-align: end; | text-align: end; | ||
} | } | ||
− | |||
.top2-sm { | .top2-sm { | ||
-ms-flex-align: start; | -ms-flex-align: start; | ||
Line 657: | Line 645: | ||
align-items: flex-start; | align-items: flex-start; | ||
} | } | ||
− | |||
.middle2-sm { | .middle2-sm { | ||
-ms-flex-align: center; | -ms-flex-align: center; | ||
Line 663: | Line 650: | ||
align-items: center; | align-items: center; | ||
} | } | ||
− | |||
.bottom2-sm { | .bottom2-sm { | ||
-ms-flex-align: end; | -ms-flex-align: end; | ||
Line 669: | Line 655: | ||
align-items: flex-end; | align-items: flex-end; | ||
} | } | ||
− | |||
.around2-sm { | .around2-sm { | ||
-ms-flex-pack: distribute; | -ms-flex-pack: distribute; | ||
justify-content: space-around; | justify-content: space-around; | ||
} | } | ||
− | |||
.between2-sm { | .between2-sm { | ||
-ms-flex-pack: justify; | -ms-flex-pack: justify; | ||
Line 680: | Line 664: | ||
justify-content: space-between; | justify-content: space-between; | ||
} | } | ||
− | |||
.first2-sm { | .first2-sm { | ||
-ms-flex-order: -1; | -ms-flex-order: -1; | ||
Line 686: | Line 669: | ||
order: -1; | order: -1; | ||
} | } | ||
− | |||
.last2-sm { | .last2-sm { | ||
-ms-flex-order: 1; | -ms-flex-order: 1; | ||
Line 698: | Line 680: | ||
width: 61rem; | width: 61rem; | ||
} | } | ||
− | |||
.col2-md, | .col2-md, | ||
− | + | .col2-md-1, | |
− | + | .col2-md-2, | |
− | + | .col2-md-3, | |
− | + | .col2-md-4, | |
− | + | .col2-md-5, | |
− | + | .col2-md-6, | |
− | + | .col2-md-7, | |
− | + | .col2-md-8, | |
− | + | .col2-md-9, | |
− | + | .col2-md-10, | |
− | + | .col2-md-11, | |
− | + | .col2-md-12 { | |
box-sizing: border-box; | box-sizing: border-box; | ||
-ms-flex: 0 0 auto; | -ms-flex: 0 0 auto; | ||
Line 719: | Line 700: | ||
padding-left: 1rem; | padding-left: 1rem; | ||
} | } | ||
− | |||
.col2-md { | .col2-md { | ||
-webkit-flex-grow: 1; | -webkit-flex-grow: 1; | ||
Line 729: | Line 709: | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
− | |||
.col2-md-1 { | .col2-md-1 { | ||
-ms-flex-preferred-size: 8.333%; | -ms-flex-preferred-size: 8.333%; | ||
Line 735: | Line 714: | ||
max-width: 8.333%; | max-width: 8.333%; | ||
} | } | ||
− | |||
.col2-md-2 { | .col2-md-2 { | ||
-ms-flex-preferred-size: 16.667%; | -ms-flex-preferred-size: 16.667%; | ||
Line 741: | Line 719: | ||
max-width: 16.667%; | max-width: 16.667%; | ||
} | } | ||
− | |||
.col2-md-3 { | .col2-md-3 { | ||
-ms-flex-preferred-size: 25%; | -ms-flex-preferred-size: 25%; | ||
Line 747: | Line 724: | ||
max-width: 25%; | max-width: 25%; | ||
} | } | ||
− | |||
.col2-md-4 { | .col2-md-4 { | ||
-ms-flex-preferred-size: 33.333%; | -ms-flex-preferred-size: 33.333%; | ||
Line 753: | Line 729: | ||
max-width: 33.333%; | max-width: 33.333%; | ||
} | } | ||
− | |||
.col2-md-5 { | .col2-md-5 { | ||
-ms-flex-preferred-size: 41.667%; | -ms-flex-preferred-size: 41.667%; | ||
Line 759: | Line 734: | ||
max-width: 41.667%; | max-width: 41.667%; | ||
} | } | ||
− | |||
.col2-md-6 { | .col2-md-6 { | ||
-ms-flex-preferred-size: 50%; | -ms-flex-preferred-size: 50%; | ||
Line 765: | Line 739: | ||
max-width: 50%; | max-width: 50%; | ||
} | } | ||
− | |||
.col2-md-7 { | .col2-md-7 { | ||
-ms-flex-preferred-size: 58.333%; | -ms-flex-preferred-size: 58.333%; | ||
Line 771: | Line 744: | ||
max-width: 58.333%; | max-width: 58.333%; | ||
} | } | ||
− | |||
.col2-md-8 { | .col2-md-8 { | ||
-ms-flex-preferred-size: 66.667%; | -ms-flex-preferred-size: 66.667%; | ||
Line 777: | Line 749: | ||
max-width: 66.667%; | max-width: 66.667%; | ||
} | } | ||
− | |||
.col2-md-9 { | .col2-md-9 { | ||
-ms-flex-preferred-size: 75%; | -ms-flex-preferred-size: 75%; | ||
Line 783: | Line 754: | ||
max-width: 75%; | max-width: 75%; | ||
} | } | ||
− | |||
.col2-md-10 { | .col2-md-10 { | ||
-ms-flex-preferred-size: 83.333%; | -ms-flex-preferred-size: 83.333%; | ||
Line 789: | Line 759: | ||
max-width: 83.333%; | max-width: 83.333%; | ||
} | } | ||
− | |||
.col2-md-11 { | .col2-md-11 { | ||
-ms-flex-preferred-size: 91.667%; | -ms-flex-preferred-size: 91.667%; | ||
Line 795: | Line 764: | ||
max-width: 91.667%; | max-width: 91.667%; | ||
} | } | ||
− | |||
.col2-md-12 { | .col2-md-12 { | ||
-ms-flex-preferred-size: 100%; | -ms-flex-preferred-size: 100%; | ||
Line 801: | Line 769: | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
− | |||
.col2-md-offset-1 { | .col2-md-offset-1 { | ||
margin-left: 8.333%; | margin-left: 8.333%; | ||
} | } | ||
− | |||
.col2-md-offset-2 { | .col2-md-offset-2 { | ||
margin-left: 16.667%; | margin-left: 16.667%; | ||
} | } | ||
− | |||
.col2-md-offset-3 { | .col2-md-offset-3 { | ||
margin-left: 25%; | margin-left: 25%; | ||
} | } | ||
− | |||
.col2-md-offset-4 { | .col2-md-offset-4 { | ||
margin-left: 33.333%; | margin-left: 33.333%; | ||
} | } | ||
− | |||
.col2-md-offset-5 { | .col2-md-offset-5 { | ||
margin-left: 41.667%; | margin-left: 41.667%; | ||
} | } | ||
− | |||
.col2-md-offset-6 { | .col2-md-offset-6 { | ||
margin-left: 50%; | margin-left: 50%; | ||
} | } | ||
− | |||
.col2-md-offset-7 { | .col2-md-offset-7 { | ||
margin-left: 58.333%; | margin-left: 58.333%; | ||
} | } | ||
− | |||
.col2-md-offset-8 { | .col2-md-offset-8 { | ||
margin-left: 66.667%; | margin-left: 66.667%; | ||
} | } | ||
− | |||
.col2-md-offset-9 { | .col2-md-offset-9 { | ||
margin-left: 75%; | margin-left: 75%; | ||
} | } | ||
− | |||
.col2-md-offset-10 { | .col2-md-offset-10 { | ||
margin-left: 83.333%; | margin-left: 83.333%; | ||
} | } | ||
− | |||
.col2-md-offset-11 { | .col2-md-offset-11 { | ||
margin-left: 91.667%; | margin-left: 91.667%; | ||
} | } | ||
− | |||
.start2-md { | .start2-md { | ||
-ms-flex-pack: start; | -ms-flex-pack: start; | ||
Line 852: | Line 808: | ||
text-align: start; | text-align: start; | ||
} | } | ||
− | |||
.center2-md { | .center2-md { | ||
-ms-flex-pack: center; | -ms-flex-pack: center; | ||
Line 859: | Line 814: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | |||
.end2-md { | .end2-md { | ||
-ms-flex-pack: end; | -ms-flex-pack: end; | ||
Line 866: | Line 820: | ||
text-align: end; | text-align: end; | ||
} | } | ||
− | |||
.top2-md { | .top2-md { | ||
-ms-flex-align: start; | -ms-flex-align: start; | ||
Line 872: | Line 825: | ||
align-items: flex-start; | align-items: flex-start; | ||
} | } | ||
− | |||
.middle2-md { | .middle2-md { | ||
-ms-flex-align: center; | -ms-flex-align: center; | ||
Line 878: | Line 830: | ||
align-items: center; | align-items: center; | ||
} | } | ||
− | |||
.bottom2-md { | .bottom2-md { | ||
-ms-flex-align: end; | -ms-flex-align: end; | ||
Line 884: | Line 835: | ||
align-items: flex-end; | align-items: flex-end; | ||
} | } | ||
− | |||
.around2-md { | .around2-md { | ||
-ms-flex-pack: distribute; | -ms-flex-pack: distribute; | ||
justify-content: space-around; | justify-content: space-around; | ||
} | } | ||
− | |||
.between2-md { | .between2-md { | ||
-ms-flex-pack: justify; | -ms-flex-pack: justify; | ||
Line 895: | Line 844: | ||
justify-content: space-between; | justify-content: space-between; | ||
} | } | ||
− | |||
.first2-md { | .first2-md { | ||
-ms-flex-order: -1; | -ms-flex-order: -1; | ||
Line 901: | Line 849: | ||
order: -1; | order: -1; | ||
} | } | ||
− | |||
.last2-md { | .last2-md { | ||
-ms-flex-order: 1; | -ms-flex-order: 1; | ||
Line 913: | Line 860: | ||
width: 71rem; | width: 71rem; | ||
} | } | ||
− | |||
.col2-lg, | .col2-lg, | ||
− | + | .col2-lg-1, | |
− | + | .col2-lg-2, | |
− | + | .col2-lg-3, | |
− | + | .col2-lg-4, | |
− | + | .col2-lg-5, | |
− | + | .col2-lg-6, | |
− | + | .col2-lg-7, | |
− | + | .col2-lg-8, | |
− | + | .col2-lg-9, | |
− | + | .col2-lg-10, | |
− | + | .col2-lg-11, | |
− | + | .col2-lg-12 { | |
box-sizing: border-box; | box-sizing: border-box; | ||
-ms-flex: 0 0 auto; | -ms-flex: 0 0 auto; | ||
Line 934: | Line 880: | ||
padding-left: 1rem; | padding-left: 1rem; | ||
} | } | ||
− | |||
.col2-lg { | .col2-lg { | ||
-webkit-flex-grow: 1; | -webkit-flex-grow: 1; | ||
Line 944: | Line 889: | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
− | |||
.col2-lg-1 { | .col2-lg-1 { | ||
-ms-flex-preferred-size: 8.333%; | -ms-flex-preferred-size: 8.333%; | ||
Line 950: | Line 894: | ||
max-width: 8.333%; | max-width: 8.333%; | ||
} | } | ||
− | |||
.col2-lg-2 { | .col2-lg-2 { | ||
-ms-flex-preferred-size: 16.667%; | -ms-flex-preferred-size: 16.667%; | ||
Line 956: | Line 899: | ||
max-width: 16.667%; | max-width: 16.667%; | ||
} | } | ||
− | |||
.col2-lg-3 { | .col2-lg-3 { | ||
-ms-flex-preferred-size: 25%; | -ms-flex-preferred-size: 25%; | ||
Line 962: | Line 904: | ||
max-width: 25%; | max-width: 25%; | ||
} | } | ||
− | |||
.col2-lg-4 { | .col2-lg-4 { | ||
-ms-flex-preferred-size: 33.333%; | -ms-flex-preferred-size: 33.333%; | ||
Line 968: | Line 909: | ||
max-width: 33.333%; | max-width: 33.333%; | ||
} | } | ||
− | |||
.col2-lg-5 { | .col2-lg-5 { | ||
-ms-flex-preferred-size: 41.667%; | -ms-flex-preferred-size: 41.667%; | ||
Line 974: | Line 914: | ||
max-width: 41.667%; | max-width: 41.667%; | ||
} | } | ||
− | |||
.col2-lg-6 { | .col2-lg-6 { | ||
-ms-flex-preferred-size: 50%; | -ms-flex-preferred-size: 50%; | ||
Line 980: | Line 919: | ||
max-width: 50%; | max-width: 50%; | ||
} | } | ||
− | |||
.col2-lg-7 { | .col2-lg-7 { | ||
-ms-flex-preferred-size: 58.333%; | -ms-flex-preferred-size: 58.333%; | ||
Line 986: | Line 924: | ||
max-width: 58.333%; | max-width: 58.333%; | ||
} | } | ||
− | |||
.col2-lg-8 { | .col2-lg-8 { | ||
-ms-flex-preferred-size: 66.667%; | -ms-flex-preferred-size: 66.667%; | ||
Line 992: | Line 929: | ||
max-width: 66.667%; | max-width: 66.667%; | ||
} | } | ||
− | |||
.col2-lg-9 { | .col2-lg-9 { | ||
-ms-flex-preferred-size: 75%; | -ms-flex-preferred-size: 75%; | ||
Line 998: | Line 934: | ||
max-width: 75%; | max-width: 75%; | ||
} | } | ||
− | |||
.col2-lg-10 { | .col2-lg-10 { | ||
-ms-flex-preferred-size: 83.333%; | -ms-flex-preferred-size: 83.333%; | ||
Line 1,004: | Line 939: | ||
max-width: 83.333%; | max-width: 83.333%; | ||
} | } | ||
− | |||
.col2-lg-11 { | .col2-lg-11 { | ||
-ms-flex-preferred-size: 91.667%; | -ms-flex-preferred-size: 91.667%; | ||
Line 1,010: | Line 944: | ||
max-width: 91.667%; | max-width: 91.667%; | ||
} | } | ||
− | |||
.col2-lg-12 { | .col2-lg-12 { | ||
-ms-flex-preferred-size: 100%; | -ms-flex-preferred-size: 100%; | ||
Line 1,016: | Line 949: | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
− | |||
.col2-lg-offset-1 { | .col2-lg-offset-1 { | ||
margin-left: 8.333%; | margin-left: 8.333%; | ||
} | } | ||
− | |||
.col2-lg-offset-2 { | .col2-lg-offset-2 { | ||
margin-left: 16.667%; | margin-left: 16.667%; | ||
} | } | ||
− | |||
.col2-lg-offset-3 { | .col2-lg-offset-3 { | ||
margin-left: 25%; | margin-left: 25%; | ||
} | } | ||
− | |||
.col2-lg-offset-4 { | .col2-lg-offset-4 { | ||
margin-left: 33.333%; | margin-left: 33.333%; | ||
} | } | ||
− | |||
.col2-lg-offset-5 { | .col2-lg-offset-5 { | ||
margin-left: 41.667%; | margin-left: 41.667%; | ||
} | } | ||
− | |||
.col2-lg-offset-6 { | .col2-lg-offset-6 { | ||
margin-left: 50%; | margin-left: 50%; | ||
} | } | ||
− | |||
.col2-lg-offset-7 { | .col2-lg-offset-7 { | ||
margin-left: 58.333%; | margin-left: 58.333%; | ||
} | } | ||
− | |||
.col2-lg-offset-8 { | .col2-lg-offset-8 { | ||
margin-left: 66.667%; | margin-left: 66.667%; | ||
} | } | ||
− | |||
.col2-lg-offset-9 { | .col2-lg-offset-9 { | ||
margin-left: 75%; | margin-left: 75%; | ||
} | } | ||
− | |||
.col2-lg-offset-10 { | .col2-lg-offset-10 { | ||
margin-left: 83.333%; | margin-left: 83.333%; | ||
} | } | ||
− | |||
.col2-lg-offset-11 { | .col2-lg-offset-11 { | ||
margin-left: 91.667%; | margin-left: 91.667%; | ||
} | } | ||
− | |||
.start2-lg { | .start2-lg { | ||
-ms-flex-pack: start; | -ms-flex-pack: start; | ||
Line 1,067: | Line 988: | ||
text-align: start; | text-align: start; | ||
} | } | ||
− | |||
.center2-lg { | .center2-lg { | ||
-ms-flex-pack: center; | -ms-flex-pack: center; | ||
Line 1,074: | Line 994: | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | |||
.end2-lg { | .end2-lg { | ||
-ms-flex-pack: end; | -ms-flex-pack: end; | ||
Line 1,081: | Line 1,000: | ||
text-align: end; | text-align: end; | ||
} | } | ||
− | |||
.top2-lg { | .top2-lg { | ||
-ms-flex-align: start; | -ms-flex-align: start; | ||
Line 1,087: | Line 1,005: | ||
align-items: flex-start; | align-items: flex-start; | ||
} | } | ||
− | |||
.middle2-lg { | .middle2-lg { | ||
-ms-flex-align: center; | -ms-flex-align: center; | ||
Line 1,093: | Line 1,010: | ||
align-items: center; | align-items: center; | ||
} | } | ||
− | |||
.bottom2-lg { | .bottom2-lg { | ||
-ms-flex-align: end; | -ms-flex-align: end; | ||
Line 1,099: | Line 1,015: | ||
align-items: flex-end; | align-items: flex-end; | ||
} | } | ||
− | |||
.around2-lg { | .around2-lg { | ||
-ms-flex-pack: distribute; | -ms-flex-pack: distribute; | ||
justify-content: space-around; | justify-content: space-around; | ||
} | } | ||
− | |||
.between2-lg { | .between2-lg { | ||
-ms-flex-pack: justify; | -ms-flex-pack: justify; | ||
Line 1,110: | Line 1,024: | ||
justify-content: space-between; | justify-content: space-between; | ||
} | } | ||
− | |||
.first2-lg { | .first2-lg { | ||
-ms-flex-order: -1; | -ms-flex-order: -1; | ||
Line 1,116: | Line 1,029: | ||
order: -1; | order: -1; | ||
} | } | ||
− | |||
.last2-lg { | .last2-lg { | ||
-ms-flex-order: 1; | -ms-flex-order: 1; |
Revision as of 02:54, 8 November 2020
body { background: #1d1d1d; color: #ccc; font-family: 'IBM Plex Sans', sans-serif; } footer { padding-top: 1rem; } .top-bar { background: #111111; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); } .top-bar-section ul li { background: #111111; } .top-bar-section ul li>a { font-size: 0.9rem; } .top-bar-section .has-dropdown>a:after { border-color: #f9a916 transparent transparent transparent; } .top-bar-section .has-form { background: #111111; } .top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button) { background: #333333; color: #fff; } .top-bar-section .dropdown li:not(.has-form):not(.active):hover>a:not(.button) { background-color: #1d1d1d; color: #fff; background: #1d1d1d; } .has-dropdown:hover { background: #1d1d1d; } .top-bar .dropdown { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); } @media screen and (min-width: 641px) { .top-bar .dropdown { border-top: 3px solid #f9a916; } } @media screen and (max-width: 640px) { #page-content-container { padding: 0!important; } } h1, h2, h3, h4, h5, h6 { color: #fff; font-family: 'PT Serif', serif; } h1 { font-size: 2.75rem; font-weight: 700; } h2 { font-size: 2.25rem; font-weight: 400; } h3 { font-size: 1.75rem; font-weight: 400; } h4 { font-size: 1.25rem; font-weight: 400; } #page-content a { color: #f9a916; } #page-content a.new { color: #ff0000; } #page-content a:hover { color: #fff; } #page-content-container { padding: 0 1rem; } #page-content { max-width: 1460px; margin: 0 auto; background: #111111; box-shadow: 0 0.25em 0.6em -0.15em rgba(0, 0, 0, 0.15); padding: 1rem; } #mw-indicator-mw-helplink { display: none; } .tippy-content { font-size: 0.9rem; } .tippy-content ul { list-style-type: none !important; margin: 0; } .tippy-box { background-color: #333333; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); } .tippy-box a { color: #fff !important; } .tippy-box a:hover { color: #fff !important; opacity: 0.5; } .tippy-arrow { color: #333333; } #pageActionButton { color: #111; background-color: #f9a916; border: none; padding: 0.25rem 0.75rem; border-radius: 0.25rem; display: block; float: right; transition: background-color 300ms ease-out; } #pageActionButton:hover { cursor: pointer; color: #111; background-color: #f9a916; opacity: 0.5; } .top-bar input[type="search"] { background-color: #353535; border: none; } .top-bar input[type="search"]:focus { background-color: #fff; border: none; } textarea:focus { background: #fff; } .top-bar button, .top-bar .button { background-color: #f9a916; color: #111; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; outline: none; } .top-bar button:hover, .top-bar .button:hover { background-color: #f9a916; color: #111; opacity: 0.5; } .top-bar input, .top-bar select, .top-bar .button, .top-bar button { height: 1.7rem; } .wikitable { background: #1d1d1d; color: #ccc; } .wikitable>tr>th, .wikitable>*>tr>th { background: #1d1d1d; } table.wikitable>tr>th, table.wikitable>tr>td, table.wikitable>*>tr>th, table.wikitable>*>tr>td { border: 1px #070720 solid; } table.wikitable>*>tr>th { color: #fff; } abbr[title] { border-bottom: 1px dotted #ffffff; } abbr, acronym { color: #fff; } .printfooter { display: none; } .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc { margin-left: 0px; } .mw-editsection { font-size: 12px; padding-left: 0.5rem; } /* GRID START */ .container-fluid2 { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem; } .row2 { box-sizing: border-box; display: -ms-flexbox; display: -webkit-box; display: flex; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -ms-flex-direction: row; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem; } .row2.reverse { -ms-flex-direction: row-reverse; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .col2.reverse { -ms-flex-direction: column-reverse; -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .col2-xs, .col2-xs-1, .col2-xs-2, .col2-xs-3, .col2-xs-4, .col2-xs-5, .col2-xs-6, .col2-xs-7, .col2-xs-8, .col2-xs-9, .col2-xs-10, .col2-xs-11, .col2-xs-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col2-xs { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col2-xs-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col2-xs-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col2-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col2-xs-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col2-xs-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col2-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col2-xs-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col2-xs-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col2-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col2-xs-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col2-xs-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col2-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col2-xs-offset-1 { margin-left: 8.333%; } .col2-xs-offset-2 { margin-left: 16.667%; } .col2-xs-offset-3 { margin-left: 25%; } .col2-xs-offset-4 { margin-left: 33.333%; } .col2-xs-offset-5 { margin-left: 41.667%; } .col2-xs-offset-6 { margin-left: 50%; } .col2-xs-offset-7 { margin-left: 58.333%; } .col2-xs-offset-8 { margin-left: 66.667%; } .col2-xs-offset-9 { margin-left: 75%; } .col2-xs-offset-10 { margin-left: 83.333%; } .col2-xs-offset-11 { margin-left: 91.667%; } .start2-xs { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center2-xs { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end2-xs { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top2-xs { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle2-xs { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom2-xs { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around2-xs { -ms-flex-pack: distribute; justify-content: space-around; } .between2-xs { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first2-xs { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last2-xs { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } @media only screen and (min-width: 48em) { .container2 { width: 46rem; } .col2-sm, .col2-sm-1, .col2-sm-2, .col2-sm-3, .col2-sm-4, .col2-sm-5, .col2-sm-6, .col2-sm-7, .col2-sm-8, .col2-sm-9, .col2-sm-10, .col2-sm-11, .col2-sm-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col2-sm { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col2-sm-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col2-sm-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col2-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col2-sm-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col2-sm-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col2-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col2-sm-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col2-sm-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col2-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col2-sm-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col2-sm-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col2-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col2-sm-offset-1 { margin-left: 8.333%; } .col2-sm-offset-2 { margin-left: 16.667%; } .col2-sm-offset-3 { margin-left: 25%; } .col2-sm-offset-4 { margin-left: 33.333%; } .col2-sm-offset-5 { margin-left: 41.667%; } .col2-sm-offset-6 { margin-left: 50%; } .col2-sm-offset-7 { margin-left: 58.333%; } .col2-sm-offset-8 { margin-left: 66.667%; } .col2-sm-offset-9 { margin-left: 75%; } .col2-sm-offset-10 { margin-left: 83.333%; } .col2-sm-offset-11 { margin-left: 91.667%; } .start2-sm { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center2-sm { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end2-sm { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top2-sm { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle2-sm { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom2-sm { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around2-sm { -ms-flex-pack: distribute; justify-content: space-around; } .between2-sm { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first2-sm { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last2-sm { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 62em) { .container2 { width: 61rem; } .col2-md, .col2-md-1, .col2-md-2, .col2-md-3, .col2-md-4, .col2-md-5, .col2-md-6, .col2-md-7, .col2-md-8, .col2-md-9, .col2-md-10, .col2-md-11, .col2-md-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col2-md { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col2-md-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col2-md-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col2-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col2-md-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col2-md-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col2-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col2-md-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col2-md-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col2-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col2-md-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col2-md-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col2-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col2-md-offset-1 { margin-left: 8.333%; } .col2-md-offset-2 { margin-left: 16.667%; } .col2-md-offset-3 { margin-left: 25%; } .col2-md-offset-4 { margin-left: 33.333%; } .col2-md-offset-5 { margin-left: 41.667%; } .col2-md-offset-6 { margin-left: 50%; } .col2-md-offset-7 { margin-left: 58.333%; } .col2-md-offset-8 { margin-left: 66.667%; } .col2-md-offset-9 { margin-left: 75%; } .col2-md-offset-10 { margin-left: 83.333%; } .col2-md-offset-11 { margin-left: 91.667%; } .start2-md { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center2-md { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end2-md { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top2-md { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle2-md { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom2-md { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around2-md { -ms-flex-pack: distribute; justify-content: space-around; } .between2-md { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first2-md { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last2-md { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } @media only screen and (min-width: 75em) { .container2 { width: 71rem; } .col2-lg, .col2-lg-1, .col2-lg-2, .col2-lg-3, .col2-lg-4, .col2-lg-5, .col2-lg-6, .col2-lg-7, .col2-lg-8, .col2-lg-9, .col2-lg-10, .col2-lg-11, .col2-lg-12 { box-sizing: border-box; -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem; } .col2-lg { -webkit-flex-grow: 1; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; } .col2-lg-1 { -ms-flex-preferred-size: 8.333%; flex-basis: 8.333%; max-width: 8.333%; } .col2-lg-2 { -ms-flex-preferred-size: 16.667%; flex-basis: 16.667%; max-width: 16.667%; } .col2-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col2-lg-4 { -ms-flex-preferred-size: 33.333%; flex-basis: 33.333%; max-width: 33.333%; } .col2-lg-5 { -ms-flex-preferred-size: 41.667%; flex-basis: 41.667%; max-width: 41.667%; } .col2-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col2-lg-7 { -ms-flex-preferred-size: 58.333%; flex-basis: 58.333%; max-width: 58.333%; } .col2-lg-8 { -ms-flex-preferred-size: 66.667%; flex-basis: 66.667%; max-width: 66.667%; } .col2-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; } .col2-lg-10 { -ms-flex-preferred-size: 83.333%; flex-basis: 83.333%; max-width: 83.333%; } .col2-lg-11 { -ms-flex-preferred-size: 91.667%; flex-basis: 91.667%; max-width: 91.667%; } .col2-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col2-lg-offset-1 { margin-left: 8.333%; } .col2-lg-offset-2 { margin-left: 16.667%; } .col2-lg-offset-3 { margin-left: 25%; } .col2-lg-offset-4 { margin-left: 33.333%; } .col2-lg-offset-5 { margin-left: 41.667%; } .col2-lg-offset-6 { margin-left: 50%; } .col2-lg-offset-7 { margin-left: 58.333%; } .col2-lg-offset-8 { margin-left: 66.667%; } .col2-lg-offset-9 { margin-left: 75%; } .col2-lg-offset-10 { margin-left: 83.333%; } .col2-lg-offset-11 { margin-left: 91.667%; } .start2-lg { -ms-flex-pack: start; -webkit-box-pack: start; justify-content: flex-start; text-align: start; } .center2-lg { -ms-flex-pack: center; -webkit-box-pack: center; justify-content: center; text-align: center; } .end2-lg { -ms-flex-pack: end; -webkit-box-pack: end; justify-content: flex-end; text-align: end; } .top2-lg { -ms-flex-align: start; -webkit-box-align: start; align-items: flex-start; } .middle2-lg { -ms-flex-align: center; -webkit-box-align: center; align-items: center; } .bottom2-lg { -ms-flex-align: end; -webkit-box-align: end; align-items: flex-end; } .around2-lg { -ms-flex-pack: distribute; justify-content: space-around; } .between2-lg { -ms-flex-pack: justify; -webkit-box-pack: justify; justify-content: space-between; } .first2-lg { -ms-flex-order: -1; -webkit-box-ordinal-group: 0; order: -1; } .last2-lg { -ms-flex-order: 1; -webkit-box-ordinal-group: 2; order: 1; } } /* GRID END */