Template:FAQ Entry/styles.css
From Archon Arcana - The KeyForge Wiki
.source-header { width:100%; box-sizing:border-box; margin-top:10px; font-size:.9em; } .source-header .source-text { font-weight:600; font-variant-caps:all-small-caps; font-size:1.1em; } .rule-source { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; border-top:1px dashed #c0c0c0; } @media screen and (min-width:400px) { .rule-source-image { border:5px solid #d0d0d0; box-shadow:-1px 0px 0px #a0a0a0, 1px 0px 0px #a0a0a0, 0px -1px 0px #a0a0a0, 0px 1px 0px #a0a0a0; padding:0px; height:80px; width:150px; overflow:hidden; box-sizing:border-box; border-radius:3px; background-color:#ffffff; margin-right:10px; margin-top:10px; } .rule-source-image img { max-width: 140px; width: 100%; height: 100%; max-height:70px; object-fit: contain; object-position: 50% 0px; margin: 0px; } } @media screen and (max-width:399px) { .rule-source-image { border:5px solid #d0d0d0; box-shadow:-1px 0px 0px #a0a0a0, 1px 0px 0px #a0a0a0, 0px -1px 0px #a0a0a0, 0px 1px 0px #a0a0a0; padding:0px; height:60px; width:120px; overflow:hidden; box-sizing:border-box; border-radius:3px; background-color:#ffffff; margin-right:10px; margin-top:10px; } .rule-source-image img { max-width: 110px; width: 100%; height: 100%; max-height:50px; object-fit: contain; object-position: 50% 0px; margin: 0px; } } div.commentaryQ { width: 100%; display: block; height: auto; line-height: 1.5em; border-radius: 10px; color: black; text-align: left; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; border-left: 8px solid #d0cfc8; background-color: #fafafa; box-sizing: border-box; } ul.accordionFAQ .inner { padding-right: 0px; } .inner ol, .faqAnswer ol, .commentaryQ ul, .commentaryQ ol { margin-left:0px; padding-left:17px; } .aa-box { width:100%; margin-right:auto; margin-top:10px; background-color:#ffffff; box-sizing:border-box; overflow:hidden; display:flex; align-items:center; } .aa-box .text { padding:0px 5px 0px 5px; font-size:.9em; } .aa-box .aa-warning { float:left; padding:0px 5px 0px 0px; height:20px; width:20px; filter:grayscale(100%); } .faqQuestion a:link, .faqQuestion a:visited, .faqAnswer a:link, .faqAnswer a:visited, .accordionFAQ a:link, .accordionFAQ a:visited, .commentaryQ a:link, .commentaryQ a:visited, .accordion label a:link, .accordion label a:visited { color:#2A5DB0; text-decoration:none; border-bottom:0px dotted #000000; } .faqQuestion a:hover, .faqAnswer a:hover, .accordionFAQ a:hover, .commentaryQ a:hover, .accordion label a:hover { border-bottom:0px solid #000000; color:#000000; }