Content deleted Content added
No edit summary
No edit summary
 
(212 intermediate revisions by the same user not shown)
Line 60:
}
 
.gay {
/* Consistent size for <sub> and <sup> */
color: #7D4BBE; /* Фиолетовый цвет для обозначения гомосексуальной ориентации */
.mw-body sub,
font-weight: bold;
.mw-body sup,
span.careerstatusactive a { color: green; }
span.careerstatusretired a { color: red; }
 
span.reference /* for Parsoid */ {
font-size: 80%;
}
 
.mwe-popupsbisexual {
color: #DF4661; /* Розовый/красный для обозначения бисексуальной ориентации */
box-shadow: 0 45px 70px -20px rgba(0,0,0,0.3), 0px 0px 1px rgba(0,0,0,0.5);
font-weight: bold;
border:none;
}
 
.straight {
/** NAV BARS **/
color: #3D86C6; /* Синий для обозначения гетеросексуальной ориентации */
div.nav {
font-weight: bold;
position:relative;
}
 
/* Стили для переопределения конфликтующих правил */
div.nav .box {
.pbccdn .pbccdn-row {
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee);
display: flex !important;
background-image:linear-gradient(top, #fff 0%, #eee 100%);
flex-wrap: wrap !important;
background-image:-o-linear-gradient(top, #fff 0%, #eee 100%);
margin-right: -0.75rem !important;
background-image:-moz-linear-gradient(top, #fff 0%, #eee 100%);
margin-left: -0.75rem !important;
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;
}
 
.pbccdn .pbccdn-col-lg-3 {
div.nav .box { width:42em; }
flex: 0 0 25% !important;
div.nav.thin .box { width:34em; }
max-width: 25% !important;
div.nav.wide .box { width:50em; }
div.nav.full .box { width:unset; }
 
div.nav .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;
}
 
.pbccdn .pbccdn-col-lg-6 {
div.nav .clear {
flex: 0 0 50% !important;
height:0.667em;
max-width: 50% !important;
}
 
.pbccdn .pbccdn-col-md-12 {
div.nav .box::after,
flex: 0 0 100% !important;
div.nav .heading::after {
max-width: 100% !important;
content:"";
position:absolute;
width:100%;
left:0;
height:3px;
background-image:url("/images/4/45/Shadow_after.png");
background-size:100% 3px;
}
 
/* Сброс некоторых стилей MediaWiki, которые могут конфликтовать */
div.nav .box::after,
.pbccdn .pbccdn-card {
div.nav .heading::after {
width: auto !important;
bottom:-3px;
float: none !important;
display: flex !important;
flex-direction: column !important;
}
 
/* Принудительное применение отступов */
div.nav .wrapper {
.pbccdn .pbccdn-mb-4 {
padding: 0px 8px;
margin-bottom: 1.5rem !important;
}
 
/* Стиль для отладки - добавляет рамки вокруг колонок */
div.nav dl,
.debug .pbccdn-col-lg-3,
div.nav .wrapper.hlist > ul {
.debug .pbccdn-col-lg-6,
margin:0.667em 0em;
.debug .pbccdn-col-md-12 {
border: 1px dashed red !important;
}
 
/* Consistent size for <sub> and <sup> */
div.nav dt {
.mw-body sub,
float:left;
.mw-body sup,
text-align:right;
span.careerstatusactive a { color: green; }
clear:left;
span.careerstatusretired a { color: red; }
border-right:2px solid #999;
margin:0 -2px 0 0;
padding:2px 8px 2px 0px;
width:25%;
}
 
span.reference /* for Parsoid */ {
div.nav dd {
float font-size:left 80%;
text-align:left;
border-left:2px solid #888;
margin:0;
padding:2px 0px 2px 8px;
width:67%;
}
 
.mwe-popups {
div.nav dt, div.nav dd {
box-shadow: 0 45px 70px -20px rgba(0,0,0,0.3), 0px 0px 1px rgba(0,0,0,0.5);
line-height:1.667em;
border:none;
}
 
div.nav table {
line-height:1.667em;
background-color:transparent;
border-collapse:collapse;
width:100%;
margin:0.667em 0;
}
 
div.nav table th {
text-align:right;
border-right:2px solid #888;
vertical-align:top;
padding:2px 8px;
}
 
div.nav table td {
padding:2px 8px;
}
 
.nav .wrapper p {
margin-top:0.667em;
margin-bottom:0.667em;
}
 
div.nav .selflink {
font-weight:bold;
}
 
div.nav.guardian .heading { background-color:#39C; }
div.nav.guardian dd,
div.nav.guardian dt,
div.nav.guardian table th { border-color:#39C; }
 
div.nav.revenant .heading { background-color:#C23F3A; }
div.nav.revenant dd,
div.nav.revenant dt,
div.nav.revenant table th { border-color:#C23F3A; }
 
div.nav.warrior .heading { background-color:#F93; }
div.nav.warrior dd,
div.nav.warrior dt,
div.nav.warrior table th { border-color:#F93; }
 
div.nav.engineer .heading { background-color:#963; }
div.nav.engineer dd,
div.nav.engineer dt,
div.nav.engineer table th { border-color:#963; }
 
div.nav.ranger .heading { background-color:#6C3; }
div.nav.ranger dd,
div.nav.ranger dt,
div.nav.ranger table th { border-color:#6C3; }
 
div.nav.thief .heading { background-color:#C66; }
div.nav.thief dd,
div.nav.thief dt,
div.nav.thief table th { border-color:#C66; }
 
div.nav.elementalist .heading { background-color:#EC5752; }
div.nav.elementalist dd,
div.nav.elementalist dt,
div.nav.elementalist table th { border-color:#EC5752; }
 
div.nav.mesmer .heading { background-color:#939; }
div.nav.mesmer dd,
div.nav.mesmer dt,
div.nav.mesmer table th { border-color:#939; }
 
div.nav.necromancer .heading { background-color:#396; }
div.nav.necromancer dd,
div.nav.necromancer dt,
div.nav.necromancer table th { border-color:#396; }
 
div.nav.asura .heading { background-color:#96F; }
div.nav.asura dd,
div.nav.asura dt,
div.nav.asura table th { border-color:#96F; }
 
div.nav.charr .heading { background-color:#D25D6B; }
div.nav.charr dd,
div.nav.charr dt,
div.nav.charr table th { border-color:#D25D6B; }
 
div.nav.human .heading { background-color:#FC3; }
div.nav.human dd,
div.nav.human dt,
div.nav.human table th { border-color:#FC3; }
 
div.nav.norn .heading { background-color:#6CF; }
div.nav.norn dd,
div.nav.norn dt,
div.nav.norn table th { border-color:#6CF; }
 
div.nav.sylvari .heading { background-color:#3C3; }
div.nav.sylvari dd,
div.nav.sylvari dt,
div.nav.sylvari table th { border-color:#3C3; }
 
div.nav.npc .heading { background-color:#6C3; }
div.nav.npc dd,
div.nav.npc dt,
div.nav.npc table th { border-color:#6C3; }
 
div.nav.pve .heading { background-color:#FC6; }
div.nav.pve dd,
div.nav.pve dt,
div.nav.pve table th { border-color:#FC6; }
 
div.nav.equip .heading { background-color:#F96; }
div.nav.equip dd,
div.nav.equip dt,
div.nav.equip table th { border-color:#F96; }
 
div.nav.mech1 .heading { background-color:#69C; color:white; }
div.nav.mech1 dd,
div.nav.mech1 dt,
div.nav.mech1 table th { border-color:#69C; }
 
div.nav.mech2 .heading { background-color:#3CC; }
div.nav.mech2 dd,
div.nav.mech2 dt,
div.nav.mech2 table th { border-color:#3CC; }
 
div.nav.location .heading { background-color:#96C; }
div.nav.location dd,
div.nav.location dt,
div.nav.location table th { border-color:#96C; }
 
div.nav.lore .heading { background-color:#C6C; }
div.nav.lore dd,
div.nav.lore dt,
div.nav.lore table th { border-color:#C6C; }
 
div.nav.promo .heading { background-color:#9C3; }
div.nav.promo dd,
div.nav.promo dt,
div.nav.promo table th { border-color:#9C3; }
 
div.nav.quest .heading { background-color:#F8B57D; }
div.nav.quest dd,
div.nav.quest dt,
div.nav.quest table th { border-color:#F8B57D; }
 
div.nav.condition .heading { background-color:#51A651; }
div.nav.condition dd,
div.nav.condition dt,
div.nav.condition table th { border-color:#51A651; }
 
div.nav.hom .heading,
div.nav.crafting .heading,
div.nav.recipe .heading { background-color:#963; }
div.nav.hom dd,
div.nav.hom dt,
div.nav.hom table th,
div.nav.crafting dd,
div.nav.crafting dt,
div.nav.crafting table th,
div.nav.recipe dd,
div.nav.recipe dt,
div.nav.recipe table th { border-color:#963; }
 
/* Hide and reduce margins of horizontal rules between multiple navs */
.nav ~ hr {
background-color:transparent;
margin:0.5em 0 !important;
}
 
/** NAV BARS: Horizontal lists. See [[mw:Snippets/Horizontal lists]] **/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* 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;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
display: none;
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
.hlist dd:after,
.hlist li:after {
content: " • ";
font-weight: bold;
margin: 0 2px;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li: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;
}
.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;
}
/* 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) "\a0";
white-space: nowrap;
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}
.hlist li {
white-space: nowrap;
}
 
Line 456 ⟶ 175:
#content .people ul, #content .gadget ul {
margin-bottom: 0;
}
 
/* Tabber */
 
ul.tabbernav {
margin: 0;
padding: 1px 0;
border-bottom: 0px solid #CCC;
font: bold 12px Verdana, sans-serif;
text-align:center;
}
 
ul.tabbernav li {
list-style: none;
margin: 0;
display: inline;
}
 
ul.tabbernav li a {
padding: 1px .5em;
margin-left: 3px;
border: 1px solid #CCC;
border-bottom: none;
background: #F2F7FF;
text-decoration: none;
}
 
ul.tabbernav li a:link {
color: #D46007;
}
 
ul.tabbernav li a:visited {
color: #D46007;
}
 
ul.tabbernav li a:hover {
color: #000;
background: #FFF9F2;
border-color: #CCC;
}
 
ul.tabbernav li.tabberactive a {
background-color: #FFF;
border-bottom: 0px solid #FFF;
}
 
ul.tabbernav li.tabberactive a:hover {
color: #000;
background: #FFF;
border-bottom: 0px solid #FFF;
}
 
.tabber .tabbertab {
padding: 1px;
border: 0px solid #CCC;
border-top: 0;
display: block;
}
 
Line 701 ⟶ 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 724 ⟶ 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,234 ⟶ 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,351 ⟶ 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 2,069 ⟶ 2,074:
 
/* career */
.table.career { width:60 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,475 ⟶ 2,480:
margin: 1px;
margin-left: 0.5em;
float: right;
clear: right;
}