MediaWiki:Cardtable.css

.card-table { width: 100%; margin: 0.5em auto; border: 5px solid #666; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; border-spacing: 4px; } .card-table th { font-weight: bold; } .card-table th.heading { padding: 0.3em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 200%; } .card-table td { vertical-align: top; } .card-table .imagecolumn { width: 200px; text-align: center; } .card-table .innertable { width: 100%; border-spacing: 4px; } .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 .ja-en div { display: inline-block; word-wrap: nowrap; } .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 type-based coloring */ .blank-card                  { background: #F9F9F9; } .blank-card th.heading       { background: #F2F2F2; } .blank-card .lore            { border: 3px solid #F2F2F2; }

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

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

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

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

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

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

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

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

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

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

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

.trapspell-card              { background: #C9C; } .trapspell-card th.heading   { background: #936; color: #FFF; } .trapspell-card .lore        { border: 3px solid #936; }

.virus-card                  { background: #848482; } .virus-card th.heading       { background: #000; color: #FFF; } .virus-card .lore            { border: 3px solid #000; }

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

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

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

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

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

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

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

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

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

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

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

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

.cmc-card                    { background: #C0C0C0; } .cmc-card th.heading         { background: #808080; color: #FFA6C9; } .cmc-card .lore              { border: 3px solid #808080; } .cmc-card .abilitydesc       { color:#00F; }

.labyrinth-card              { background: #FBFBFB; } .labyrinth-card th.heading   { background: #CBA135; } .labyrinth-card .lore        { border: 3px solid #CBA135; }

.monsterworld-card           { background: #FBFBFB; } .monsterworld-card th.heading { background: #E0E0E0; } .monsterworld-card .lore     { border: 3px solid #E0E0E0; }

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

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

/* (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; }