MediaWiki:Common.css: Difference between revisions
Content deleted Content added
PeaceDeadC (talk | contribs) No edit summary |
PeaceDeadC (talk | contribs) No edit summary |
||
| (84 intermediate revisions by the same user not shown) | |||
Line 60:
}
.gay {
color: #7D4BBE; /* Фиолетовый цвет для обозначения гомосексуальной ориентации */
font-weight: bold;
}
.bisexual {
color: #DF4661; /* Розовый/красный для обозначения бисексуальной ориентации */
font-weight: bold;
}
.straight {
color: #3D86C6; /* Синий для обозначения гетеросексуальной ориентации */
font-weight: bold;
}
/* Стили для переопределения конфликтующих правил */
.pbccdn .pbccdn-row {
display: flex !important;
flex-wrap: wrap !important;
margin-right: -0.75rem !important;
margin-left: -0.75rem !important;
}
.pbccdn .pbccdn-col-lg-3 {
flex: 0 0 25% !important;
max-width: 25% !important;
}
.pbccdn .pbccdn-col-lg-6 {
flex: 0 0 50% !important;
max-width: 50% !important;
}
.pbccdn .pbccdn-col-md-12 {
flex: 0 0 100% !important;
}
/* Сброс некоторых стилей MediaWiki, которые могут конфликтовать */
.pbccdn .pbccdn-card {
width: auto !important;
float: none !important;
display: flex !important;
}
/* Принудительное применение отступов */
.pbccdn .pbccdn-mb-4 {
margin-bottom: 1.5rem !important;
}
/* Стиль для отладки - добавляет рамки вокруг колонок */
.debug .pbccdn-col-lg-3,
.debug .pbccdn-col-lg-6,
.debug .pbccdn-col-md-12 {
border: 1px dashed red !important;
}
/* Consistent size for <sub> and <sup> */
.mw-body sub,
.mw-body sup,
span.careerstatusactive a { color: green; }
span.careerstatusretired a { color: red; }
span.reference /* for Parsoid */ {
font-size: 80%;
}
.mwe-popups {
box-shadow: 0 45px 70px -20px rgba(0,0,0,0.3), 0px 0px 1px rgba(0,0,0,0.5);
border:none;
}
Line 603 ⟶ 175:
#content .people ul, #content .gadget ul {
margin-bottom: 0;
}
Line 765 ⟶ 280:
line-height: normal;
}
/* Highlight data points in the info action if specified in the URL */
Line 880 ⟶ 363:
.flowlist dl {
overflow-x: hidden;
}
/* Style for horizontal lists (separator following item).
IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 6 (2014-05-09)
@author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 2;
padding: 2;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Styling the parameter fields in [[Template:Information]] and related templates
also here (besides on [[MediaWiki:Filepage.css]]) to ensure proper preview
on other pages than those in the file namespace */
.fileinfo-paramfield {
background: #ccf;
/* @noflip */
text-align: right;
/* @noflip */
padding-right: 0.4em;
width: 15%;
font-weight: bold;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* For IE8 */
.hlist dd.hlist-last-child:after,
.hlist dt.hlist-last-child:after,
.hlist li.hlist-last-child:after {
content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
Line 903 ⟶ 457:
margin-right:auto;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
content: ") ";
font-weight: normal;
}
/* For IE8 */
.hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after,
.hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after,
.hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-last-child:after {
content: ") ";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
.hlist ol > li {
counter-increment: listitem;
}
.hlist ol > li:before {
content: " " counter(listitem) " ";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) " ";
}
/* Unbulleted lists */
Line 1,140 ⟶ 723:
.infoboxnew {
vertical-align:
float: left;
clear: left;
}
Line 1,413 ⟶ 996:
div.nav .subheading::after,
.table::after { bottom:-3px; }
/** NAVI BARS **/
div.navi {
position:relative;
}
div.navi .box {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
background-image:linear-gradient(top, #fff 0%, #eee 100%);
background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
background-image:-webkit-linear-gradient(top, #fff 0%, #eee 100%);
background-image:-ms-linear-gradient(top, #fff 0%, #eee 100%);
background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee));
border:1px solid #AAA;
border-spacing:0;
font-size:.9230769231em;
min-height:60px;
position:relative;
margin:auto;
}
div.navi .box { width:100%; }
div.navi.thin .box { width:100%; }
div.navi.wide .box { width:100%; }
div.navi.nat .box { width:40em; }
div.navi.full .box { width:unset; }
div.navi.natcat .heading { background-color:#FC6; }
div.navi.natcat dd,
div.navi.natcat dt,
div.navi.natcat table th { border-color:#FC6; }
div.navi .heading {
background-color:#888;
background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
border:1px solid rgba(0,0,0,0.25);
border-bottom-width:0;
font-family:Arial, sans-serif!important;
font-size:1.083em;
font-size-adjust:.52;
font-weight:700;
line-height:100%;
text-align:center;
margin:-1px -1px 0px;
padding:.769em 0;
position:relative;
z-index:1;
}
div.navi .heading-white {
background-color:#888;
background-image:url("/images/c/cc/Infobox_header_overlay.png") !important;
border:1px solid rgba(0,0,0,0.25);
border-bottom-width:0;
font-family:Arial, sans-serif!important;
font-size:1.083em;
font-size-adjust:.52;
font-weight:700;
line-height:100%;
text-align:center;
margin:-1px -1px 0px;
padding:.769em 0;
position:relative;
z-index:1;
}
div.navi .heading-white a {
color:#FFFFFF;
}
div.navi .heading-white a:hover {
color:#FFFFFF;
}
div.navi .clear {
height:0.667em;
}
div.navi .box::after,
div.navi .heading::after {
content:"";
position:absolute;
width:100%;
left:0;
height:3px;
background-image:url("/images/4/45/Shadow_after.png");
background-size:100% 3px;
}
div.navi .heading-white::after {
content:"";
position:absolute;
width:100%;
left:0;
height:3px;
background-image:url("/images/4/45/Shadow_after.png");
background-size:100% 3px;
}
div.navi .box::after,
div.navi .heading::after {
bottom:-3px;
}
div.navi .heading-white::after {
bottom:-3px;
}
div.navi .wrapper {
padding: 0px 8px;
}
div.navi dl,
div.navi .wrapper.hlist > ul {
margin:0.667em 0em;
}
div.navi dt {
float:left;
text-align:right;
clear:left;
border-right:2px solid #999;
margin:0 -2px 0 0;
padding:2px 8px 2px 0px;
width:25%;
}
div.navi dd {
float:left;
text-align:left;
border-left:2px solid #888;
margin:0;
padding:2px 0px 2px 8px;
width:67%;
}
div.navi dt, div.navi dd {
line-height:1.667em;
}
div.navi table {
line-height:1.667em;
background-color:transparent;
border-collapse:collapse;
width:100%;
margin:0.667em 0;
}
div.navi table th {
text-align:right;
border-right:2px solid #888;
vertical-align:top;
padding:2px 8px;
}
div.navi table td {
padding:2px 8px;
}
.nav .wrapper p {
margin-top:0.667em;
margin-bottom:0.667em;
}
div.navi .selflink {
font-weight:bold;
}
div.navi.nat .box { width:80em; }
div.navi.natcat .heading { background-color:#FC6; }
div.navi.natcat dd,
div.navi.natcat dt,
div.navi.natcat table th { border-color:#FC6; }
/* natcat */
.table.natcat > :first-child > tr:first-child,
.table.natcat > :first-child > tr:first-child > *,
.table.natcat > * > tr.heading,
.table.natcat > * > tr.heading > * {
background-color:#FC6 !important;
border-color:#CCA352 !important;
}
.table.natcat > * > tr > th,
.table > * > tr.natcat > th {
background-color:#FFE6B3;
border-color:#CCB88F;
}
.table.natcat > tbody > tr:nth-child(odd),
.table > tbody > tr.natcat:nth-child(odd) {
background-color:#FFF8E8;
}
/* Remove after shadow for tables that have been centered, otherwise the shadow spans the entire page */
Line 1,530 ⟶ 1,304:
/* @noflip */
clear: none;
font-size: 88%;
line-height: 1.5em;
}
.seancodylist {
display: block;
/* @noflip */
margin: 0.5em 1 0.5em 0.5em;
padding: 0.2em;
/* @noflip */
float: none;
/* @noflip */
clear: both;
/* @noflip */
text-align: center;
justify-content: center;
font-size: 88%;
line-height: 1.5em;
}
.seancodysceneinline {
display: block;
border: 1px solid #aaa;
border-spacing: 3px;
background-color: #f9f9f9;
color: black;
/* @noflip */
margin: 0em 0 0em 0em;
padding: 0.2em;
/* @noflip */
float: none;
/* @noflip */
clear: both;
/* @noflip */
text-align: left;
justify-content: center;
font-size: 88%;
line-height: 1.5em;
}
.gaywargameslist {
display: block;
/* @noflip */
margin: 0.5em 1 0.5em 0.5em;
padding: 0.2em;
/* @noflip */
float: none;
/* @noflip */
clear: both;
/* @noflip */
text-align: center;
justify-content: center;
font-size: 88%;
line-height: 1.5em;
Line 1,594 ⟶ 1,420:
font-size: 88%;
line-height: 1.5em;
}
.infoboxcompetitionbb {
Line 2,164 ⟶ 1,973:
.table > tbody:first-child > tr:first-child > *,
.table > tbody > tr.heading > *,
.table > thead > tr:first-child > * {
background-image:url("/w/resources/assets/header/Infobox_header_overlay.png");
Line 2,253 ⟶ 2,061:
border-color:#6D6D6D !important;
}
.table.any > tbody > tr > th,
.table.any > tfoot > tr > th,
Line 2,275 ⟶ 2,074:
/* career */
.table.career { width: auto; min-width: 68%; max-width:2400px; display:table; text-align:center; vertical-align:middle;}
.table.career > :first-child > tr:first-child {
text-align:center;
Line 2,684 ⟶ 2,477:
div.thumb {
border: 0px;
margin: 1px;
margin-left: 0.5em;
float: right;
}
img.thumbborder {
border: 0px;
padding: 1px;
}
.thumb {
border: 0px;
padding: 1px !important;
margin: 0 0 0 0;
background-color: #f9f9f9 !important;
text-align: center;
overflow: hidden;
}
.thumbcaption {
color: #252525 !important;
}
| |||