DRUKHARI: Difference between revisions
No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
{{#css: | {{#css: | ||
:root { | |||
--font-color: #000; | |||
--font-grey: #888; | |||
--font-white: #fff; | |||
--bg-color: #fff; | |||
--bg-body: #eeeeee; | |||
--bg-body-border: #cccccc; | |||
--img-inv: 0; | |||
--img-inv-1: 1; | |||
--img-opa: 1; | |||
--nav-frame-border: #777; | |||
--nav-bg: #eeeeee; | |||
--nav-tab-bg: #888; | |||
--nav-tab-bg-hover: #101010; | |||
--faction-header: #990000; | |||
--author-color: #494949; | |||
--boosty-logo: 100%; | |||
--noads-logo: 100%; | |||
--redfont: #a31317; | |||
--a-color: #255eff; | |||
--a-visited: #7d25ce; | |||
--faq-bg: #dee2e1; | |||
--grey-bg: #dee2e1; | |||
--nav-hover: #b4c4c7; | |||
--row-bg: #e0e0e0; | |||
--dsCollated: #808080; | |||
--tooltip-border-color: #000; | |||
--tooltip-font-color: #000; | |||
--tooltip-bg-color: #fff; | |||
--tooltip-header: #4b626d; | |||
--tooltip-header-underline: #313131; | |||
--first-letter: #cc0000; | |||
--ya-logo-inv: 0; | |||
--ya-logo-hue: 0deg; | |||
--ya-bri: 1; | |||
--ya-con: 1; | |||
--ya-inv: 0; | |||
--ya-inv-butt: 0; | |||
--ya-grey: 0; | |||
--ya-bri-input: 1; | |||
--ya-con-input: 1; | |||
--bkg0: unset; | |||
--bkg1: #dee2e1; | |||
--cog-inv: 0; | |||
--ctrlSelect: #fff; | |||
--checkmark: #fff; | |||
--checkborder: #555; | |||
--header-bg: #b2b2b2; | |||
--wd-border: #252725; | |||
--ds-header-color: #fefefe; | |||
--strat-pts-color: #fefefe; | |||
--site-header: url("/wh40k10ed/img/Wahapedia10-site-header.png"); | |||
--site-header-short: url("/wh40k10ed/img/Wahapedia10-site-header-short.png"); | |||
--button-to-top: url(/wh40k10ed/img/Button_ToTop.png); | |||
--button-to-top-hover: url(/wh40k10ed/img/Button_ToTop_Hover.png); | |||
--button-army-list: url(/wh40k10ed/img/Button_ArmyList.png); | |||
--button-army-list-hover: url(/wh40k10ed/img/Button_ArmyList_Hover.png); | |||
--button-contents: url(/wh40k10ed/img/Button_Contents.png); | |||
--button-contents-hover: url(/wh40k10ed/img/Button_Contents_Hover.png); | |||
} | } | ||
[data-theme="dark"] { | |||
@font- | --font-color: #dadada; | ||
--font-grey: #888; | |||
--font-white: #dadada; | |||
--bg-color: #202020; | |||
--bg-body: #3c3c3c; | |||
--bg-body-border: #8a8a8a; | |||
--img-inv: 0.9; | |||
--img-inv-1: 0.14; | |||
--img-opa: 0.85; | |||
--nav-frame-border: #bbbbbb; | |||
--nav-bg: #3c3c3c; | |||
--nav-tab-bg: #505050; | |||
--nav-tab-bg-hover: #8a8a8a; | |||
--faction-header: #ff5252; | |||
--author-color: #adadad; | |||
--boosty-logo: 120%; | |||
--noads-logo: 120%; | |||
--redfont: #d32c2c; | |||
--a-color: #8080ff; | |||
--a-visited: #b899d4; | |||
--faq-bg: #353535; | |||
--grey-bg: #33393a; | |||
--nav-hover: #101010; | |||
--row-bg: #424242; | |||
--dsCollated: #a7a7a7; | |||
--tooltip-border-color: #eee; | |||
--tooltip-font-color: #dadada; | |||
--tooltip-bg-color: #202020; | |||
--tooltip-header: #769398; | |||
--tooltip-header-underline: #ccc; | |||
--first-letter: #cf2d2d; | |||
--ya-logo-inv: 1; | |||
--ya-logo-hue: 180deg; | |||
--ya-bri: 1.8; | |||
--ya-con: 0.65; | |||
--ya-inv: 1; | |||
--ya-inv-butt: 0.1; | |||
--ya-grey: 1; | |||
--ya-bri-input: 1.5; | |||
--ya-con-input: 0.5; | |||
--bkg0: #202020; | |||
--bkg1: #33393a; | |||
--cog-inv: 0.8; | |||
--ctrlSelect: #dadada; | |||
--checkmark: #dadada; | |||
--checkborder: #dadada; | |||
--header-bg: #676767; | |||
--wd-border: #8a8a8a; | |||
--ds-header-color: #eaeaea; | |||
--strat-pts-color: #dadada; | |||
--site-header: url("/wh40k10ed/img/Wahapedia10-site-header-dark.png"); | |||
--site-header-short: url("/wh40k10ed/img/Wahapedia10-site-header-short-dark.png"); | |||
--button-to-top: url(/wh40k10ed/img/Button_ToTop_dark.png); | |||
--button-to-top-hover: url(/wh40k10ed/img/Button_ToTop_dark_Hover.png); | |||
--button-army-list: url(/wh40k10ed/img/Button_ArmyList_dark.png); | |||
--button-army-list-hover: url(/wh40k10ed/img/Button_ArmyList_dark_Hover.png); | |||
--button-contents: url(/wh40k10ed/img/Button_Contents_dark.png); | |||
--button-contents-hover: url(/wh40k10ed/img/Button_Contents_dark_Hover.png); | |||
} | |||
:root { | |||
--font-inv: #fff; | |||
--corner14-bg: #d0d4ce; | |||
--corner16-bg: #3c525a; | |||
--corner16-bg-in: #f0f0ef; | |||
--corner14-bg: #d0d4ce; | |||
--corner15-bg: #fefefe; | |||
--corner16-bg: #3c525a; | |||
--corner16-bg-in: #f0f0ef; | |||
--corner18-bg: #3c525a; | |||
--corner19-bg: #5b3e25; | |||
--corner19-bg-in: #efebe5; | |||
--corner25-bg: #2f6a4f; | |||
--corner25-bg-in: #d3e9dc; | |||
--corner26-bg: #652070; | |||
--corner26-bg-in: #eadaec; | |||
--corner27-bg: #857638; | |||
--corner27-bg-in: #ece9dd; | |||
--corner28-bg: #950909; | |||
--corner28-bg-in: #ecdddd; | |||
--corner29-bg: #0b3778; | |||
--corner29-bg-in: #e1f1ff; | |||
--frame-bg1: url(/wh40k10ed/img/frame-bg1.png); | |||
--RedSquare: url(/wh40k10ed/img/RedSquare.png); | |||
--RedCircle: url(/wh40k10ed/img/RedCircle.png); | |||
--bluefont: #2d6c83; | |||
--dark-bg: #0b171b; | |||
--cp-grey: #bdc1be; | |||
--pn-action: #0a506f; | |||
} | |||
[data-theme="dark"] { | |||
--font-inv: #101010; | |||
--corner14-bg: #424546; | |||
--corner16-bg: #4e7584; | |||
--corner16-bg-in: #21282b; | |||
--corner14-bg: #424546; | |||
--corner15-bg: #2f2f2f; | |||
--corner16-bg: #4e7584; | |||
--corner16-bg-in: #21282b; | |||
--corner18-bg: #2a373c; | |||
--corner19-bg: #88440a; | |||
--corner19-bg-in: #2d2a25; | |||
--corner25-bg: #2f6a4f; | |||
--corner25-bg-in: #06291d; | |||
--corner26-bg: #652070; | |||
--corner26-bg-in: #1d0523; | |||
--corner27-bg: #857638; | |||
--corner27-bg-in: #2e0707; | |||
--corner28-bg: #832121; | |||
--corner28-bg-in: #290606; | |||
--corner29-bg: #0d688b; | |||
--corner29-bg-in: #031c26; | |||
--frame-bg1: url(/wh40k10ed/img/frame-bg1-dark.png); | |||
--RedSquare: url(/wh40k10ed/img/RedSquare-dark.png); | |||
--RedCircle: url(/wh40k10ed/img/RedCircle-dark.png); | |||
--bluefont: #5d8c9d; | |||
--dark-bg: #dadada; | |||
--cp-grey: #a9adaa; | |||
--pn-action: #dadada; | |||
} | |||
#btnBackToTop { | |||
background-image: url(/wh40k10ed/img/Button_ToTop.png); | |||
background-image: var(--button-to-top); | |||
user-select:none; | |||
z-index:10; | |||
width:83px; | |||
height:82px; | |||
display:none; | |||
position:fixed; | |||
bottom:20px; | |||
right:20px; | |||
border:none; | |||
outline:none; | |||
background-color:transparent; | |||
cursor:pointer | |||
} | |||
#btnBackToTop:hover, | |||
#btnBackToTop.hover { | |||
background-image: url(/wh40k10ed/img/Button_ToTop_Hover.png); | |||
background-image: var(--button-to-top-hover) | |||
} | |||
#btnArmyList { | |||
background-image: url(/wh40k10ed/img/Button_ArmyList.png); | |||
background-image: var(--button-army-list); | |||
user-select:none; | |||
z-index:10; | |||
width:83px; | |||
height:82px; | |||
display:block; | |||
position:fixed; | |||
bottom:122px; | |||
right:20px; | |||
border:none; | |||
outline:none; | |||
background-color:transparent; | |||
cursor:pointer | |||
} | |||
#btnArmyList:hover, | |||
#btnArmyList.hover { | |||
background-image: url(/wh40k10ed/img/Button_ArmyList_Hover.png); | |||
background-image: var(--button-army-list-hover) | |||
} | |||
#btnContents { | |||
background-image: url(/wh40k10ed/img/Button_Contents.png); | |||
background-image: var(--button-contents); | |||
user-select:none; | |||
z-index:10; | |||
width:83px; | |||
height:82px; | |||
display:block; | |||
position:fixed; | |||
right:20px; | |||
border: none; | |||
outline:none; | |||
background-color:transparent; | |||
cursor:pointer | |||
} | |||
.btnContents_AL { | |||
bottom:224px | |||
} | |||
.btnContents_NoAL { | |||
bottom:122px | |||
} | |||
#btnContents:hover, | |||
#btnContents.hover { | |||
background-image: url(/wh40k10ed/img/Button_Contents_Hover.png); | |||
background-image: var(--button-contents-hover) | |||
} | |||
@media only screen and (max-width: 800px) { | |||
#btnArmyList { | |||
width:65px; | |||
height:65px; | |||
background-size: 65px 65px; | |||
bottom:89px; | |||
right:12px | |||
} | |||
#btnContents { | |||
width:65px; | |||
height:65px; | |||
background-size: 65px 65px; | |||
right:12px | |||
} | |||
.btnContents_AL { | |||
bottom:166px | |||
} | |||
.btnContents_NoAL { | |||
bottom:89px | |||
} | |||
#btnBackToTop { | |||
width:65px; | |||
height:65px; | |||
background-size: 65px 65px; | |||
bottom:12px; | |||
right:12px | |||
} | |||
} | |||
@media only screen and (max-width: 532px) { | |||
#btnArmyList { | |||
width:50px; | |||
height:50px; | |||
background-size: 50px 50px; | |||
bottom:66px; | |||
right:8px | |||
} | |||
#btnContents { | |||
width:50px; | |||
height:50px; | |||
background-size: 50px 50px; | |||
right:8px | |||
} | |||
.btnContents_AL { | |||
bottom:124px | |||
} | |||
.btnContents_NoAL { | |||
bottom:66px | |||
} | |||
#btnBackToTop { | |||
width:50px; | |||
height:50px; | |||
background-size: 50px 50px; | |||
bottom:8px; | |||
right:8px | |||
} | |||
} | |||
.page_header { | |||
margin:16px 0 8px 0; | |||
font-weight:400; | |||
font-size:1.1em; | |||
font-family:'ConduitITC', cursive | |||
} | |||
.page_header_span { | |||
font-size:1.1em; | |||
line-height:1.4em; | |||
font-weight:400; | |||
font-family:'ConduitITC', cursive | |||
} | |||
.page_header2 { | |||
font-weight:400; | |||
margin:16px 0 8px 0; | |||
font-size:1.1em; | |||
font-family:'ConduitITC', cursive; | |||
line-height:1.7em | |||
} | |||
.page_header_span2 { | |||
font-size:1.1em; | |||
line-height:1.6em; | |||
font-weight:400; | |||
font-family:'ConduitITC', cursive; | |||
} | |||
.ctrlSelect { | |||
font-weight:700; | |||
font-size:1.1em; | |||
font-family: ConduitITC; | |||
outline:0; | |||
outline-offset:0; | |||
height:1.6em; | |||
background-color: #fff; | |||
background-color: var(--ctrlSelect) | |||
} | |||
.ctrlOption { | |||
font-weight:700 | |||
} | |||
.ctrlOptionHeader { | |||
font-weight:100; | |||
color:#707070 | |||
} | |||
#loadWargear_button { | |||
font-size:1.2em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700 | |||
} | |||
#loadWargear_bar { | |||
display:flex; | |||
align-items:center | |||
} | |||
h2 { | |||
font-size: 2em; | |||
margin:0px 0px 8px 0px; | |||
padding: 4px 0 4px 0; | |||
font-family: 'ConduitITC', arial; | |||
font-weight: 700; | |||
text-transform: uppercase; | |||
margin-block-start: 0px; | |||
align-items: center; | |||
display: flex | |||
} | |||
.h2_orig { | |||
font-size: 2em; | |||
margin:0px 0px 8px 0px; | |||
padding: 4px 0 4px 0; | |||
font-family: 'ConduitITC', arial; | |||
font-weight: 700; | |||
text-transform: uppercase; | |||
margin-block-start:0px | |||
} | |||
h3 { | |||
font-size: 1.4em; | |||
margin:0px 0px 4px 0px; | |||
font-family: 'ConduitITC', arial; | |||
font-weight: 700; | |||
text-transform: uppercase; | |||
margin-block-start: 0px; | |||
align-items: center; | |||
padding: 1px 8px 1px 0px; | |||
} | |||
h4 { | |||
font-size: 1.4em; | |||
margin:0px 0px 4px 0px; | |||
font-family: 'ConduitITC', arial; | |||
font-weight: 700; | |||
margin-block-start: 0px; | |||
align-items: center; | |||
display: flex | |||
} | |||
.font-white { | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
.h_custom { | |||
font-family:'ConduitITC',arial; | |||
font-size:2em; | |||
font-weight:700 | |||
} | |||
.hi_custom { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.4em | |||
} | |||
.hi_custom_red { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.4em; | |||
color:#a31317; | |||
text-align:center | |||
} | |||
.hi_custom_green { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.4em; | |||
color:#005548; | |||
text-align:center | |||
} | |||
[class~="hi_custom_red"] a:link { | |||
color: #a31317 | |||
} | |||
[class~="hi_custom_red"] a:visited { | |||
color: #a31317 | |||
} | |||
.hi_custom_red2 { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
color:#a31317; | |||
margin:10px 0 -5px 0; | |||
} | |||
.hi_custom_white { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.4em; | |||
color:#a31317; | |||
text-align:center | |||
} | |||
[class~="hi_custom_white"] a:link { | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
[class~="hi_custom_white"] a:visited { | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
.h_psychic { | |||
font-family:'ConduitITC',arial; | |||
font-weight:700; | |||
font-size:1.37em | |||
} | |||
.h_position { | |||
font-family:'ConduitITC',arial; | |||
font-weight:400; | |||
font-size:1.37em | |||
} | |||
.contents_header { | |||
color:#fefefe; | |||
color:var(--strat-pts-color); | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size: 1.61em; | |||
padding: 0px 0px 6px 6px | |||
} | |||
.contents { | |||
font-family:ConduitITC,arial; | |||
font-size:1.1em | |||
} | |||
.underl { | |||
border-bottom:2px solid; | |||
line-height:1.5em; | |||
} | |||
.h_relic { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.4em | |||
} | |||
.hi_custom_underline { | |||
font-family:ConduitITC, charcoal, arial black; | |||
font-weight:700; | |||
font-size:1.25em; | |||
border-bottom:1px solid; | |||
padding-bottom:5px; | |||
margin-bottom:5px; | |||
display:inline-block; | |||
width:100% | |||
} | |||
.armylist_header { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size: 20px; | |||
float: left; | |||
padding: 0px 0px 6px 6px | |||
} | |||
.tooltip_header { | |||
font-size: 1.67em; | |||
float: left; | |||
margin: 6px 0px 8px 0px; | |||
font-family: 'ConduitITC', arial; | |||
font-weight: 400; | |||
text-transform: uppercase | |||
} | |||
.tooltip_link { | |||
background-image: url(/wh40k10ed/img/TooltipLink.png); | |||
width: 18px; | |||
height: 18px; | |||
float:left; | |||
margin: 12px 0px 0px 3px | |||
} | |||
.bgGrey { | |||
background-color:#e0e0e0; | |||
background-color:var(--bkg1); | |||
color:#101010; | |||
color:var(--font-color) | |||
} | |||
.bgWhite { | |||
background-color:#fefefe; | |||
background-color:var(--color-bg); | |||
color:#101010; | |||
color:var(--font-color) | |||
} | |||
.Corner4 { | |||
color: #fefefe; | |||
color:var(--font-white) | |||
} | |||
[class~="Corner4"] a:link { | |||
color: #e9b61c | |||
} | |||
[class~="Corner4"] a:visited { | |||
color: #e9b61c | |||
} | |||
.Corner5 { | |||
color: #fefefe; | |||
color:var(--font-white) | |||
} | |||
[class~="Corner5"] a:link { | |||
color: #7aede1; | |||
color: var(--corner7-link) | |||
} | |||
[class~="Corner5"] a:visited { | |||
color: #ae8bd2; | |||
color: var(--corner7-visited) | |||
} | |||
[class~="Corner5"] .redfont { | |||
color: #ff7f21; | |||
color: var(--corner7-red) | |||
} | |||
.Corner6 { | |||
filter:invert(0); | |||
filter:invert(var(--corner6-inv)) | |||
} | |||
.Corner7 { | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
[class~="Corner7"] a:link { | |||
color: #7aede1; | |||
color: var(--corner7-link) | |||
} | |||
[class~="Corner7"] a:visited { | |||
color: #ae8bd2; | |||
color: var(--corner7-visited) | |||
} | |||
[class~="Corner7"] .redfont { | |||
color: #ff7f21; | |||
color: var(--corner7-red) | |||
} | |||
.Corner7_1 { | |||
background-image:url(/wh40k10ed/img/corners/Corner7_1.png); | |||
background-image:var(--corner7-1); | |||
width:24px; | |||
height:24px | |||
} | |||
.Corner7_2 { | |||
background-image:url(/wh40k10ed/img/corners/Corner7_2.png); | |||
background-image:var(--corner7-2); | |||
height:24px | |||
} | |||
.Corner7_3 { | |||
background-image:url(/wh40k10ed/img/corners/Corner7_3.png); | |||
background-image:var(--corner7-3); | |||
width:24px; | |||
height:24px | |||
} | |||
.Corner7_8 { | |||
background-image:url(/wh40k10ed/img/corners/Corner7_8.png); | |||
background-image:var(--corner7-8); | |||
width:24px | |||
} | |||
.Corner7_9 { | |||
background-color:#5d6260; | |||
background-color:var(--corner7-9) | |||
} | |||
.Corner7_4 { | |||
background-image:url(/wh40k10ed/img/corners/Corner7_4.png); | |||
background-image:var(--corner7-4); | |||
width:24px | |||
} | |||
.Corner7_7 { | |||
background-image:url(/wh40k10ed/img/corners/Corner7_7.png); | |||
background-image:var(--corner7-7); | |||
width:24px; | |||
height:24px | |||
} | |||
.Corner7_6 { | |||
background-image:url(/wh40k10ed/img/corners/Corner7_6.png); | |||
background-image:var(--corner7-6); | |||
height:24px | |||
} | |||
.Corner7_5 { | |||
background-image:url(/wh40k10ed/img/corners/Corner7_5.png); | |||
background-image:var(--corner7-5); | |||
width:24px; | |||
height:24px | |||
} | |||
.Corner9_1 { | |||
background-image:url(/wh40k10ed/img/corners/Corner9_1.png); | |||
background-image:var(--corner9-1); | |||
width:20px; | |||
height:20px | |||
} | |||
.Corner9_2 { | |||
background-image:url(/wh40k10ed/img/corners/Corner9_2.png); | |||
background-image:var(--corner9-2); | |||
height:20px | |||
} | |||
.Corner9_3 { | |||
background-image:url(/wh40k10ed/img/corners/Corner9_3.png); | |||
background-image:var(--corner9-3); | |||
width:20px; | |||
height:20px | |||
} | |||
.Corner9_8 { | |||
background-image:url(/wh40k10ed/img/corners/Corner9_8.png); | |||
background-image:var(--corner9-8); | |||
width:20px | |||
} | |||
.Corner9_9 { | |||
background-color:#5d6260; | |||
background-color:var(--corner9-9) | |||
} | |||
.Corner9_4 { | |||
background-image:url(/wh40k10ed/img/corners/Corner9_4.png); | |||
background-image:var(--corner9-4); | |||
width:20px | |||
} | |||
.Corner9_7 { | |||
background-image:url(/wh40k10ed/img/corners/Corner9_7.png); | |||
background-image:var(--corner9-7); | |||
width:20px; | |||
height:20px | |||
} | |||
.Corner9_6 { | |||
background-image:url(/wh40k10ed/img/corners/Corner9_6.png); | |||
background-image:var(--corner9-6); | |||
height:20px | |||
} | |||
.Corner9_5 { | |||
background-image:url(/wh40k10ed/img/corners/Corner9_5.png); | |||
background-image:var(--corner9-5); | |||
width:20px; | |||
height:20px | |||
} | |||
.Corner14 { | |||
padding:14px; | |||
background-color:#d0d4ce; | |||
background-color:var(--corner14-bg) | |||
} | |||
.Corner15 { | |||
border:1px solid #101010; | |||
border:1px solid var(--font-color); | |||
background-color:#fefefe; | |||
background-color:var(--corner15-bg); | |||
padding:14px; | |||
display:block | |||
} | |||
.Corner16 { | |||
padding:2px; | |||
background:#3c525a; | |||
background:var(--corner16-bg); | |||
display:grid; | |||
background:linear-gradient(-45deg, transparent 14px, #3c525a 0); | |||
background:linear-gradient(-45deg, transparent 14px, var(--corner16-bg) 0) | |||
} | |||
.Corner16_in { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #f0f0ef 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner16-bg-in) 0) | |||
} | |||
.Corner17 { | |||
color: #fefefe; | |||
color:var(--font-white) | |||
} | |||
[class~="Corner17"] a:link { | |||
color: #e9b61c | |||
} | |||
[class~="Corner17"] a:visited { | |||
color: #e9b61c | |||
} | |||
.Corner18 { | |||
background:#3c525a; | |||
background:var(--corner18-bg); | |||
padding:14px; | |||
margin-bottom:8px; | |||
background:linear-gradient(-45deg, transparent 14px, #3c525a 0); | |||
background:linear-gradient(-45deg, transparent 14px, var(--corner18-bg) 0); | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
[class~="Corner18"] a:link { | |||
color: #7b9eff | |||
} | |||
[class~="Corner18"] a:visited { | |||
color: #b790c7 | |||
} | |||
.Corner18 .wtOuterFrame { | |||
color:#fefefe; | |||
color:var(--font-color) | |||
} | |||
.frameDark .bkg0 { | |||
background-color:unset | |||
} | |||
.frameDark .bkg1 { | |||
background-color:#33393a | |||
} | |||
.Corner19 { | |||
padding:2px; | |||
background:#efebe5; | |||
background:var(--corner19-bg); | |||
display:grid; | |||
background:linear-gradient(-45deg, transparent 14px, #3c525a 0); | |||
background:linear-gradient(-45deg, transparent 14px, var(--corner19-bg) 0) | |||
} | |||
.Corner19_in { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #f0f0ef 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner19-bg-in) 0) | |||
} | |||
.Corner25 { | |||
padding:2px; | |||
background:#d3e9dc; | |||
background:var(--corner25-bg); | |||
display:grid; | |||
background:linear-gradient(-45deg, transparent 14px, #2f6a4f 0); | |||
background:linear-gradient(-45deg, transparent 14px, var(--corner25-bg) 0) | |||
} | |||
.Corner25_in { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #d3e9dc 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner25-bg-in) 0) | |||
} | |||
.Corner26 { | |||
padding:2px; | |||
background:#eadaec; | |||
background:var(--corner26-bg); | |||
display:grid; | |||
background:linear-gradient(-45deg, transparent 14px, #401b46 0); | |||
background:linear-gradient(-45deg, transparent 14px, var(--corner26-bg) 0) | |||
} | |||
.Corner26_in { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #eadaec 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner26-bg-in) 0) | |||
} | |||
.Corner27 { | |||
padding:2px; | |||
background:#ece9dd; | |||
background:var(--corner27-bg); | |||
display:grid; | |||
background:linear-gradient(-45deg, transparent 14px, #857638 0); | |||
background:linear-gradient(-45deg, transparent 14px, var(--corner27-bg) 0) | |||
} | |||
.Corner27_in { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #ece9dd 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner27-bg-in) 0) | |||
} | |||
.Corner28 { | |||
padding:2px; | |||
background:#950909; | |||
background:var(--corner28-bg); | |||
display:grid; | |||
background:linear-gradient(-45deg, transparent 14px, #857638 0); | |||
background:linear-gradient(-45deg, transparent 14px, var(--corner28-bg) 0) | |||
} | |||
.Corner28_in { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #ecdddd 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner28-bg-in) 0) | |||
} | |||
.Corner29 { | |||
padding:2px; | |||
background:#0b3778; | |||
background:var(--corner29-bg); | |||
display:grid; | |||
background:linear-gradient(-45deg, transparent 14px, #857638 0); | |||
background:linear-gradient(-45deg, transparent 14px, var(--corner29-bg) 0) | |||
} | |||
.Corner29_in { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #e1f1ff 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner29-bg-in) 0) | |||
} | |||
.Corner_Khorne { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #e9aca2 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner-bg-khorne) 0) | |||
} | |||
.Corner_Tzeentch { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #e9aca2 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner-bg-tzeentch) 0) | |||
} | |||
.Corner_Nurgle { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #e9aca2 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner-bg-nurgle) 0) | |||
} | |||
.Corner_Slaanesh { | |||
padding:14px; | |||
background:linear-gradient(315deg, transparent 13px, #e9aca2 0); | |||
background:linear-gradient(315deg, transparent 13px, var(--corner-bg-slaanesh) 0) | |||
} | |||
.Corner30 { | |||
border:2px solid #8a7942; | |||
background-image:url(/wh40k10ed/img/frame-bg1.png); | |||
background-image:var(--frame-bg1); | |||
padding:14px; | |||
display:block | |||
} | |||
.Corner31 { | |||
border:2px solid #8a7942; | |||
background-image: url(/wh40k10ed/img/frame-bg1-dark.png); | |||
padding:14px; | |||
display:block | |||
} | |||
.Corner32 { | |||
background: rgba(1, 1, 1, .85); | |||
padding:14px; | |||
display:block; | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
.Corner33 { | |||
background-image:url(/wh40k10ed/img/frame-bg1.png); | |||
background-image:var(--frame-bg1); | |||
padding:14px; | |||
display:block | |||
} | |||
.redBox { | |||
background-color:#a31317; | |||
font-family: ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.4em; | |||
height:32px; | |||
text-align:center; | |||
vertical-align:middle; | |||
width:32px; | |||
float:left; | |||
} | |||
.kwb { | |||
line-height:0.95; | |||
font-family: ConduitITC, arial; | |||
font-size:1em; | |||
font-style:normal; | |||
font-weight:bold; | |||
text-transform:uppercase; | |||
display:inline-block | |||
} | |||
.kwb::first-letter { | |||
font-size:1.16em | |||
} | |||
.kwb2 { | |||
line-height:0.95; | |||
font-family: ConduitITC, arial; | |||
font-size:1em; | |||
font-style:normal; | |||
font-weight:bold; | |||
text-transform:uppercase; | |||
display:inline-block | |||
} | |||
.kwb3 { | |||
border-bottom:none; | |||
font-size:1.16em | |||
} | |||
.kwbs { | |||
line-height:0.95; | |||
font-family: ConduitITC, arial; | |||
font-size:1.10em; | |||
font-style:normal; | |||
font-weight:bold; | |||
text-transform:uppercase; | |||
display:inline-block | |||
} | |||
.bluefont { | |||
color:#2d6c83; | |||
color: var(--bluefont) | |||
} | |||
.bluefont a { | |||
color:#2d6c83; | |||
color: var(--bluefont) | |||
} | |||
.bluefont a:visited { | |||
color:#2d6c83; | |||
color: var(--bluefont) | |||
} | |||
.tableColumns3 { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.1em; | |||
background-color:#b8bdb6; | |||
color: #101010 | |||
} | |||
.tableColumns3_transp { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.1em | |||
} | |||
hr { | |||
border-width: 0px; | |||
height:10px | |||
} | |||
.legend { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.1em | |||
} | |||
.cruMissionLegend { | |||
font-family:courier; | |||
padding-bottom: 8px | |||
} | |||
.customTable a { | |||
color:#0000ee | |||
} | |||
.tablefont { | |||
font-family:ConduitITC,arial; | |||
font-size:1.0em | |||
} | |||
.itc { | |||
font-family:ConduitITC,arial; | |||
font-size:1.1em | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.tablefont { | |||
font-size:0.9em | |||
} | |||
} | |||
.Corner1 { | |||
color: #fefefe | |||
} | |||
[class~="Corner1"] a { | |||
color: #e9b61c | |||
} | |||
.Corner2 { | |||
color: #fefefe | |||
} | |||
[class~="Corner2"] a:link { | |||
color: #7aede1; | |||
color: var(--corner7-link) | |||
} | |||
[class~="Corner2"] a:visited { | |||
color: #ae8bd2; | |||
color: var(--corner7-visited) | |||
} | |||
[class~="Corner2"] .redfont { | |||
color: #ff7f21; | |||
color: var(--corner7-red) | |||
} | |||
.Corner3 { | |||
color: #fefefe | |||
} | |||
[class~="Corner3"] a { | |||
color: #7aede1 | |||
} | |||
.logo3 { | |||
float:right; | |||
margin:0px 0px 0px 5px; | |||
} | |||
.unlocked { | |||
font-family:'ConduitITC', arial black; | |||
font-weight:900; | |||
font-size:1.2em; | |||
display:flex; | |||
text-align:left; | |||
border-bottom:1px solid; | |||
text-transform:uppercase; | |||
margin-block-start:0px | |||
} | |||
.outline_header { | |||
padding-top:4px; | |||
font-family:'ConduitITC', arial black; | |||
font-weight:600; | |||
font-size:2.8em; | |||
display:flex; | |||
text-align:left; | |||
text-transform:uppercase; | |||
margin-block-start:0px | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.outline_header { | |||
font-size:2.4em; | |||
} | |||
} | |||
.outline_header_dice { | |||
padding-top:4px; | |||
border-bottom:3px solid; | |||
font-family:'ConduitITC', arial black; | |||
font-weight:600; | |||
font-size:2.8em; | |||
display:block; | |||
text-align:left; | |||
text-transform:uppercase; | |||
margin-block-start:0px; | |||
margin-bottom:10px; | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.outline_header_dice { | |||
font-size:2.4em; | |||
} | |||
} | |||
.redSquare { | |||
list-style-image: url(/wh40k10ed/img/RedSquare.png); | |||
list-style-image: var(--RedSquare); | |||
font-family: 'ConduitITC', arial black; | |||
font-weight:100; | |||
font-size: 1.1em; | |||
margin-block-start:0px; | |||
margin-block-end:0px; | |||
padding-inline-start:26px | |||
} | |||
.redCircle { | |||
list-style-image: url(/wh40k10ed/img/RedCircle.png); | |||
list-style-image: var(--RedCircle) | |||
} | |||
.redSquare .kwb { | |||
font-family: ConduitITC, arial; | |||
font-size:0.9em; | |||
font-style:normal; | |||
font-weight:bold; | |||
text-transform:uppercase; | |||
display:inline-block | |||
} | |||
.redSquare .kwb::first-letter { | |||
font-size:1.17em | |||
} | |||
.redSquare .kwb2 { | |||
font-family: ConduitITC, arial; | |||
font-size:0.9em; | |||
font-style:normal; | |||
font-weight:bold; | |||
text-transform:uppercase; | |||
display:inline-block | |||
} | |||
.redSquare .kwb3 { | |||
font-size:1.17em | |||
} | |||
.redHeaderWrap { | |||
display:flex; | |||
flex-direction:row; | |||
align-items:center; | |||
padding:4px 0; | |||
} | |||
.redHeader { | |||
background-color:#a31317; | |||
font-size:1.54em; | |||
font-family:'ConduitITC', charcoal, arial black; | |||
font-weight:bold; | |||
color:#fefefe; | |||
color:var(--font-white)height:fit-content; | |||
padding:2px 6px 2px 6px; | |||
width:100%; | |||
} | |||
.redHeader a:visited { | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
.redHeader a:link { | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
.redHeader2 { | |||
border-top:3px solid #a31317; | |||
border-bottom:3px solid #a31317; | |||
font-size:1.54em; | |||
font-family:'ConduitITC', charcoal, arial black; | |||
font-weight:bold; | |||
height:fit-content; | |||
padding:2px 6px 2px 0; | |||
width:100%; | |||
} | |||
.blueHeader { | |||
font-size:1.1em; | |||
font-family:'ConduitITC', charcoal, arial black; | |||
font-weight:bold; | |||
color:#2d6c83; | |||
color: var(--bluefont) | |||
} | |||
.redHeader3 { | |||
padding:2px 6px 2px 6px; | |||
background-color:#a31317; | |||
font-size:1.1em; | |||
font-family:'ConduitITC', charcoal, arial black; | |||
font-weight:bold; | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
.iconCommandPhase { | |||
padding-right:20px; | |||
background-repeat:no-repeat; | |||
margin-left:-25px; | |||
width:65px; | |||
height:65px; | |||
background-image:url(/wh40k10ed/img/expansions/CommandPhase_logo3.png) | |||
} | |||
.iconMovementPhase { | |||
padding-right:20px; | |||
background-repeat:no-repeat; | |||
margin-left:-25px; | |||
width:65px; | |||
height:65px; | |||
background-image:url(/wh40k10ed/img/expansions/MovementPhase_logo3.png) | |||
} | |||
.iconShootingPhase { | |||
padding-right:20px; | |||
background-repeat:no-repeat; | |||
margin-left:-25px; | |||
width:65px; | |||
height:65px; | |||
background-image:url(/wh40k10ed/img/expansions/ShootingPhase_logo3.png) | |||
} | |||
.iconChargePhase { | |||
padding-right:20px; | |||
background-repeat:no-repeat; | |||
margin-left:-25px; | |||
width:65px; | |||
height:65px; | |||
background-image:url(/wh40k10ed/img/expansions/ChargePhase_logo3.png) | |||
} | |||
.iconFightPhase { | |||
padding-right:20px; | |||
background-repeat:no-repeat; | |||
margin-left:-25px; | |||
width:65px; | |||
height:65px; | |||
background-image:url(/wh40k10ed/img/expansions/FightPhase_logo3.png) | |||
} | |||
.redDiamond { | |||
background-color:#a31317; | |||
width:30px; | |||
height:30px; | |||
margin:auto; | |||
margin-top:16px; | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
transform:rotate(45deg) | |||
} | |||
.redDiamondSpan { | |||
background-color:#a31317; | |||
width:31px; | |||
height:31px; | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
transform:rotate(45deg) | |||
} | |||
.greenDiamondSpan { | |||
background-color:#4d6057; | |||
width:31px; | |||
height:31px; | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
transform:rotate(45deg) | |||
} | |||
.whiteDiamondSpan { | |||
background-color:#fefefe; | |||
background-color: var(--font-white); | |||
width:24px; | |||
height:24px; | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
} | |||
.redDiamond2 { | |||
background-color:#a31317; | |||
width:35px; | |||
height:35px; | |||
margin:auto; | |||
margin-top:-32px; | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
transform:rotate(45deg); | |||
} | |||
.redDiamond3 { | |||
background-color:#a31317; | |||
width:35px; | |||
height:35px; | |||
margin:0 16px 0 4px; | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
transform:rotate(45deg); | |||
float:left; | |||
} | |||
.redDiamondText { | |||
font-family:ConduitITC, arial; | |||
font-weight:700; | |||
font-size:1.4em; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
transform:rotate(-45deg); | |||
margin: -1px 3px 0 0; | |||
} | |||
.whiteDiamondWrap { | |||
display:inline-block; | |||
position:absolute; | |||
margin:-3px 15px 0 15px; | |||
} | |||
.whiteDiamondText { | |||
font-family:ConduitITC, arial; | |||
font-weight:800; | |||
font-size:1.1em; | |||
color:#a31317; | |||
transform:rotate(-45deg); | |||
margin: -1px 1px 0 0; | |||
} | |||
.greenDiamondText { | |||
font-family:ConduitITC, arial; | |||
font-weight:800; | |||
font-size:1.1em; | |||
color:#4d6057; | |||
transform:rotate(-45deg); | |||
margin: -1px 1px 0 0; | |||
} | |||
.whiteDiamondLine { | |||
margin:15px 0 15px 0; | |||
padding:0 6px 0 6px; | |||
font-family:ConduitITC, arial; | |||
font-weight:700; | |||
font-size:1.2em; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
background-color:#a31317; | |||
} | |||
.greenDiamondLine { | |||
margin:15px 0 15px 0; | |||
padding:0 6px 0 6px; | |||
font-family:ConduitITC, arial; | |||
font-weight:700; | |||
font-size:1.2em; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
background-color:#4d6057; | |||
} | |||
.redDiamondText2 { | |||
font-family:ConduitITC, arial; | |||
font-weight:700; | |||
font-size:1.4em; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
transform:rotate(-45deg); | |||
margin: -2px 4px 0 0; | |||
} | |||
.redDiamondText3 { | |||
font-family:ConduitITC, arial; | |||
font-weight:700; | |||
color:#fefefe; | |||
transform:rotate(-45deg); | |||
margin: -2px 4px 0 0; | |||
} | |||
.redDiamondLine { | |||
background-color:#a31317; | |||
height:2px; | |||
margin-top:-16px; | |||
margin-bottom:26px | |||
} | |||
.redLine { | |||
background-color:#a31317; | |||
height:2px | |||
} | |||
.redLineTopBottom { | |||
border-top:2px solid #a31317; | |||
border-bottom:2px solid #a31317; | |||
text-align:center; | |||
font-family: 'ConduitITC', arial black; | |||
font-size:1.1em; | |||
margin-bottom:10px; | |||
} | |||
.redDiamondBottomLine { | |||
background-color:#a31317; | |||
height:2px; | |||
margin-top:16px | |||
} | |||
.redDiamondLeft { | |||
float:left; | |||
padding:0 14px 10px 8px; | |||
margin-top:-6px; | |||
} | |||
.redExample { | |||
border-left:3px solid #a31317; | |||
padding-left:12px; | |||
font-style:italic | |||
} | |||
.blueDiamond3 { | |||
background-color:#0a506f; | |||
width:35px; | |||
height:35px; | |||
margin:0 16px 0 4px; | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
transform:rotate(45deg); | |||
float:left; | |||
} | |||
.blueDiamondText3 { | |||
font-family:ConduitITC, arial; | |||
font-weight:700; | |||
color:#fefefe; | |||
transform:rotate(-45deg); | |||
margin:-2px 1px 0 0; | |||
} | |||
.OrText { | |||
position:absolute; | |||
left:50px; | |||
top:39px; | |||
font-family:ConduitITC, arial; | |||
font-weight:700; | |||
font-size:26px; | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
.EnhancementsPts { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size: 1.4em; | |||
} | |||
ul.EnhancementsPts { | |||
max-width:1000px; | |||
padding:0; | |||
overflow-x:hidden; | |||
list-style:none | |||
} | |||
ul.EnhancementsPts li:before { | |||
float:left; | |||
width:0; | |||
white-space:nowrap; | |||
content:". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . "". . . . . . . . . . . . . . . . . . . . " | |||
} | |||
ul.EnhancementsPts span:first-child { | |||
padding-right:0.26em; | |||
background:#fff; | |||
background:var(--bg-color) | |||
} | |||
ul.EnhancementsPts span + span { | |||
float:right; | |||
padding-left:0.2em; | |||
background:#fff; | |||
background:var(--bg-color) | |||
} | |||
.EnhancementsPtsBottom { | |||
padding-bottom:8px | |||
} | |||
.mission_header2 { | |||
font-family: 'ConduitITC', arial black; | |||
font-size: 1.57em; | |||
text-transform: uppercase; | |||
margin-bottom: -6px; | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.mission_header2 { | |||
font-size: 1.34em; | |||
margin-bottom: -8px; | |||
} | |||
} | |||
p { | |||
margin:0 0 5px 0; | |||
padding:0 | |||
} | |||
a { | |||
text-decoration: none | |||
} | |||
a:hover { | |||
text-decoration: underline | |||
} | |||
a:link { | |||
color: #255eff; | |||
color: var(--a-color) | |||
} | |||
a:visited { | |||
color: #7d25ce; | |||
color: var(--a-visited) | |||
} | |||
.WarningSign { | |||
background-image: url(/wh40k10ed/img/HeresyStump.png); | |||
background-repeat: no-repeat; | |||
height:192px; | |||
width:192px; | |||
position:absolute; | |||
top: -10px; | |||
left: 767px; | |||
} | |||
.WarningText { | |||
padding: 18px 160px 18px 100px; | |||
margin: 10px; | |||
font-family: times new roman, sans-serif; | |||
font-size: 20px; | |||
position: relative; | |||
} | |||
.selectionWarning { | |||
display:none; | |||
background-color:#d0d4ce; | |||
padding:14px; | |||
background:linear-gradient(-135deg, transparent 14px, #d0d4ce 0); | |||
margin:14px; | |||
max-width:400px; | |||
color:#000 | |||
} | |||
.selectionWarning_visible { | |||
background-color:#d0d4ce; | |||
padding:14px; | |||
background:linear-gradient(-135deg, transparent 14px, #d0d4ce 0); | |||
margin:14px; | |||
max-width:450px; | |||
color:#000 | |||
} | |||
[class~="selectionWarning"] a { | |||
color: #255eff | |||
} | |||
[class~="selectionWarning_visible"] a { | |||
color: #255eff | |||
} | |||
.WahapediaWarningSign { | |||
background-image: url(/img/Wahapedia_logo3.png); | |||
padding:0 10px 10px 0; | |||
background-repeat: no-repeat; | |||
height:40px; | |||
width:40px; | |||
float: left; | |||
} | |||
.WahapediaSmallSign { | |||
background-image: url(/img/Wahapedia_logo2.png); | |||
padding:0 4px 4px 0; | |||
background-repeat: no-repeat; | |||
height:17px; | |||
width:17px; | |||
float: left; | |||
} | |||
.terrHeader2 { | |||
border-bottom: 2px solid #000000; | |||
border-bottom: 2px solid var(--font-color); | |||
} | |||
.terrLegend { | |||
font-style:italic; | |||
font-family:'ConduitITC', arial black; | |||
} | |||
.terrHeader { | |||
margin-top:-1px; | |||
padding:0 6px 0 6px; | |||
font-size:1.54em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
background-color:#39525b; | |||
border-bottom:1px solid #000000; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
} | |||
.terrRule { | |||
padding:6px; | |||
border-bottom:1px dotted #000000; | |||
border-bottom:1px dotted var(--font-color) | |||
} | |||
.terrRuleUp { | |||
padding:6px; | |||
border-bottom:1px dotted #000000; | |||
border-bottom:1px dotted var(--font-color); | |||
border-top:1px dotted #000000; | |||
border-top:1px dotted var(--font-color) | |||
} | |||
.terrKeyword { | |||
font-size:1.1em; | |||
} | |||
.detachName { | |||
position:relative; | |||
top:-4px; | |||
font-size:1.1em; | |||
text-transform:uppercase; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
opacity:0.6; | |||
} | |||
.abWrap { | |||
border-bottom:3px solid #a31317; | |||
margin-left:30px; | |||
margin-bottom:16px | |||
} | |||
.abFlex { | |||
display:flex; | |||
justify-content:flex-start; | |||
align-items:center; | |||
} | |||
.abNameWrap { | |||
display:flex; | |||
flex-grow:1; | |||
margin-left:-11px; | |||
} | |||
.abName { | |||
flex-grow:4; | |||
margin-left:10px; | |||
background-color:#a31317; | |||
font-size:1.54em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
padding:0 10px 0 6px; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
line-height:normal; | |||
} | |||
.abDiamondWrap { | |||
width:80px; | |||
margin-left:-54px; | |||
margin-top:3px; | |||
} | |||
.abDiamond { | |||
background:var(--bg-color); | |||
border:3px solid #a31317; | |||
width:40px; | |||
height:40px; | |||
margin:auto; | |||
margin-top:0px; | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
transform:rotate(45deg) | |||
} | |||
.abIcon { | |||
width:33px; | |||
height:33px; | |||
background-image:url(/wh40k10ed/img/stratAbility.png); | |||
transform:rotate(-45deg) | |||
} | |||
.abLine { | |||
width:20px; | |||
height:3px; | |||
border-bottom:3px solid #a31317; | |||
margin-left:-12px; | |||
} | |||
.str10Wrap { | |||
margin:0 0 16px 3px; | |||
position:relative; | |||
} | |||
.str10ColorEither { | |||
color:#22796c | |||
} | |||
.str10ColorYour { | |||
color:#096691 | |||
} | |||
.str10ColorEnemy { | |||
color:#bf0d12 | |||
} | |||
.bak10ColorEither { | |||
background-color:#22796c; | |||
margin:4px 15px 4px 15px; | |||
padding:4px; | |||
border-radius:6px; | |||
} | |||
.bak10ColorYour { | |||
background-color:#096691; | |||
margin:4px 30px 4px 0; | |||
padding:4px; | |||
border-radius:6px; | |||
} | |||
.bak10ColorEnemy { | |||
background-color:#bf0d12; | |||
margin:4px 0 4px 30px; | |||
padding:4px; | |||
border-radius:6px; | |||
} | |||
.str10Name { | |||
margin-left:69px; | |||
font-size:1.54em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
color:inherit; | |||
line-height:normal; | |||
} | |||
.str10CP { | |||
font-size:1.4em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
color:inherit; | |||
transform:rotate(-45deg) | |||
} | |||
.str10Type { | |||
text-transform:uppercase; | |||
color:#000; | |||
color:var(--font-color); | |||
font-size:0.9em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
} | |||
.str10Legend { | |||
color:#000; | |||
color:var(--font-color); | |||
font-style:italic; | |||
font-family:ConduitITC,charcoal,arial black; | |||
} | |||
.str10BColor { | |||
font-weight:bold; | |||
color:inherit | |||
} | |||
.str10Text { | |||
color:#000; | |||
color:var(--font-color); | |||
font-family:ConduitITC,charcoal,arial black; | |||
} | |||
.str10Line { | |||
margin:6px 0 6px 0; | |||
height:2px; | |||
border-bottom:2px dotted #101010; | |||
border-bottom:2px dotted var(--font-color); | |||
} | |||
.str10Pos2 { | |||
margin-top:20px; | |||
} | |||
.str10DiamondWrap { | |||
width:45px; | |||
display:flex; | |||
flex-direction:column; | |||
margin-left:-63px; | |||
margin-top:-32px; | |||
position:absolute; | |||
} | |||
.str10Diamond { | |||
background:var(--bg-color); | |||
border:3px solid; | |||
width:40px; | |||
height:40px; | |||
margin:auto; | |||
margin-top:0px; | |||
display:flex; | |||
justify-content:center; | |||
align-items:center; | |||
transform:rotate(45deg) | |||
} | |||
.str10Any { | |||
margin:-2px 0 0 0; | |||
width:33px; | |||
height:33px; | |||
background-image:url(/wh40k10ed/img/stratAny.png); | |||
transform:rotate(-45deg) | |||
} | |||
.str10Fight { | |||
margin:-2px 2px 0 0; | |||
width:33px; | |||
height:33px; | |||
background-image:url(/wh40k10ed/img/stratFight.png); | |||
transform:rotate(-45deg) | |||
} | |||
.str10Charge { | |||
margin:-6px 6px 0 0; | |||
width:33px; | |||
height:33px; | |||
background-image:url(/wh40k10ed/img/stratCharge.png); | |||
transform:rotate(-45deg) | |||
} | |||
.str10Shooting { | |||
margin:-2px 2px 0 0; | |||
width:33px; | |||
height:33px; | |||
background-image:url(/wh40k10ed/img/stratShooting.png); | |||
transform:rotate(-45deg) | |||
} | |||
.str10Movement { | |||
margin:-3px 3px 0 0; | |||
width:33px; | |||
height:33px; | |||
background-image:url(/wh40k10ed/img/stratMovement.png); | |||
transform:rotate(-45deg) | |||
} | |||
.str10Command { | |||
margin:-2px 2px 0 0; | |||
width:33px; | |||
height:33px; | |||
background-image:url(/wh40k10ed/img/stratCommand.png); | |||
transform:rotate(-45deg) | |||
} | |||
.str10ConvEither { | |||
filter: invert(40%%) sepia(12%%) saturate(2210%%) hue-rotate(121deg) brightness(94%%) contrast(88%%); | |||
} | |||
.str10ConvYour { | |||
filter: invert(23%%) sepia(88%%) saturate(2002%%) hue-rotate(179deg) brightness(87%%) contrast(93%%); | |||
} | |||
.str10ConvEnemy { | |||
invert(10%%) sepia(76%%) saturate(6071%%) hue-rotate(352deg) brightness(102%%) contrast(99%%); | |||
} | |||
.str10Border { | |||
margin-top:3px; | |||
border-top:3px solid; | |||
border-left:28px solid; | |||
margin-left:16px; | |||
padding:8px 0 0 26px; | |||
} | |||
.s10Wrap { | |||
display:flex; | |||
flex-direction:row; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
font-family:ConduitITC,charcoal,arial black; | |||
} | |||
.s10Images { | |||
display:flex; | |||
flex-direction:column; | |||
padding:4px | |||
} | |||
.s10NameWrap { | |||
display:flex; | |||
flex-direction:column; | |||
} | |||
.s10NameWrapCP { | |||
display:flex; | |||
flex-direction:row; | |||
align-items:baseline; | |||
} | |||
.s10Name { | |||
padding-right:4px; | |||
font-size:1.1em; | |||
font-weight:bold; | |||
line-height:normal; | |||
} | |||
.s10Type { | |||
text-transform:uppercase; | |||
font-size:0.81em; | |||
font-weight:bold; | |||
padding-top:2px; | |||
} | |||
.s10Core { | |||
font-size:1.2em; | |||
font-weight:bold; | |||
padding: 0px 6px 0px 6px; | |||
background-color:#fefefe; | |||
background-color:var(--font-white); | |||
margin-left: auto; | |||
margin-top:auto; | |||
margin-bottom:auto; | |||
margin-right:-4px; | |||
} | |||
.s10Logo { | |||
height:17px; | |||
width:17px; | |||
filter:invert(0); | |||
filter:invert(var(--pic-inv)) | |||
} | |||
.s10Top4 { | |||
margin-top:4px; | |||
} | |||
.AnyPhase_logo { | |||
background-image:url(/wh40k10ed/img/expansions/AnyPhase_logo2.png) | |||
} | |||
.ChargePhase_logo { | |||
background-image:url(/wh40k10ed/img/expansions/ChargePhase_logo2.png) | |||
} | |||
.CommandPhase_logo { | |||
background-image:url(/wh40k10ed/img/expansions/CommandPhase_logo2.png) | |||
} | |||
.ShootingPhase_logo { | |||
background-image:url(/wh40k10ed/img/expansions/ShootingPhase_logo2.png) | |||
} | |||
.MovementPhase_logo { | |||
background-image:url(/wh40k10ed/img/expansions/MovementPhase_logo2.png) | |||
} | |||
.FightPhase_logo { | |||
background-image:url(/wh40k10ed/img/expansions/FightPhase_logo2.png) | |||
} | |||
.s10EnhWrap { | |||
display:flex; | |||
flex-direction:row; | |||
justify-content:space-between; | |||
margin:4px 0 4px 0; | |||
} | |||
.stratPts { | |||
font-size:1.54em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold | |||
} | |||
.stratPts_Vet { | |||
width:28px; | |||
height:28px; | |||
background-image:url(/wh40k10ed/img/MissionVeteranStratagem.png) | |||
} | |||
.stratName { | |||
font-size:1.54em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
text-align: center | |||
} | |||
.stratFaction { | |||
padding:0; | |||
font-weight:bold; | |||
font-style:italic; | |||
text-align: center | |||
} | |||
.stratLegend { | |||
padding:0 0 6px 0; | |||
font-style:italic; | |||
text-align: center | |||
} | |||
.stratLegend2 { | |||
padding:8px; | |||
text-align:center; | |||
font-style:italic; | |||
margin-bottom:10px; | |||
border-bottom:2px dotted #101010; | |||
border-bottom:2px dotted var(--font-color); | |||
} | |||
.stratWrapper_CS { | |||
margin:0px 4px 16px 4px | |||
} | |||
.stratWrapper_CA { | |||
margin: 0px 4px 10px 4px; | |||
border-bottom:1px dotted; | |||
padding-bottom:10px; | |||
} | |||
.stratName_CS { | |||
width:100%; | |||
align-items:center; | |||
margin-bottom:6px; | |||
border-bottom:2px solid; | |||
line-height:normal; | |||
font-size:1.4em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
display:flex; | |||
justify-content:space-between | |||
} | |||
.stratName_BG { | |||
width:100%; | |||
align-items:center; | |||
margin-bottom:6px; | |||
border-bottom:2px solid; | |||
line-height:normal; | |||
font-size:1.4em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
} | |||
.stratName_CR { | |||
width:100%; | |||
align-items:center; | |||
margin-bottom:6px; | |||
line-height:normal; | |||
font-size:1.4em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
display:flex; | |||
justify-content:space-between | |||
} | |||
.stratFaction_CS { | |||
font-weight:bold; | |||
font-style:italic; | |||
margin:6px 0 6px 0 | |||
} | |||
.stratAgenda { | |||
margin-left:-4px; | |||
border-left:2px solid; | |||
padding-left:6px; | |||
} | |||
.stratAwakeningAgenda { | |||
padding: 2px 8px 2px 8px; | |||
margin-bottom:10px; | |||
background-color:#245335; | |||
font-size:1.1em; | |||
font-weight:bold; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
font-family:ConduitITC,charcoal,arial black; | |||
} | |||
.stratReq { | |||
padding-top:3px; | |||
padding-bottom:3px; | |||
} | |||
.stratName_MO { | |||
margin-bottom:6px; | |||
font-size:1.4em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
background-color:#422b4c; | |||
padding:2px 8px 2px 8px; | |||
} | |||
.stratMO { | |||
border-bottom:1px dotted; | |||
margin-bottom:5px; | |||
padding-bottom:5px; | |||
font-style:italic; | |||
font-family:'ConduitITC', arial black; | |||
font-size:1.15em; | |||
} | |||
} | |||
.stratName_9k { | |||
padding:0 8px 0 4px; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
line-height:normal; | |||
font-size:1.54em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
display:flex; | |||
justify-content:space-between | |||
} | |||
.stratBattleTactic { | |||
background:linear-gradient(315deg, transparent 8px, #294a67 0) | |||
} | |||
.stratEpicDeed { | |||
background:linear-gradient(315deg, transparent 8px, #673d29 0) | |||
} | |||
.stratRequisition { | |||
background:linear-gradient(315deg, transparent 8px, #ba2617 0) | |||
} | |||
.stratStrategicPloy { | |||
background:linear-gradient(315deg, transparent 8px, #246656 0) | |||
} | |||
.stratWargear { | |||
background:linear-gradient(315deg, transparent 8px, #626869 0) | |||
} | |||
.cgHeadType { | |||
padding:8px; | |||
border-radius:0.5em 0.5em 0 0; | |||
} | |||
.cgHeader { | |||
color:#fefefe; | |||
color:var(--font-white); | |||
text-align:center; | |||
font-size:1.67em; | |||
font-family: 'ConduitITC', arial; | |||
font-weight:700; | |||
text-transform: uppercase; | |||
margin-block-start:0px | |||
} | |||
.cgType { | |||
color:#b6a46e; | |||
text-align:center; | |||
font-family:'ConduitITC', arial black; | |||
font-weight:bold; | |||
font-size:1.2em; | |||
text-transform:uppercase | |||
} | |||
.cgText { | |||
margin-bottom:8px; | |||
padding:0 8px 8px 8px | |||
} | |||
.cgTextPNFlex { | |||
display:flex; | |||
flex-direction:column | |||
} | |||
#cgStart { | |||
font-family: 'ConduitITC', arial black; | |||
font-weight:bold; | |||
font-size: 1.57em; | |||
border: 1px solid; | |||
border-radius: 0.3em; | |||
text-align:center; | |||
padding:3px; | |||
margin: 20px; | |||
cursor:pointer; | |||
user-select:none; | |||
color:#fff; | |||
color:var(--bg-color); | |||
background-color:#000; | |||
background-color:var(--font-color); | |||
} | |||
#cgStart:hover { | |||
background-color:#fff; | |||
background-color:var(--bg-color); | |||
color:#000; | |||
color:var(--font-color); | |||
} | |||
.cgDone { | |||
width:80px; | |||
font-family:'ConduitITC', arial black; | |||
font-weight:bold; | |||
font-size:1.2em; | |||
border:2px solid; | |||
border-radius:0.3em; | |||
text-align:center; | |||
padding:3px 6px 3px 6px; | |||
cursor:pointer; | |||
user-select:none; | |||
color:#101010; | |||
background-color:#ffff00; | |||
position:relative; | |||
} | |||
.cgDone:hover { | |||
background-color:#101010; | |||
color:#ffff00; | |||
} | |||
.cgCard { | |||
position:relative; | |||
margin:14px 8px 8px 8px; | |||
font-family:'ConduitITC', arial; | |||
background-color:#e5e0d1; | |||
background-color:var(--cg-card); | |||
border-radius:0.5em; | |||
flex-direction:column; | |||
width:316px; | |||
} | |||
.cgCardPN { | |||
position:relative; | |||
margin:14px 8px 8px 8px; | |||
font-family:'ConduitITC', arial; | |||
background-color:#e5e0d1; | |||
background-color:var(--cg-card); | |||
border-radius:0.5em; | |||
flex-direction:column; | |||
width:484px; | |||
} | |||
.cgCardLCA { | |||
font-family:'ConduitITC', arial; | |||
background-color:#e5e0d1; | |||
background-color:var(--cg-card); | |||
border-radius:0.5em; | |||
flex-direction:column; | |||
} | |||
.cgCard_pad { | |||
padding: 7px 0 7px 0 | |||
} | |||
.LCA_Drop { | |||
width:145px; | |||
display:inline-block; | |||
text-align:right; | |||
} | |||
@media only screen and (max-width: 532px) { | |||
.LCA_Drop { | |||
text-align:left | |||
} | |||
} | |||
.LCA_DropW { | |||
width:210px; | |||
} | |||
.LCA_header { | |||
color:#fefefe; | |||
color:var(--font-white); | |||
font-size:2em; | |||
margin:0px 0px 8px 0px; | |||
padding:4px 0 4px 8px; | |||
font-family:'ConduitITC', arial; | |||
margin-block-start:0px; | |||
} | |||
.LCA_header_1 { | |||
background-color:#4f4f4f | |||
} | |||
.LCA_header_A { | |||
background-color:#3e0602 | |||
} | |||
.LCA_header_D { | |||
background-color:#0e3c25 | |||
} | |||
#LCA_SecondaryMission { | |||
height:662px | |||
} | |||
#LCA_SecondaryMission2 { | |||
height:662px | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.cgCardSM { | |||
height:auto | |||
} | |||
#TW_SecondaryMission { | |||
height:auto | |||
} | |||
#TW_SecondaryMission2 { | |||
height:auto | |||
} | |||
} | |||
.cgLine { | |||
border-bottom: 2px groove #000000; | |||
border-bottom: 2px groove var(--font-color); | |||
margin: 0 0 10px 0; | |||
} | |||
#cgLeft { | |||
font-weight:normal; | |||
margin-left:10px; | |||
font-size:0.9em | |||
} | |||
#cgLeft2 { | |||
font-weight:normal; | |||
margin-left:10px; | |||
font-size:0.9em | |||
} | |||
.hDlt { | |||
background-color:#140801 | |||
} | |||
.hSec { | |||
background-color:#3e0602 | |||
} | |||
.hSec_D { | |||
background-color:#0e3c25 | |||
} | |||
.hGam { | |||
background-color:#5f0000 | |||
} | |||
.hGam_D { | |||
background-color:#145840 | |||
} | |||
.btnImg { | |||
height: 26px; | |||
margin-bottom:-8px; | |||
} | |||
.lcaWhen { | |||
background-color:#2f7686; | |||
color:#fefefe; | |||
font-weight:bold; | |||
color:var(--font-white); | |||
font-size:1.1em; | |||
text-align:center; | |||
margin-bottom:6px; | |||
} | |||
.lcaNote { | |||
color:#a31317; | |||
color:var(--redfont) | |||
} | |||
.lcaFixedMission { | |||
width:24px; | |||
height:32px; | |||
background-image:url(/wh40k10ed/img/FixedMission.png); | |||
float:left; | |||
margin-top:6px; | |||
padding:0 12px 6px 0; | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)); | |||
background-repeat:no-repeat; | |||
} | |||
.lcaFixedControls { | |||
display:flex; | |||
justify-content:space-between; | |||
align-items:center; | |||
flex-wrap:wrap; | |||
} | |||
.pnWhen { | |||
display:flex; | |||
justify-content:space-between; | |||
padding:3px 9px 3px 9px; | |||
text-transform:uppercase; | |||
background-color:#0a506f; | |||
color:#fefefe; | |||
font-weight:bold; | |||
color:var(--font-white); | |||
margin: 13px 0 13px 0; | |||
} | |||
.pnWhen_A { | |||
display:flex; | |||
justify-content:space-between; | |||
padding:3px 9px 3px 9px; | |||
text-transform:uppercase; | |||
background-color:#3e0602; | |||
color:#fefefe; | |||
font-weight:bold; | |||
color:var(--font-white); | |||
margin: 13px 0 13px 0; | |||
} | |||
.pnWhen_D { | |||
display:flex; | |||
justify-content:space-between; | |||
padding:3px 9px 3px 9px; | |||
text-transform:uppercase; | |||
background-color:#0e3c25; | |||
color:#fefefe; | |||
font-weight:bold; | |||
color:var(--font-white); | |||
margin: 13px 0 13px 0; | |||
} | |||
.pnWhenOR { | |||
padding:3px 9px 3px 9px; | |||
text-transform:uppercase; | |||
background-color:#576b74; | |||
color:#fefefe; | |||
font-weight:bold; | |||
color:var(--font-white); | |||
text-align:center; | |||
margin-bottom:6px; | |||
} | |||
.pnActionWrapTop { | |||
height:0; | |||
padding-right:10px | |||
} | |||
.pnActionWrap_ATop { | |||
height:0; | |||
padding-right:10px | |||
} | |||
.pnActionWrap_DTop { | |||
height:0; | |||
padding-right:10px | |||
} | |||
.pnActionWrap { | |||
border:2px solid #fefefe; | |||
border:2px solid var(--pn-action); | |||
background-color:#0a506f; | |||
width:30px; | |||
height:30px; | |||
transform:rotate(45deg); | |||
margin-top:-6px | |||
} | |||
.pnActionWrap_A { | |||
border:2px solid #fefefe; | |||
border:2px solid var(--pn-action); | |||
background-color:#3e0602; | |||
width:30px; | |||
height:30px; | |||
transform:rotate(45deg); | |||
margin-top:-6px | |||
} | |||
.pnActionWrap_D { | |||
border:2px solid #fefefe; | |||
border:2px solid var(--pn-action); | |||
background-color:#0e3c25; | |||
width:30px; | |||
height:30px; | |||
transform:rotate(45deg); | |||
margin-top:-6px | |||
} | |||
.pnAction { | |||
transform:rotate(-45deg); | |||
margin-left:5px; | |||
margin-top:-2px | |||
} | |||
.pnVP { | |||
font-size:1.2em; | |||
font-weight:bold | |||
} | |||
.pnPlus { | |||
color:#fefefe; | |||
color:var(--font-white); | |||
width:26px; | |||
height:26px; | |||
background-color:#752b2b; | |||
padding:4px; | |||
text-align:center; | |||
font-weight:bold; | |||
font-size:1.2em; | |||
} | |||
.pnPlus_D { | |||
color:#fefefe; | |||
color:var(--font-white); | |||
width:26px; | |||
height:26px; | |||
background-color:#2b7539; | |||
padding:4px; | |||
text-align:center; | |||
font-weight:bold; | |||
font-size:1.2em; | |||
} | |||
.pnFixedMission { | |||
width:24px; | |||
height:32px; | |||
background-image:url(/wh40k10ed/img/FixedMission.png); | |||
margin:12px 0 0 6px; | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)); | |||
background-repeat:no-repeat; | |||
} | |||
.pnColorA { | |||
color:#bf0d12 | |||
} | |||
.pnColorD { | |||
color:#117d47 | |||
} | |||
.cgCardSet { | |||
display:flex; | |||
flex-wrap:wrap; | |||
justify-content:left; | |||
} | |||
.cgReshuffle { | |||
user-select:none; | |||
cursor:pointer; | |||
top:-12px; | |||
left:12px; | |||
position:absolute; | |||
width:36px; | |||
height:36px; | |||
background-image:url(/wh40k10ed/img/cgReshuffle.png) | |||
} | |||
.cgDiscard { | |||
user-select:none; | |||
cursor:pointer; | |||
top:-12px; | |||
right:12px; | |||
position:absolute; | |||
width:35px; | |||
height:36px; | |||
background-image:url(/wh40k10ed/img/cgDiscard.png) | |||
} | |||
.cgReject { | |||
user-select:none; | |||
cursor:pointer; | |||
top:-12px; | |||
left:12px; | |||
position:absolute; | |||
width:35px; | |||
height:36px; | |||
background-image:url(/wh40k10ed/img/cgReject.png) | |||
} | |||
.cgShowHide { | |||
user-select:none; | |||
cursor:pointer; | |||
top:-12px; | |||
left:12px; | |||
position:absolute; | |||
width:36px; | |||
height:36px; | |||
background-image:url(/wh40k10ed/img/cgShowHide.png) | |||
} | |||
.cgPick { | |||
user-select:none; | |||
cursor:pointer; | |||
top:-12px; | |||
left:12px; | |||
position:absolute; | |||
width:35px; | |||
height:36px; | |||
background-image:url(/wh40k10ed/img/cgPick.png) | |||
} | |||
.cgUnderButton { | |||
user-select:none; | |||
top:-16px; | |||
left:8px; | |||
position:absolute; | |||
width:43px; | |||
height:44px; | |||
border-radius:50%; | |||
background-color:#fff; | |||
background-color:var(--bg-color); | |||
} | |||
.cgUnderButtonRight { | |||
user-select:none; | |||
top:-16px; | |||
right:8px; | |||
position:absolute; | |||
width:43px; | |||
height:44px; | |||
border-radius:50%; | |||
background-color:#fff; | |||
background-color:var(--bg-color); | |||
} | |||
.cgDraw_Button { | |||
font-family:'ConduitITC', arial; | |||
font-size:2.5em; | |||
font-weight:700; | |||
background-color:#e5e0d1; | |||
background-color:var(--cg-card); | |||
border-radius:0.5em; | |||
width:316px; | |||
min-height:250px; | |||
border:7px dashed; | |||
opacity:0.5; | |||
user-select:none; | |||
cursor:pointer; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
} | |||
.cgDraw_Button:hover { | |||
opacity:1 | |||
} | |||
.cgDrawPN_Button { | |||
flex-direction:column; | |||
font-family:'ConduitITC', arial; | |||
font-size:2.5em; | |||
font-weight:700; | |||
background-color:#e5e0d1; | |||
background-color:var(--cg-card); | |||
border-radius:0.5em; | |||
width:470px; | |||
min-height:280px; | |||
border:7px dashed; | |||
opacity:0.5; | |||
user-select:none; | |||
cursor:pointer; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
margin:8px; | |||
} | |||
.cgDrawPN_Button:hover { | |||
opacity:1 | |||
} | |||
.btnDrawComment { | |||
text-align:center; | |||
font-size:0.6em; | |||
font-weight:100; | |||
padding:0 20px 20px 20px; | |||
} | |||
.Card3D { | |||
perspective: 1000px; | |||
transform-style: preserve-3d; | |||
display:table | |||
} | |||
.animDiscard { | |||
animation: animDiscardKey 0.25s ease-out | |||
} | |||
@keyframes animDiscardKey { | |||
0% { | |||
transform: rotateY(0deg) | |||
} | |||
100% { | |||
transform: rotateY(90deg) | |||
} | |||
} | |||
.animReshuffle { | |||
animation: animReshuffleKey 0.25s ease-in | |||
} | |||
@keyframes animReshuffleKey { | |||
0% { | |||
transform: rotateY(-90deg) | |||
} | |||
100% { | |||
transform: rotateY(0deg) | |||
} | |||
} | |||
.cgMissionName { | |||
padding:8px 0 8px 0; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-size:1.2em; | |||
display:inline-block; | |||
font-weight:700 | |||
} | |||
.cgSwitch { | |||
top:-3px; | |||
position: relative; | |||
display: inline-block; | |||
width:48px; | |||
height:28px; | |||
} | |||
.cgSwitch input { | |||
opacity: 0; | |||
width: 0; | |||
height: 0; | |||
} | |||
.cgSlider { | |||
position: absolute; | |||
cursor: pointer; | |||
top:0; | |||
left:0; | |||
right:0; | |||
bottom:0; | |||
-webkit-transition:.1s; | |||
transition:.1s; | |||
} | |||
.cgSlider:before { | |||
position: absolute; | |||
content: ""; | |||
height:20px; | |||
width:20px; | |||
left:2px; | |||
bottom:2px; | |||
background-color:#101010; | |||
background-color:var(--font-color); | |||
-webkit-transition:.1s; | |||
transition:.1s; | |||
} | |||
input:checked + .cgSlider { | |||
} | |||
input:focus + .cgSlider { | |||
} | |||
input:checked + .cgSlider:before { | |||
-webkit-transform: translateX(20px); | |||
-ms-transform: translateX(20px); | |||
transform: translateX(20px); | |||
} | |||
.cgSlider.cgRound { | |||
border-radius: 28px; | |||
border:2px solid #101010; | |||
border:2px solid var(--font-color); | |||
} | |||
.cgSlider.cgRound:before { | |||
border-radius: 50%; | |||
} | |||
.faq { | |||
margin:8px 0 8px 0 | |||
} | |||
.faq_Q { | |||
padding: 0 5px 0 5px; | |||
font-family:times new roman, serif; | |||
font-size:1em; | |||
font-style:italic; | |||
font-weight:bold | |||
} | |||
.faq_Q_line { | |||
background-color:#dee2e1; | |||
background-color:var(--faq-bg) | |||
} | |||
.faq_A { | |||
padding: 0 5px 0 5px; | |||
font-family:times new roman, serif; | |||
font-size:1em; | |||
font-weight:bold; | |||
color:#a31317; | |||
color:var(--first-letter) | |||
} | |||
.detachHeader { | |||
display:flex; | |||
justify-content:space-between | |||
} | |||
.detachDescr { | |||
width:300px; | |||
border-right:1px solid #3c525a; | |||
float:left; | |||
padding-right:8px | |||
} | |||
.detachDescrW { | |||
width:691px; | |||
border-right:1px solid #3c525a; | |||
float:left; | |||
padding-right:8px | |||
} | |||
.detachDescrS { | |||
width:452px; | |||
border-right:1px solid #3c525a; | |||
float:left; | |||
padding-right:8px | |||
} | |||
.detachDescr100 { | |||
width:100%; | |||
border-bottom:1px solid #3c525a; | |||
padding-bottom:8px | |||
} | |||
.detachShowMobile { | |||
display:none | |||
} | |||
.detachShowShort { | |||
padding-top:6px; | |||
display:none; | |||
font-size:1.2em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
} | |||
.detachHideShort { | |||
display:inline-block | |||
} | |||
.detachHideShort2 { | |||
display:inline-block; | |||
width:952px; | |||
} | |||
@media only screen and (max-width: 532px) { | |||
.detachHideShort { | |||
display:none | |||
} | |||
.detachShowShort { | |||
display:block | |||
} | |||
.detachHideShort2 { | |||
display:none | |||
} | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.detachShowMobile { | |||
display:block | |||
} | |||
.detachHideMobile { | |||
display:none | |||
} | |||
.detachHideShort2 { | |||
width:100% | |||
} | |||
.detachDescr { | |||
width:100%; | |||
border-right:0px; | |||
border-bottom:1px solid #3c525a; | |||
float:none; | |||
padding-right:0px; | |||
padding-bottom:8px | |||
} | |||
.detachDescrW { | |||
width:100%; | |||
border-right:0px; | |||
border-bottom:1px solid #3c525a; | |||
float:none; | |||
padding-right:0px; | |||
padding-bottom:8px | |||
} | |||
.detachDescrS { | |||
width:100%; | |||
border-right:0px; | |||
border-bottom:1px solid #3c525a; | |||
float:none; | |||
padding-right:0px; | |||
padding-bottom:8px | |||
} | |||
} | |||
.detachLine { | |||
margin:5px 0; | |||
border-bottom:1px solid #000000; | |||
border-bottom:1px solid var(--font-color) | |||
} | |||
.dbrWrapper { | |||
border: 1px dashed #555555; | |||
color:var(--DiargamBattleRound-color); | |||
background:var(--DiargamBattleRound-bg) | |||
} | |||
.DiargamBattleRound { | |||
color: #555555; | |||
color:var(--DiargamBattleRound-color); | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
; | |||
font-size:1.67em; | |||
padding:4px | |||
} | |||
.DiagramName1 { | |||
font-family:ConduitITC; | |||
font-weight:400; | |||
font-size:1.37em; | |||
margin-bottom:6px; | |||
border-bottom: 1px solid #fefefe; | |||
border-bottom: 1px solid var(--font-white) | |||
} | |||
.DiagramBox1 { | |||
width:458px; | |||
padding:10px; | |||
margin:10px; | |||
color:#fefefe; | |||
color:var(--font-white) | |||
} | |||
.DiagramFrame { | |||
display:table; | |||
width:100% | |||
} | |||
.diagram_neutral { | |||
background:linear-gradient(225deg, transparent 10px, #6f7d7b 0); | |||
background:linear-gradient(225deg, transparent 10px, var(--diag-neutral) 0) | |||
} | |||
.diagram_enemy { | |||
background:linear-gradient(225deg, transparent 10px, #743f31 0); | |||
background:linear-gradient(225deg, transparent 10px, var(--diag-enemy) 0) | |||
} | |||
.diagram_yours { | |||
background:linear-gradient(225deg, transparent 10px, #417060 0); | |||
background:linear-gradient(225deg, transparent 10px, var(--diag-your) 0) | |||
} | |||
.cruSMBack { | |||
display:flex; | |||
justify-content:space-between; | |||
position:relative; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
background-color:#000000; | |||
padding:2px 10px 2px 10px; | |||
} | |||
.cgHPUnderButton_wrap { | |||
position:unset; | |||
float:left; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
} | |||
.cgHPUnderButton { | |||
display:inline-block; | |||
right:179px; | |||
top:-14px; | |||
position:absolute; | |||
width:64px; | |||
height:64px; | |||
border-radius:50%; | |||
background-color:#fff; | |||
background-color:var(--bg-color); | |||
} | |||
.cruHonourPoints { | |||
display:inline-block; | |||
width:64px; | |||
height:64px; | |||
background-image:url(/wh40k10ed/img/cruHonourPoints.png); | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)) | |||
} | |||
.cruHonourPointsNEC { | |||
display:inline-block; | |||
width:64px; | |||
height:64px; | |||
background-image:url(/wh40k10ed/img/BlackStone.png); | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)) | |||
} | |||
.cruHonourPointsPariah1 { | |||
display:inline-block; | |||
width:64px; | |||
height:64px; | |||
background-image:url(/wh40k10ed/img/PariahPoints1.png) | |||
} | |||
.cruHonourPointsPariah2 { | |||
display:inline-block; | |||
width:64px; | |||
height:64px; | |||
background-image:url(/wh40k10ed/img/PariahPoints2.png) | |||
} | |||
.cruHonourPointsPariah3 { | |||
display:inline-block; | |||
width:64px; | |||
height:64px; | |||
background-image:url(/wh40k10ed/img/PariahPoints3.png) | |||
} | |||
.cruHonourNumber { | |||
position:relative; | |||
right:-17px; | |||
top:15px; | |||
text-align:center; | |||
width:30px; | |||
} | |||
.cruHonourNumberNEC { | |||
position:relative; | |||
right:-17px; | |||
top:27px; | |||
text-align:center; | |||
width:30px; | |||
color:#101010; | |||
} | |||
.cruHonourNumberORK { | |||
position:relative; | |||
right:-17px; | |||
top:27px; | |||
text-align:center; | |||
width:30px; | |||
color:#ffffff; | |||
} | |||
.cruBiogenesis { | |||
font-size:0.75em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:100 | |||
} | |||
.cruName { | |||
display:inline-block; | |||
font-size:1.54em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold | |||
} | |||
.cruThinName { | |||
float:right; | |||
font-size:1.54em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:normal | |||
} | |||
.cruThinName_long { | |||
display:inline-block | |||
} | |||
.cruThinName_short { | |||
display:none | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.cgHPUnderButton { | |||
right:97px; | |||
top:-16px; | |||
} | |||
.cruThinName_long { | |||
display:none | |||
} | |||
.cruThinName_short { | |||
display:inline-block | |||
} | |||
.cruHonourNumber { | |||
right:-19px; | |||
top:18px; | |||
width:26px; | |||
} | |||
} | |||
.cruMissionHeader { | |||
text-transform:uppercase; | |||
margin-bottom:-11px; | |||
font-size:1.54em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
border-bottom:2px solid; | |||
} | |||
.cruHeaderD6 { | |||
padding:4px 6px; | |||
float:right; | |||
margin:-10px 0px 3px 10px; | |||
border-radius:0.2em; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
font-size:1.4em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold | |||
} | |||
.padLeft8 { | |||
padding-left:8px | |||
} | |||
.cruD6wrap { | |||
padding:3px 0 6px 8px; | |||
width:40px; | |||
display:flex; | |||
justify-content:space-between; | |||
} | |||
.cruD6wrap2 { | |||
padding:3px 0 6px 8px; | |||
width:58px; | |||
display:flex; | |||
justify-content:space-between; | |||
} | |||
.cruD6wrap3 { | |||
padding:3px 0 6px 8px; | |||
width:87px; | |||
display:flex; | |||
justify-content:space-between; | |||
} | |||
.cruD1 { | |||
background-repeat:no-repeat; | |||
display:inline-block; | |||
width:24px; | |||
height:24px; | |||
background-image:url(/wh40k10ed/img/cruD1.png); | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)) | |||
} | |||
.cruD2 { | |||
background-repeat:no-repeat; | |||
display:inline-block; | |||
width:24px; | |||
height:24px; | |||
background-image:url(/wh40k10ed/img/cruD2.png); | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)) | |||
} | |||
.cruD3 { | |||
background-repeat:no-repeat; | |||
display:inline-block; | |||
width:24px; | |||
height:24px; | |||
background-image:url(/wh40k10ed/img/cruD3.png); | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)) | |||
} | |||
.cruD4 { | |||
background-repeat:no-repeat; | |||
display:inline-block; | |||
width:24px; | |||
height:24px; | |||
background-image:url(/wh40k10ed/img/cruD4.png); | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)) | |||
} | |||
.cruD5 { | |||
background-repeat:no-repeat; | |||
display:inline-block; | |||
width:24px; | |||
height:24px; | |||
background-image:url(/wh40k10ed/img/cruD5.png); | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)) | |||
} | |||
.cruD6 { | |||
background-repeat:no-repeat; | |||
display:inline-block; | |||
width:24px; | |||
height:24px; | |||
background-image:url(/wh40k10ed/img/cruD6.png); | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)) | |||
} | |||
.cruOR_wrap { | |||
padding:8px 0 8px 0 | |||
} | |||
.AS_Acts { | |||
background:#000000; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
font-family:'Germania', arial; | |||
font-size:1.4em; | |||
padding:2px 4px 2px 4px; | |||
} | |||
.AS_Reward { | |||
background:#8d0008; | |||
color:#fefefe; | |||
color:var(--font-white); | |||
font-family:'Germania', arial; | |||
font-size:1.4em; | |||
padding:2px 4px 2px 4px; | |||
} | |||
.cruORtarget_wrap { | |||
margin:-8px 0 8px 0; | |||
} | |||
.cruOR { | |||
color:#fefefe; | |||
color:var(--font-white); | |||
font-size:1.2em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
background:#000000; | |||
position:relative; | |||
width:150px; | |||
height:30px; | |||
margin:auto; | |||
padding-top:5px; | |||
text-align:center; | |||
} | |||
.cruOR::before { | |||
content:''; | |||
position:absolute; | |||
left:-64px; | |||
top: 14px; | |||
border:4px solid transparent; | |||
border-right:60px solid #000000; | |||
} | |||
.cruOR::after { | |||
content:''; | |||
position:absolute; | |||
right:-64px; | |||
top: 14px; | |||
border:4px solid transparent; | |||
border-left:60px solid #000000; | |||
} | |||
.cruSMHonour { | |||
display:flex; | |||
justify-content:space-between; | |||
align-items:center; | |||
} | |||
.cruOR_NE_wrap { | |||
padding:10px; | |||
margin:auto; | |||
} | |||
.cruOR_NE_1 { | |||
width:50px; | |||
height:50px; | |||
background-color:#245335; | |||
border-radius:50%; | |||
display:flex; | |||
align-items:center; | |||
justify-content:center; | |||
position:relative; | |||
} | |||
.cruOR_NE_2 { | |||
width:46px; | |||
height:46px; | |||
background-color:#fefefe; | |||
background-color:var(--font-white); | |||
border-radius:50%; | |||
position:absolute; | |||
} | |||
.cruOR_NE_3 { | |||
position:absolute; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-size:25px; | |||
font-weight:bold; | |||
color:#245335; | |||
} | |||
.cruOR_NE_w { | |||
max-width:448px; | |||
} | |||
.seeDiag { | |||
color:#fefefe; | |||
color:var(--font-white); | |||
background-color:#206258; | |||
padding:2px | |||
} | |||
.tauCrWrap { | |||
display:inline-block; | |||
float:right; | |||
margin-top:6px | |||
} | |||
.tauCrDP { | |||
display:inline-block; | |||
height:14px; | |||
width:36px; | |||
margin-right:4px; | |||
background:#12513f; | |||
border-radius:3px; | |||
border:1px solid #101010; | |||
border:1px solid var(--font-color) | |||
} | |||
.tauCrDP_ { | |||
display:inline-block; | |||
height:14px; | |||
width:36px; | |||
margin-right:4px; | |||
border-radius:3px; | |||
border:1px solid #101010; | |||
border:1px solid var(--font-color) | |||
} | |||
.tauCrMP { | |||
display:inline-block; | |||
height:14px; | |||
width:36px; | |||
margin-right:4px; | |||
background:#ad1b1c; | |||
border-radius:3px; | |||
border:1px solid #101010; | |||
border:1px solid var(--font-color) | |||
} | |||
.tauCrMP_ { | |||
display:inline-block; | |||
height:14px; | |||
width:36px; | |||
margin-right:4px; | |||
border-radius:3px; | |||
border:1px solid #101010; | |||
border:1px solid var(--font-color) | |||
} | |||
.AdM_img { | |||
float:left; | |||
padding:6px 16px 6px 0; | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.cruOR_NE_w { | |||
max-width:unset; | |||
} | |||
} | |||
.float_left { | |||
float:left | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.float_left { | |||
float:none | |||
} | |||
.DiagramBox1 { | |||
width:400px; | |||
padding:8px; | |||
margin:8px; | |||
} | |||
.DiagramBox1 p { | |||
margin:0 | |||
} | |||
} | |||
@media only screen and (max-width: 532px) { | |||
.DiagramBox1 { | |||
width:275px; | |||
padding:6px; | |||
margin:6px; | |||
} | |||
.cruD6wrap { | |||
width:24px; | |||
} | |||
.cruHeaderD6 { | |||
display:none | |||
} | |||
} | |||
.float_right { | |||
float:right | |||
} | |||
.float_center { | |||
display:flex; | |||
justify-content:center; | |||
align-items:center | |||
} | |||
.flex_left { | |||
display:flex; | |||
justify-content:left; | |||
align-items:center | |||
} | |||
.cp10Name { | |||
font-size:1.54em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
color:inherit; | |||
line-height:normal; | |||
padding:4px; | |||
} | |||
.cp10Border { | |||
border:2px solid | |||
} | |||
.cpHeader { | |||
font-size:1.2em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
color:inherit; | |||
border-width:2px 0; | |||
border-color:inherit; | |||
border-style:solid; | |||
padding: 2px 6px 2px 6px; | |||
} | |||
.cpLine { | |||
border-top:2px solid; | |||
margin:16px 0 | |||
} | |||
.cpWhen { | |||
font-family:ConduitITC,charcoal,arial black; | |||
background-color:#bdc1be; | |||
background-color:var(--cp-grey); | |||
color:#101010; | |||
font-weight:bold; | |||
font-size:1.1em; | |||
text-align:center; | |||
margin-bottom:6px; | |||
} | |||
.stratName_CP { | |||
margin-bottom:6px; | |||
font-size:1.4em; | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:bold; | |||
color:#101010; | |||
background-color:#bdc1be; | |||
background-color:var(--cp-grey); | |||
padding:2px 8px 2px 8px; | |||
margin-top:8px; | |||
} | |||
.cp_legend2 { | |||
font-style:italic; | |||
margin:8px 0; | |||
} | |||
body { | |||
width: 95%; | |||
height: 100%; | |||
font-size:1.1em; | |||
font-family:Minion-Pro,times new roman,sans-serif; | |||
background: unset; | |||
background: var(--bg-body); | |||
color: unset; | |||
color: var(--font-color); | |||
-webkit-font-smoothing: antialiased; | |||
-moz-osx-font-smoothing: grayscale; | |||
text-rendering: optimizeLegibility; | |||
} | |||
@media only screen and (max-width: 800px) { | |||
body { | |||
width:95%; | |||
font-size:1em | |||
} | |||
} | |||
.showMobile { | |||
display:none | |||
} | |||
.showShort { | |||
display:none | |||
} | |||
.showShort2 { | |||
display:none | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.hideMobile { | |||
display:none | |||
} | |||
.showMobile { | |||
display:block | |||
} | |||
} | |||
@media only screen and (max-width: 700px) { | |||
.hideShort { | |||
display:none | |||
} | |||
.showShort { | |||
display:block | |||
} | |||
} | |||
@media only screen and (max-width: 532px) { | |||
.hideShort2 { | |||
display:none | |||
} | |||
.showShort2 { | |||
display:block | |||
} | |||
} | |||
.grecaptcha-badge { | |||
display:none; | |||
box-shadow:none | |||
} | |||
.grecaptcha-logo { | |||
display:none | |||
} | |||
.block_short { | |||
display:none | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.block_short { | |||
display:block | |||
} | |||
.block_long { | |||
display:none | |||
} | |||
} | |||
.block_very_short { | |||
display:none | |||
} | |||
@media only screen and (max-width: 532px) { | |||
.block_very_short { | |||
display:block | |||
} | |||
.block_long2 { | |||
display:none | |||
} | |||
} | |||
#wrapper { | |||
border:1px solid #cccccc; | |||
border:1px solid var(--bg-body-border); | |||
background:#fff; | |||
background:var(--bg-color); | |||
width:1000px; | |||
margin: 0px auto; | |||
padding: 10px; | |||
height: auto !important | |||
} | |||
#wrapper2 { | |||
width:1000px; | |||
margin: 0px auto | |||
} | |||
@media only screen and (max-width: 800px) { | |||
#wrapper { | |||
min-width:320px; | |||
width: auto | |||
} | |||
#wrapper2 { | |||
min-width:320px; | |||
width: auto | |||
} | |||
} | |||
@media only screen and (max-width: 700px) { | |||
body { | |||
width:100%; | |||
margin:0px | |||
} | |||
#wrapper { | |||
border:none; | |||
border-bottom:1px solid #cccccc; | |||
border-bottom:1px solid var(--bg-body-border); | |||
} | |||
} | |||
.lfWrapper { | |||
max-width:400px | |||
} | |||
.lfLabel { | |||
display:inline-block; | |||
width:70px; | |||
text-align:right | |||
} | |||
.lfInput_w { | |||
width:190px | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.lfInput_w { | |||
max-width:176px | |||
} | |||
} | |||
.lfInput { | |||
border:1px solid #cccccc; | |||
border: 1px solid var(--bg-body-border); | |||
font-family:monospace; | |||
padding:4px 6px; | |||
margin:2px 0; | |||
background:unset; | |||
background:var(--bg-body); | |||
color:unset; | |||
color:var(--font-color); | |||
} | |||
input:-webkit-autofill { | |||
-webkit-box-shadow: 0 0 0px 1000px var(--bg-body) inset; | |||
-webkit-text-stroke-color: var(--font-color); | |||
-webkit-text-fill-color: var(--font-color); | |||
} | |||
-webkit-autofill::first-line, | |||
-webkit-autofill, | |||
-webkit-autofill:hover, | |||
-webkit-autofill:focus, | |||
-webkit-autofill:active { | |||
font-family: monospace | |||
} | |||
.lfButton { | |||
font-family: monospace; | |||
font-size: 1.1em; | |||
border: 1px solid; | |||
border-radius: 0.2em; | |||
text-align:center; | |||
padding:3px 10px 4px 10px; | |||
margin:2px; | |||
cursor:pointer; | |||
user-select:none; | |||
color:#fff; | |||
color:var(--bg-color); | |||
background-color:#000; | |||
background-color:var(--font-color); | |||
} | |||
.lfButton:hover { | |||
background-color:#fff; | |||
background-color:var(--bg-color); | |||
color:#000; | |||
color:var(--font-color); | |||
} | |||
.lfDisableAds { | |||
width:271px; | |||
font-family: monospace; | |||
font-weight:bold; | |||
font-size: 1.1em; | |||
border: 1px solid; | |||
border-radius: 0.2em; | |||
text-align:center; | |||
padding:3px 10px 4px 10px; | |||
margin:10px 8px; | |||
cursor:pointer; | |||
user-select:none; | |||
color:#fff; | |||
color:var(--bg-color); | |||
background-color:#ff6c2e | |||
} | |||
.lfDisableAds:hover { | |||
background-color:#fff; | |||
background-color:var(--bg-color); | |||
color:#ff6c2e | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.lfDisableAds { | |||
width:257px | |||
} | |||
} | |||
#error-login { | |||
background:#cc0000; | |||
color:#fefefe; | |||
position:fixed; | |||
text-align:center; | |||
top:0; | |||
left:0; | |||
right:0; | |||
margin-left:auto; | |||
margin-right:auto; | |||
margin-top:-50px; | |||
padding:10px 10px; | |||
opacity:0; | |||
display:none; | |||
width:120px; | |||
z-index:1000 | |||
} | |||
#email-sent { | |||
background:#21765d; | |||
color:#fefefe; | |||
position:fixed; | |||
text-align:center; | |||
top:0; | |||
left:0; | |||
right:0; | |||
margin-left:auto; | |||
margin-right:auto; | |||
margin-top:-50px; | |||
padding:10px 10px; | |||
opacity:0; | |||
display:none; | |||
width:120px; | |||
z-index:1000 | |||
} | |||
.slide-bottom { | |||
-webkit-animation: slide-in-fade-out 4s ease-in-out 0s 1; | |||
animation: slide-in-fade-out 4s ease-in-out 0s 1 | |||
} | |||
@-webkit-keyframes slide-in-fade-out { | |||
0% { | |||
margin-top:-50px; | |||
opacity:1; | |||
} | |||
10%, | |||
90% { | |||
margin-top:20px; | |||
opacity:1; | |||
} | |||
100% { | |||
margin-top:20px; | |||
opacity:0; | |||
} | |||
} | |||
@keyframes slide-in-fade-out { | |||
0% { | |||
margin-top:-50px; | |||
opacity:1; | |||
} | |||
10%, | |||
90% { | |||
margin-top:20px; | |||
opacity:1; | |||
} | |||
100% { | |||
margin-top:20px; | |||
opacity:0; | |||
} | |||
} | |||
.page_breaker { | |||
height:26px; | |||
width:100%; | |||
clear:both; | |||
position:relative | |||
} | |||
.page_br1 { | |||
height:8px; | |||
background:#fff; | |||
background:var(--bg-color); | |||
position:absolute; | |||
left:-11px; | |||
right:-11px; | |||
border:1px solid #cccccc; | |||
border:1px solid var(--bg-body-border); | |||
border-width:0 1px 1px 1px | |||
} | |||
.page_br2 { | |||
height:8px; | |||
top:9px; | |||
background:#eeeeee; | |||
background:var(--bg-body); | |||
position:absolute; | |||
left:-11px; | |||
right:-11px | |||
} | |||
.page_br3 { | |||
height:8px; | |||
top:17px; | |||
background:#fff; | |||
background:var(--bg-color); | |||
position:absolute; | |||
left:-11px; | |||
right:-11px; | |||
border:1px solid #cccccc; | |||
border:1px solid var(--bg-body-border); | |||
border-width:1px 1px 0px 1px | |||
} | |||
.page_breaker_ads { | |||
width:100%; | |||
clear:both | |||
} | |||
.page_ads_br1 { | |||
height:8px; | |||
background:#fff; | |||
background:var(--bg-color); | |||
margin:0 -11px 0 -11px; | |||
border:1px solid #cccccc; | |||
border:1px solid var(--bg-body-border); | |||
border-width:0 1px 1px 1px | |||
} | |||
.page_ads_br2 { | |||
height:4px; | |||
background:#eeeeee; | |||
background:var(--bg-body); | |||
margin:0 -11px 0 -11px; | |||
} | |||
.page_ads_br3 { | |||
height:8px; | |||
background:#fff; | |||
background:var(--bg-color); | |||
margin:0 -11px 0 -11px; | |||
border:1px solid #cccccc; | |||
border:1px solid var(--bg-body-border); | |||
border-width:1px 1px 0px 1px | |||
} | |||
.page_ads_wrapper { | |||
margin:-2px -11px -2px -11px; | |||
background: #eeeeee; | |||
background: var(--bg-body) | |||
} | |||
.mw1 { | |||
max-width:264px | |||
} | |||
.mw2 { | |||
max-width:264px | |||
} | |||
.mw3 { | |||
max-width:265px | |||
} | |||
.w1 { | |||
width:300px | |||
} | |||
.i5 { | |||
padding:1px 10px 1px 5px | |||
} | |||
.i10 { | |||
padding:1px 10px 1px 10px | |||
} | |||
.i15 { | |||
padding:1px 10px 1px 15px | |||
} | |||
.i25 { | |||
padding:1px 10px 1px 25px | |||
} | |||
.i30 { | |||
padding:1px 10px 1px 30px | |||
} | |||
.i35 { | |||
padding:1px 10px 1px 35px | |||
} | |||
.i50 { | |||
padding:1px 10px 1px 50px | |||
} | |||
.i70 { | |||
padding:1px 10px 1px 70px | |||
} | |||
.bkg0 { | |||
background-color:#fefefe; | |||
background-color:var(--bkg0) | |||
} | |||
.bkg1 { | |||
background-color:#dee2e1; | |||
background-color:var(--bkg1) | |||
} | |||
h1 { | |||
font-size:1em; | |||
} | |||
ol { | |||
counter-reset:ol-counter; | |||
padding:0; | |||
margin:10px 0 10px 0; | |||
list-style:none | |||
} | |||
ol:first-child { | |||
margin-top: 0; | |||
} | |||
ol > li { | |||
position:relative; | |||
padding:0 0 0 24px; | |||
margin:0px 5px 0 | |||
} | |||
ol > li:first-child { | |||
margin-top:0 | |||
} | |||
ol > li:before { | |||
position:absolute; | |||
top: 0px; | |||
left: 0px; | |||
font-weight:bold; | |||
text-align:center; | |||
content:counter(ol-counter) '.'; | |||
counter-increment:ol-counter | |||
} | |||
ol ul { | |||
list-style: disc | |||
} | |||
ul { | |||
margin-block-start:0.3em; | |||
margin-block-end:0.3em; | |||
padding-inline-start:30px; | |||
list-style-type:square; | |||
} | |||
img { | |||
max-width:100%; | |||
height:auto; | |||
width: auto\9; | |||
} | |||
.img-inv { | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)) | |||
} | |||
.img-inv-1 { | |||
filter:invert(1); | |||
filter:invert(var(--img-inv-1)) | |||
} | |||
.img-opa { | |||
filter:opacity(1); | |||
filter:opacity(var(--img-opa)) | |||
} | |||
.img-opa-inv { | |||
filter:opacity(1) invert(0); | |||
filter:opacity(var(--img-opa)) invert(var(--img-inv)) | |||
} | |||
.inv-always { | |||
filter:invert(1) | |||
} | |||
.img_indent { | |||
} | |||
.a_indent { | |||
height:6px | |||
} | |||
.desc_indent { | |||
margin-bottom:12px | |||
} | |||
.tt { | |||
line-height: 0.95; | |||
} | |||
.max { | |||
font-weight: bold; | |||
} | |||
.ib { | |||
display:inline-block; | |||
} | |||
.p0 { | |||
margin:2px 0 2px 0; | |||
padding:0 | |||
} | |||
.p_t { | |||
margin-top:10px; | |||
padding:0 | |||
} | |||
.p_b { | |||
margin-bottom:10px; | |||
padding:0 | |||
} | |||
.p_tb { | |||
margin:10px 0 10px 0; | |||
padding:0 | |||
} | |||
.legend2 { | |||
font-style:italic | |||
} | |||
.legend4 { | |||
font-style: italic; | |||
} | |||
.spc { | |||
height:7px; | |||
} | |||
.impact { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
} | |||
.impact18 { | |||
display:inline-block; | |||
font-family: 'ConduitITC', arial; | |||
font-weight: 700; | |||
font-size:1.37em | |||
} | |||
.impact20 { | |||
font-family: 'ConduitITC', arial; | |||
font-weight: 400; | |||
font-size:1.67em | |||
} | |||
.vert_mid { | |||
align-items:center; | |||
display:flex | |||
} | |||
.ct { | |||
text-align: center; | |||
} | |||
.grey { | |||
background-color:#dee2e1; | |||
background-color:var(--dsAbility-bg) | |||
} | |||
.dice27 { | |||
padding-bottom:4px; | |||
vertical-align:middle; | |||
font-weight:bold; | |||
filter:invert(0); | |||
filter:invert(var(--img-inv)) | |||
} | |||
.redfont { | |||
color:#a31317; | |||
color:var(--redfont); | |||
font-weight:bold | |||
} | |||
.BatRole { | |||
color:#a31317; | |||
color:var(--redfont); | |||
font-weight:bold; | |||
font-size:1.1em | |||
} | |||
.logoBW_float { | |||
float:left | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.logoBW_float { | |||
position: absolute; | |||
right: 10px; | |||
top: 0px; | |||
} | |||
} | |||
.boosty_logoBW { | |||
background-image: url(/img/Boosty_logo.png); | |||
height: 26px; | |||
width: 23px; | |||
margin: 7px 0 0 5px; | |||
float: left; | |||
transition: filter .2s ease-in-out; | |||
-webkit-filter: grayscale(100%) brightness(100%) brightness(var(--boosty-logo)); | |||
filter: grayscale(100%) brightness(100%) brightness(var(--boosty-logo)); | |||
} | |||
.boosty_logoBW:hover { | |||
-webkit-filter: grayscale(0%) brightness(100%) brightness(var(--boosty-logo)); | |||
filter: grayscale(0%) brightness(100%) brightness(var(--boosty-logo)); | |||
} | |||
.noads_logoBW { | |||
display: block; | |||
z-index: 1; | |||
background-image: url(/img/NoAds_logo.png); | |||
height: 28px; | |||
width: 31px; | |||
margin: 5px 0 0 10px; | |||
float: left; | |||
transition: filter .2s ease-in-out; | |||
-webkit-filter: grayscale(100%) brightness(100%) brightness(var(--noads-logo)); | |||
filter: grayscale(100%) brightness(100%) brightness(var(--noads-logo)); | |||
} | |||
.noads_logoBW:hover { | |||
-webkit-filter: grayscale(0%) brightness(100%) brightness(var(--noads-logo)); | |||
filter: grayscale(0%) brightness(100%) brightness(var(--noads-logo)); | |||
} | |||
.ya_link { | |||
filter: brightness(1) contrast(1); | |||
filter: brightness(var(--ya-bri)) contrast(var(--ya-con)) | |||
} | |||
.ya_input { | |||
filter: invert(0) brightness(1) contrast(1) grayscale(0); | |||
filter: invert(var(--ya-inv)) brightness(var(--ya-bri-input)) contrast(var(--ya-con-input)) grayscale(var(--ya-grey)) | |||
} | |||
.full_wargear_header { | |||
margin:0px; | |||
padding:3px 6px 3px 6px; | |||
color:#fefefe; | |||
color:var(--ds-header-color); | |||
background-color:#101010 | |||
} | |||
.cog-pic { | |||
background: url(/img/cog.png) center center no-repeat; | |||
padding-left:10px; | |||
width:28px; | |||
height:28px; | |||
display:inline-block; | |||
filter: invert(0); | |||
filter: invert(var(--cog-inv)) | |||
} | |||
#cog { | |||
-webkit-animation: cog 3s infinite; | |||
-moz-animation: cog 3s infinite; | |||
-ms-animation: cog 3s infinite; | |||
animation: cog 3s infinite; | |||
-webkit-animation-timing-function: linear; | |||
-moz-animation-timing-function: linear; | |||
-ms-animation-timing-function: linear; | |||
animation-timing-function: linear | |||
} | |||
#cog_w { | |||
-webkit-animation: cog 3s infinite; | |||
-moz-animation: cog 3s infinite; | |||
-ms-animation: cog 3s infinite; | |||
animation: cog 3s infinite; | |||
-webkit-animation-timing-function: linear; | |||
-moz-animation-timing-function: linear; | |||
-ms-animation-timing-function: linear; | |||
animation-timing-function: linear | |||
} | |||
@-webkit-keyframes cog { | |||
100% { | |||
-webkit-transform: rotate(360deg) | |||
} | |||
} | |||
@-moz-keyframes cog { | |||
100% { | |||
-webkit-transform: rotate(360deg) | |||
} | |||
} | |||
@-ms-keyframes cog { | |||
100% { | |||
-webkit-transform: rotate(360deg) | |||
} | |||
} | |||
@keyframes cog { | |||
100% { | |||
-webkit-transform: rotate(360deg); | |||
-moz-transform: rotate(360deg); | |||
-ms-transform: rotate(360deg); | |||
transform: rotate(360deg) | |||
} | |||
} | |||
.tooltip_link_inline { | |||
background-image: url(/wh40k10ed/img/TooltipLink.png); | |||
width: 18px; | |||
height: 18px; | |||
vertical-align: top; | |||
display: inline-block; | |||
margin: 3px 0px 0px 3px; | |||
} | |||
.tableHeader { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.4em; | |||
background-color:#101010; | |||
color: #fefefe | |||
} | |||
.tableColumns { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.1em; | |||
background-color:#e0e0e0; | |||
color:#101010 | |||
} | |||
.tableColumns2 { | |||
font-family:ConduitITC,charcoal,arial black; | |||
font-weight:700; | |||
font-size:1.1em; | |||
background-color:#101010; | |||
color:#fefefe | |||
} | |||
@media only screen and (min-width: 801px) { | |||
.Columns2 { | |||
-moz-column-count: 2; | |||
-moz-column-gap: 14px; | |||
-webkit-column-count: 2; | |||
-webkit-column-gap: 14px; | |||
column-count: 2; | |||
column-gap: 14px; | |||
} | |||
.Columns2_Rule { | |||
-moz-column-count: 2; | |||
-moz-column-gap: 14px; | |||
-webkit-column-count: 2; | |||
-webkit-column-gap: 14px; | |||
column-count: 2; | |||
column-gap: 14px; | |||
column-rule: 1px solid #888888; | |||
} | |||
.Columns2_NoRule { | |||
-moz-column-count: 2; | |||
-moz-column-gap: 16px; | |||
-webkit-column-count: 2; | |||
-webkit-column-gap: 16px; | |||
column-count: 2; | |||
column-gap: 16px; | |||
} | |||
.Columns2_NoLeft { | |||
-moz-column-count: 2; | |||
-moz-column-gap: 14px; | |||
-webkit-column-count: 2; | |||
-webkit-column-gap: 14px; | |||
column-count: 2; | |||
column-gap: 14px; | |||
} | |||
.Columns3_NoLeft { | |||
-moz-column-count: 3; | |||
-moz-column-gap: 14px; | |||
-webkit-column-count: 3; | |||
-webkit-column-gap: 14px; | |||
column-count: 3; | |||
column-gap: 14px; | |||
} | |||
.Columns4 { | |||
-moz-column-count: 4; | |||
-moz-column-gap: 14px; | |||
-webkit-column-count: 4; | |||
-webkit-column-gap: 14px; | |||
column-count: 4; | |||
column-gap: 14px; | |||
} | |||
} | |||
.Columns3 { | |||
-moz-column-count: 3; | |||
-moz-column-gap: 14px; | |||
-webkit-column-count: 3; | |||
-webkit-column-gap: 14px; | |||
column-count: 3; | |||
column-gap: 14px; | |||
} | |||
.Columns3_NoRule { | |||
-moz-column-count: 3; | |||
-moz-column-gap: 16px; | |||
-webkit-column-count: 3; | |||
-webkit-column-gap: 16px; | |||
column-count: 3; | |||
column-gap: 16px | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.Columns3 { | |||
-moz-column-count: 2; | |||
-moz-column-gap: 14px; | |||
-webkit-column-count: 2; | |||
-webkit-column-gap: 14px; | |||
column-count: 2; | |||
column-gap: 14px; | |||
} | |||
.Columns3_NoRule { | |||
-moz-column-count: 2; | |||
-moz-column-gap: 16px; | |||
-webkit-column-count: 2; | |||
-webkit-column-gap: 16px; | |||
column-count: 2; | |||
column-gap: 16px | |||
} | |||
.Columns4 { | |||
-moz-column-count: 3; | |||
-moz-column-gap: 12px; | |||
-webkit-column-count: 3; | |||
-webkit-column-gap: 12px; | |||
column-count: 3; | |||
column-gap: 12px; | |||
} | |||
} | |||
.Columns3_flex { | |||
display:flex; | |||
flex-direction:row; | |||
justify-content:space-between | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.Columns3_flex { | |||
flex-direction:column; | |||
} | |||
} | |||
@media only screen and (max-width: 700px) { | |||
.Columns4 { | |||
-moz-column-count: 2; | |||
-moz-column-gap: 10px; | |||
-webkit-column-count: 2; | |||
-webkit-column-gap: 10px; | |||
column-count: 2; | |||
column-gap: 10px; | |||
} | |||
} | |||
@media only screen and (max-width: 532px) { | |||
.Columns3 { | |||
-moz-column-count: 1; | |||
-webkit-column-count: 1; | |||
column-count: 1 | |||
} | |||
.Columns3_NoRule { | |||
-moz-column-count: 1; | |||
-webkit-column-count: 1; | |||
column-count: 1 | |||
} | |||
.Columns4 { | |||
-moz-column-count: 1; | |||
-moz-column-gap: 8px; | |||
-webkit-column-count: 1; | |||
-webkit-column-gap: 8px; | |||
column-count: 1; | |||
column-gap: 8px; | |||
} | |||
} | |||
.center { | |||
display:flex; | |||
justify-content:center; | |||
align-items:center | |||
} | |||
.BreakInsideAvoid { | |||
-webkit-column-break-inside: avoid; | |||
page-break-inside: avoid; | |||
break-inside: avoid; | |||
height:min-content; | |||
} | |||
.BreakInsideAvoid_m { | |||
-webkit-column-break-inside: avoid; | |||
page-break-inside: avoid; | |||
break-inside: avoid; | |||
} | |||
.frameDark .redfont { | |||
color:#ee6500; | |||
color:var(--redfont) | |||
} | |||
.frameLight .redfont { | |||
color:#ee6500; | |||
color:var(--redfont) | |||
} | |||
.logo1 { | |||
float:left; | |||
margin:0px 5px 0px 5px | |||
} | |||
.logo2 { | |||
vertical-align:middle; | |||
margin:-3px 3px 0px 3px | |||
} | |||
.wllogo { | |||
vertical-align:middle; | |||
margin:0px 8px 2px 4px | |||
} | |||
.collapse { | |||
border-collapse:collapse | |||
} | |||
.author { | |||
font-family: times new roman, sans-serif; | |||
color: #494949; | |||
color: var(--author-color); | |||
font-size: 14px; | |||
padding: 8px 0 8px 0 | |||
} | |||
.social_buttons { | |||
width: 204px; | |||
height: 56px; | |||
position: relative; | |||
margin: 8px 0 0 0 | |||
} | |||
.boosty_logo { | |||
height:32px; | |||
width:32px; | |||
background-image:url(/img/boosty_logo32.png); | |||
transition:top 160ms ease-out; | |||
position:absolute; | |||
left:36px; | |||
top:0px | |||
} | |||
.boosty_logo:hover { | |||
top: -4px | |||
} | |||
.social_vk { | |||
height:32px; | |||
width:32px; | |||
background-image: url(/img/social_vk.png); | |||
transition: top 160ms ease-out; | |||
position:absolute; | |||
left:72px; | |||
top:0px | |||
} | |||
.social_vk:hover { | |||
top:-4px | |||
} | |||
.social_dd { | |||
height:32px; | |||
width:32px; | |||
background-image: url(/img/social_dd.png); | |||
transition: top 160ms ease-out; | |||
position:absolute; | |||
left:108px; | |||
top:0px | |||
} | |||
.social_dd:hover { | |||
top:-4px | |||
} | |||
.social_email { | |||
height:32px; | |||
width:32px; | |||
background-image: url(/img/social_email.png); | |||
transition: top 160ms ease-out; | |||
position:absolute; | |||
left:144px; | |||
top:0px | |||
} | |||
.social_email:hover { | |||
top:-4px | |||
} | |||
.adv_rules_wide { | |||
position:absolute; | |||
bottom:-160px; | |||
padding:4px 0 4px 10px; | |||
font-family: 'ConduitITC', arial black; | |||
font-weight:400; | |||
font-size:30px; | |||
background-color:#3c525a; | |||
background-color:var(--corner16-bg); | |||
background:linear-gradient(225deg, transparent 10px, #3c525a 0); | |||
background:linear-gradient(225deg, transparent 10px, var(--corner16-bg) 0); | |||
color:#fefefe; | |||
height:32px; | |||
width:280px; | |||
transform: rotate(90deg) | |||
} | |||
.adv_rules_tight { | |||
display:none; | |||
position:absolute; | |||
top:-52px; | |||
left:0px; | |||
padding:4px 0 6px 10px; | |||
font-family: 'ConduitITC', arial black; | |||
font-weight:400; | |||
font-size:1.67em; | |||
background-color:#3c525a; | |||
background-color:var(--corner16-bg); | |||
background:linear-gradient(225deg, transparent 10px, #3c525a 0); | |||
background:linear-gradient(225deg, transparent 10px, var(--corner16-bg) 0); | |||
color:#fefefe; | |||
height:26px; | |||
width:240px | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.adv_rules_mtop { | |||
margin-top:36px | |||
} | |||
.adv_rules_wide { | |||
display:none | |||
} | |||
.adv_rules_tight { | |||
display:block | |||
} | |||
} | |||
.adv_rules { | |||
position:absolute; | |||
top:-52px; | |||
left:0px; | |||
padding:4px 0 6px 10px; | |||
font-family: 'ConduitITC', arial black; | |||
font-weight:400; | |||
font-size:1.67em; | |||
background-color:#3c525a; | |||
background-color:var(--corner16-bg); | |||
background:linear-gradient(225deg, transparent 10px, #3c525a 0); | |||
background:linear-gradient(225deg, transparent 10px, var(--corner16-bg) 0); | |||
color:#fefefe; | |||
height:26px; | |||
width:240px | |||
} | |||
.adv_rules_mtop_custom { | |||
margin-top:36px | |||
} | |||
.book_tight { | |||
display:none | |||
} | |||
@media only screen and (max-width: 532px) { | |||
.book_tight { | |||
display:table-row | |||
} | |||
.book_wide { | |||
display:none | |||
} | |||
} | |||
.book_last_update { | |||
line-height:0.95; | |||
display:inline-block | |||
} | |||
.book_img { | |||
vertical-align:middle; | |||
margin:0px 3px 2px 0 | |||
} | |||
.WD_name_width { | |||
max-width:340px | |||
} | |||
.WD_wide { | |||
display:block | |||
} | |||
.WD_tight { | |||
display:none | |||
} | |||
.WD_wrapper { | |||
font-family: times new roman, sans-serif; | |||
background-color:#272119; | |||
border:4px solid #252725; | |||
border:4px solid var(--wd-border); | |||
color:#101010; | |||
background-image: url(/img/wd/WD_background.png) | |||
} | |||
@media only screen and (max-width: 532px) { | |||
.WD_name_width { | |||
max-width:10px | |||
} | |||
.WD_wide { | |||
display:none | |||
} | |||
.WD_tight { | |||
display:block | |||
} | |||
} | |||
.WD_SquadName { | |||
text-align:center; | |||
font-size:1.2em; | |||
font-weight:700; | |||
text-transform:uppercase | |||
} | |||
.WD_SquadName2 { | |||
text-align:center; | |||
font-size:0.9em; | |||
color:#313131; | |||
clear:both | |||
} | |||
.WD_Squad { | |||
float:left; | |||
padding: 0 6px 0 6px; | |||
} | |||
.WD_Platoon { | |||
float:left; | |||
border:2px dotted #5a4d3c; | |||
padding:6px; | |||
margin:6px; | |||
background-image: url(/img/wd/WD_background2.png) | |||
} | |||
.WD_center { | |||
display:flex; | |||
justify-content:center; | |||
align-items:center | |||
} | |||
@media only screen and (max-width: 800px) { | |||
.WD_center { | |||
display:block | |||
} | |||
} | |||
.WD_tooltipheader { | |||
padding:4px; | |||
text-align:center; | |||
font-size:1.2em; | |||
font-weight:700; | |||
color:#4b626d; | |||
color:var(--tooltip-header); | |||
border-bottom:1px solid #313131; | |||
border-bottom:1px solid var(--tooltip-header-underline) | |||
} | |||
.WD_GraySkull { | |||
clear:both; | |||
text-align:right; | |||
font-size:0.9em | |||
} | |||
.WD_LastUpdated { | |||
font-style:italic; | |||
text-align:left; | |||
font-size:0.9em; | |||
filter:opacity(0.7) | |||
} | |||
.WD_CompanyCommander { | |||
width:23px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/CompanyCommander.png) | |||
} | |||
.WD_ServoSkull { | |||
width:15px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/ServoSkull.png) | |||
} | |||
.WD_ServoSkullOP { | |||
width:15px; | |||
height:79px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/ServoSkull_OP.png) | |||
} | |||
.WD_ServoSkullAdM { | |||
width:15px; | |||
height:79px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/ServoSkull_AdM.png) | |||
} | |||
.WD_ServoSkullP { | |||
width:15px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/ServoSkull_platoon.png) | |||
} | |||
.WD_OfficerFleet { | |||
width:24px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/OfficerFleet.png) | |||
} | |||
.WD_MasterOrdnance { | |||
width:24px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/MasterOrdnance.png) | |||
} | |||
.WD_SanctionedPsyker { | |||
width:38px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/SanctionedPsyker.png) | |||
} | |||
.WD_Ensign { | |||
width:31px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Ensign.png) | |||
} | |||
.WD_EnsignP { | |||
width:31px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Ensign_platoon.png) | |||
} | |||
.WD_StaffOfficer { | |||
width:26px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/StaffOfficer.png) | |||
} | |||
.WD_StaffOfficerP { | |||
width:31px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/StaffOfficer_platoon.png) | |||
} | |||
.WD_PlatoonCommander { | |||
width:34px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/PlatoonCommander.png) | |||
} | |||
.WD_OgrynHQBodyguard { | |||
width:72px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/OgrynHQBodyguard.png) | |||
} | |||
.WD_OgrynBodyguard { | |||
width:72px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/OgrynBodyguard.png) | |||
} | |||
.WD_OgrynSgt { | |||
width:76px; | |||
height:78px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/OgrynSgt.png) | |||
} | |||
.WD_Ogryn { | |||
width:62px; | |||
height:78px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Ogryn.png) | |||
} | |||
.WD_TechPriestEnginseer { | |||
width:41px; | |||
height:68px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/TechPriestEnginseer.png) | |||
} | |||
.WD_Magos { | |||
width:49px; | |||
height:68px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Magos.png) | |||
} | |||
.WD_Marshall { | |||
width:40px; | |||
height:68px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Marshall.png) | |||
} | |||
.WD_Technoarcheologist { | |||
width:51px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Technoarcheologist.png) | |||
} | |||
.WD_Servitor { | |||
width:42px; | |||
height:68px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Servitor.png) | |||
} | |||
.WD_Servitor2 { | |||
width:42px; | |||
height:68px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Servitor2.png) | |||
} | |||
.WD_LordCommissar { | |||
width:38px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/LordCommissar.png) | |||
} | |||
.WD_Commissar { | |||
width:34px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Commissar.png) | |||
} | |||
.WD_OgrynCommiBodyguard { | |||
width:72px; | |||
height:87px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/OgrynCommiBodyguard.png) | |||
} | |||
.WD_LemanRussBattleTank { | |||
width:132px; | |||
height:80px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/LemanRussBattleTank.png) | |||
} | |||
.WD_LemanRussBattleTankP { | |||
width:132px; | |||
height:80px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/LemanRussBattleTankP.png) | |||
} | |||
.WD_ScoutSentinel { | |||
width:62px; | |||
height:79px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/ScoutSentinel.png) | |||
} | |||
.WD_ArmouredSentinel { | |||
width:63px; | |||
height:79px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/ArmouredSentinel.png) | |||
} | |||
.WD_Sergeant { | |||
width:33px; | |||
height:65px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Sergeant.png) | |||
} | |||
.WD_Guardsman { | |||
width:29px; | |||
height:65px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Guardsman.png) | |||
} | |||
.WD_Guardsman_flamer { | |||
width:31px; | |||
height:65px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Guardsman_flamer.png) | |||
} | |||
.WD_Guardsman_plasma { | |||
width:31px; | |||
height:65px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Guardsman_plasma.png) | |||
} | |||
.WD_Guardsman_melta { | |||
width:31px; | |||
height:65px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Guardsman_melta.png) | |||
} | |||
.WD_Chimera { | |||
width:99px; | |||
height:76px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Chimera.png) | |||
} | |||
.WD_Conscript { | |||
width:29px; | |||
height:65px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/Conscript.png) | |||
} | |||
.WD_HWT_Lascannon { | |||
width:115px; | |||
height:50px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/HWT_Lascannon.png) | |||
} | |||
.WD_HWT_Mortar { | |||
width:115px; | |||
height:50px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/HWT_Mortar.png) | |||
} | |||
.WD_HWT_MissileLauncher { | |||
width:115px; | |||
height:50px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/HWT_MissileLauncher.png) | |||
} | |||
.WD_HWT_HeavyBolter { | |||
width:115px; | |||
height:50px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/HWT_HeavyBolter.png) | |||
} | |||
.WD_HWT_Autocannon { | |||
width:115px; | |||
height:50px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/HWT_Autocannon.png) | |||
} | |||
.WD_KIA { | |||
width:26px; | |||
height:50px; | |||
background-repeat:no-repeat; | |||
background-position:bottom; | |||
background-image: url(/img/wd/KIA.png) | |||
} | |||
.Stripe0 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px | |||
} | |||
.Stripe1 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe1.png) | |||
} | |||
.Stripe2 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe2.png) | |||
} | |||
.Stripe3 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe3.png) | |||
} | |||
.Stripe4 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe4.png) | |||
} | |||
.Stripe5 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe5.png) | |||
} | |||
.Stripe6 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe6.png) | |||
} | |||
.Stripe7 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe7.png) | |||
} | |||
.Stripe8 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe8.png) | |||
} | |||
.Stripe9 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe9.png) | |||
} | |||
.Stripe10 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe10.png) | |||
} | } | ||
.Stripe11 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe11.png) | |||
} | } | ||
.Stripe12 { | |||
display:inline-block; | |||
margin:0 4px 0px 2px; | |||
width:12px; | |||
height:12px; | |||
background-position:bottom; | |||
background-image:url(/img/wd/Stripe12.png) | |||
} | } | ||
.mIndent { | |||
display:block | |||
} | } | ||
@media only screen and (min-width: 801px) { | |||
@ | .mIndent { | ||
display:none | |||
} | |||
} | } | ||
.kwbu { | |||
cursor:pointer; | |||
border-bottom:1px dashed | |||
} | } | ||
.kwbo { | |||
cursor:pointer; | |||
border-bottom:1px solid | |||
} | } | ||
.kwnon { | |||
cursor:pointer; | |||
} | } | ||
a.kwbOne { | |||
color:inherit | |||
} | } | ||
a:hover.kwbOne { | |||
text-decoration:none; | |||
} | } | ||
}} | }} | ||