MediaWiki:Cardtable.css

.card-table { border: 5px solid #666; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; padding: .36em; } .card-table .heading { text-align: center; font-weight: bold; margin-bottom: .2em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 200%; padding: 0.3em; } .card-table .heading sup { vertical-align: baseline; font-size: inherit; } .card-table .heading sup::after { content: ' Error: Invalid tag in name '; color: #F00; font-size: smaller; } .card-table .imagecolumn { display: table-cell; text-align: center; width: 200px; } .card-table .imagecolumn.column300 { width: 300px; } .card-table .imagecolumn .tabbernav { text-align: left; } .card-table .infocolumn { display: table-cell; width: 100%; vertical-align: top; } .card-table .innertable { border-spacing: 4px; width: 100%; } .card-table .innertable th { width: 10em; }

.card-table .lore { margin: 5px; padding: 5px; text-align: left; background: #FFF; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.card-table .lore[lang=ja-Latn] div { display: inline-block; white-space: nowrap; } .card-table .lore[lang=ja-Latn] div[class] { display: block; } .card-table .lorelinks { text-align: center; font-style: normal; } .card-table .abilitydesc dt, .card-table .lore dt { font-weight: normal; } .card-table .abilitydesc dd, .card-table .lore dd { margin-left: 1em; } .card-table .hcomma, .card-table .hslash, .card-table .hplus, .card-table .hminus { display: inline-block; }

.card-table .above, .card-table .below { text-align: center; vertical-align: middle; } .card-table .curr { display: inline-block; } .card-table .prev { float: left; width: auto; } .card-table .next { float: right; width: auto; } .card-table .prev:before { content:"\2190"; } .card-table .next:after { content:"\2192"; }

.card-table .chronology .quotes:before, .card-table .chronology .quotes:after { content: '"'; }

.card-table .chronology[lang="de"] .quotes:before { content: '„'; } .card-table .chronology[lang="de"] .quotes:after { content: '“'; }

.card-table .chronology[lang="ja"] .quotes:before { content: '「'; } .card-table .chronology[lang="ja"] .quotes:after { content: '」'; }

/* Fix a wrapping problem */ .card-table .hlist.hslash li, .card-table .hlist.hslash dd, .card-table .hlist.hplus li, .card-table .hlist.hplus  dd, .card-table .hlist.hminus li, .card-table .hlist.hminus dd { display: inline-block; } .card-table .hlist.hslash li:after, .card-table .hlist.hslash dd:after, .card-table .hlist.hplus li:after, .card-table .hlist.hplus  dd:after, .card-table .hlist.hminus li:after, .card-table .hlist.hminus dd:after { content: ' /\00a0'; } .card-table .hlist.hslash li:last-child:after, .card-table .hlist.hslash dd:last-child:after, .card-table .hlist.hplus li:last-child:after, .card-table .hlist.hplus dd:last-child:after, .card-table .hlist.hminus li:last-child:after, .card-table .hlist.hminus dd:last-child:after { content: none; }

/* Card type-based coloring */ .blank-card                  { background: #F9F9F9; } .blank-card .heading         { background: #F2F2F2; } .blank-card .lore            { border: 3px solid #F2F2F2; }

.normal-card, .yellow-card                 { background: #FEFF99; } .normal-card .heading, .yellow-card .heading        { background: #FDE68A; } .normal-card .lore, .yellow-card .lore           { border: 3px solid #FDE68A; } .normal-card .lore           { font-style: italic; } .normal-card .lore[lang=ja], .normal-card .lore[lang=ja-Latn], .normal-card .lore[lang=zh], .normal-card .lore[lang=ko]  { font-style: normal; }

.effect-card                 { background: #FDB; } .effect-card .heading        { background: #FF8B53; } .effect-card .lore           { border: 3px solid #FF8B53; }

.ritual-card, .blue-card                   { background: #CCC0D8; } .ritual-card .heading, .blue-card .heading          { background: #66F; } .ritual-card .lore, .blue-card .lore             { border: 3px solid #66F; }

.red-card                    { background: #FC9; } .red-card .heading           { background: #F00; } .red-card .lore              { border: 3px solid #F00; }

.fusion-card                 { background: #CDC0DA; } .fusion-card .heading        { background: #A086B7; } .fusion-card .lore           { border: 3px solid #A086B7; }

.synchro-card                { background: #F2F2F2; } .synchro-card .heading       { background: #CCC; } .synchro-card .lore          { border: 3px solid #CCC; }

.darksynchro-card            { background: #B2BEB5; } .darksynchro-card .heading   { background: #555; color: #FFF; } .darksynchro-card .lore      { border: 3px solid #555; } .darksynchro-card .lorerule  { color: #808080; }

.xyz-card                    { background: #BFBFBF; } .xyz-card .heading           { background: #000; color: #FFF; } .xyz-card .lore              { border: 3px solid #000; }

.token-card                  { background: #828E85; } .token-card .heading         { background: #C0C0C0; } .token-card .lore            { border: 3px solid #C0C0C0; }

.spell-card                  { background: #D7E3BD; } .spell-card .heading         { background: #1D9E74; color: #FFF; } .spell-card .lore            { border: 3px solid #1D9E74; }

.trap-card                   { background: #E5B7B7; } .trap-card .heading          { background: #BC5A84; color: #FFF; } .trap-card .lore             { border: 3px solid #BC5A84; }

.bam.divine-card             { background: #6F6F6F; color: #ECD6B6; } .bam.divine-card th a, .bam.divine-card td p a, .bam.divine-card td>a        { color: #FFDB95; } .bam.divine-card .heading    { background: #000; color: #ECD6B6; } .bam.divine-card .lore       { border: 3px solid #FFC351; background: #ECD6B6 !important; color: #000; }

.ddm-card                    { background: #F2F2F2; } .ddm-card .heading           { background: #E9D66B; } .ddm-card .lore              { border: 3px solid #E9D66B; }

.ddm-beast-card .heading     { background: #0F0; } .ddm-beast-card .lore        { border: 3px solid #0F0; }

.ddm-dark-card .heading      { background: #808080; color: #FFF; } .ddm-dark-card .lore         { border: 3px solid #808080; }

.ddm-dragon-card .heading    { background: #F00; } .ddm-dragon-card .lore       { border: 3px solid #F00; }

.ddm-invincible-card .heading { background: #FFBF00; } .ddm-invincible-card .lore   { border: 3px solid #FFBF00; }

.ddm-spellcaster-card .heading { background: #FFF; } .ddm-spellcaster-card .lore  { border: 3px solid #CCC; }

.ddm-undead-card .heading    { background: #FF0; } .ddm-undead-card .lore       { border: 3px solid #FF0; }

.ddm-warrior-card .heading   { background: #66F; } .ddm-warrior-card .lore      { border: 3px solid #66F; }

.ddm-item-card .heading      { background: #555; color: #FFF; } .ddm-item-card .lore         { border: 3px solid #555; }

.earlydm-card                { background: #E9E9E9; } .earlydm-card .heading       { background: #C0C0C0; color: #000080; } .earlydm-card .lore          { border: 3px solid #C0C0C0; }

.bandai-card                 { background: #FAF0BE; } .bandai-card .heading        { background: #000; color: #FFF; } .bandai-card .lore           { border: 3px solid #F7E98E; }

.bandai-sealdass-card         { background: #EEE; } .bandai-sealdass-card .heading { background: #FAF0BE; } .bandai-sealdass-card .stars  { color: #D4AF37; font-weight: bold; font-size: 110%; }

.cm-card                     { background: #FFFACD; } .cm-card .heading            { background: #F5FADC; } .cm-card .lore               { border: 3px solid #F5FADC; }

.cm2-card                    { background: #F0F0F0; } .cm2-card .heading           { background: #808080; color: #FFF; } .cm2-card .lore              { border: 3px solid #808080; }

.mcbb-card                   { background: #C0C0C0; } .mcbb-card .heading          { background: #837A6A; color: #FFF; text-shadow:   0 -1px 0 #000,    0 1px 0 #000, -1px    0 0 #000, 1px   0 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 1px 1px 0 #000; } .mcbb-card .lore             { border: 3px solid #808080; } .mcbb-card .abilitydesc      { color: #A4CDF6; text-shadow:   0 -1px 0 #00F,    0 1px 0 #00F, -1px    0 0 #00F, 1px   0 0 #00F, -1px -1px 0 #00F, -1px 1px 0 #00F, 1px -1px 0 #00F, 1px 1px 0 #00F; } .mcbb-card th[scope=row]     { color: #FFF; text-shadow:   0 -1px 0 #D56272,    0 1px 0 #D56272, -1px    0 0 #D56272, 1px   0 0 #D56272, -1px -1px 0 #D56272, -1px 1px 0 #D56272, 1px -1px 0 #D56272, 1px 1px 0 #D56272; }

.manga-card                  { background: #FFF; } .manga-card .heading         { background: #EEE; } .manga-card .lore            { border: 3px solid #EEE; }

.toei-card                   { background: #FFF; } .toei-card .heading          { background: #EEE; } .toei-card .lore             { border: 3px solid #EEE; } .toei-card .stars            { color: #F00; }

.toei-card.white .heading    { background: #F2F2F2; } .toei-card.white .lore       { border: 3px solid #F2F2F2; } .toei-card.black .heading    { background: #000; color: #FFF; } .toei-card.black .lore       { border: 3px solid #000; } .toei-card.red .heading      { background: #F00; } .toei-card.red .lore         { border: 3px solid #F00; } .toei-card.yellow .heading   { background: #FF0; } .toei-card.yellow .lore      { border: 3px solid #FF0; } .toei-card.blue .heading     { background: #00F; color: #FFF; } .toei-card.blue .lore        { border: 3px solid #00F; } .toei-card.green .heading    { background: #0F0; color: #FFF; } .toei-card.green .lore       { border: 3px solid #0F0; } .toei-card.purple .heading   { background: #800080; color: #FFF; } .toei-card.purple .lore      { border: 3px solid #800080; } .toei-card.brown .heading    { background: #964B00; color: #FFF; } .toei-card.brown .lore       { border: 3px solid #964B00; }

/* (old) cardtable styles

when updating these styles, also update those at User:Dinoguy1000/cardtable.css table.cardtable { width: 100%; margin: 0.3em auto; background: #f9f9f9; border: 1px solid #aaa; border-collapse: collapse; } .cardtable th, .cardtable td { border: 1px solid #aaa; padding: 0.2em; } .cardtable th { text-align: center; } .cardtable .cardtable-cardimage { padding: 1px; vertical-align: top; } .cardtable .cardtablerowheader { text-align: left; } .cardtable .cardtablespanrow {  /* try forcing the image cell to least possible width, since most */ width: 100%;                /* card pages will have at least one collapsing data section      */ text-align: center; }

/* try to "reset" the Navbox styles */ .cardtable .navbox-title, .cardtable table.navbox th { padding-left: 1em; padding-right: 1em; } .cardtable .navbox th, .cardtable .navbox td { border: none; }

/* styles for the statuses table */ table.cardtablestatuses { margin: auto; background: #f9f9f9; border: 1px solid #aaa; border-collapse: collapse; } .cardtablestatuses th, .cardtablestatuses td { border: 1px solid #aaa; padding: 0.2em; text-align: center; } .cardtablestatuses th { background: #f2f2f2; } .cardtablestatuses th.cardtablestatusesgroupheader { background: #000; color: #FFF; font-size: 1.5em; line-height: 1.5em; }

/* 1px border between: cardtable and statuses table, cardtable and navbox, statuses table and navbox    */ table.cardtable + table.cardtablestatuses, table.cardtable + table.navbox, table.cardtablestatuses + table.navbox { margin-top: -1px; }