MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* tooltip formating */
.simple-tooltip
{
    text-decoration-style: dashed !important;
    text-decoration-color: black !important;
}

/* table structure with alernating odd/even color schemes */
table.oddeven tr:nth-child(even)
{
    background-color: #E7E7FF !important;
}

/* table structure with vertically centered content */
table.vcenter td
{
    vertical-align: middle !important;
}

/* table structure for pilot skills on pilot database pages. Set width for all but the first column*/
table.pskills th:nth-child(n+2)
{
    width: 20px !important;
}

/*flowchart color schemes*/

*.secret
/*class for secret requirements*/
{
    color: blue !important;
}

*.unlock
/*class for weapon and ability unlocks*/
{
    color: green !important;
}

*.temp
/*class for temporary units, available for one scenario only*/
{
    color: orange !important;
}

*.lost
/*class for lost units/pilots*/
{
    color: red !important;
}

*.ally
/*class for allies in deployments*/
{
    color: blue !important;
}

*.foe
/*class for enemies in deployments*/
{
    color: red !important;
}

.fc-std-sc td, .fc-std-sc
/*flowchart standard scenario*/
{
    background-color: #ccccb3 !important;
    text-align:center !important;
}

.fc-prologue td, .fc-prologue
/*flowchart prologue scenario*/
{
    background-color: #F88158 !important;
    text-align:center !important;
}

.fc-sp-sc td, .fc-sp-sc
/*flowchart special scenario*/
{
    background-color: #FFD700 !important;
    text-align:center !important;
}

.fc-route-h td, .fc-route-h
/*flowchart route header*/
{
    background-color: #AFDCEC !important;
    text-align:center !important;
}

.fc-route1 td, .fc-route1
/*flowchart route 1*/
{
    background-color: #ffe066 !important;
    text-align:center !important;
}

.fc-route2 td, .fc-route2
/*flowchart route 2*/
{
    background-color: #d9b3ff !important;
    text-align:center !important;
}

.fc-route3 td, .fc-route3
/*flowchart route 3*/
{
    background-color: #6699ff !important;
    text-align:center !important;
}

.fc-route4 td, .fc-route4
/*flowchart route 4*/
{
    background-color: #7FFFD4 !important;
    text-align:center !important;
}

.fc-route5 td, .fc-route5
/*flowchart route 5*/
{
    background-color: #FF5779 !important;
    text-align:center !important;
}

.fc-route6 td, .fc-route6
/*flowchart route 6*/
{
    background-color: #CAFF32 !important;
    text-align:center !important;
}

.fc-invisible td, .fc-invisible 
/*flowchart transparent cell*/
{
    border:none !important;
    background-color:#E5E5EF !important;
}

/* flowchart-separated-choices class :
table class used to make flowchart easier to read
creates a spacing between vertical borders */

table.flowchart-separated-choices
{
    border-collapse: separate !important; 
    border-spacing: 5px 0px !important; 
    border: none !important;
}

table.flowchart-separated-choices tr:first-child td
{
    border-top: 1px solid black !important; 
}

table.flowchart-separated-choices td
{
    border-collapse: separate !important; 
    border-top: none !important; 
    border-bottom: 1px solid black !important; 
    border-left: 2px solid black !important; 
    border-right: 2px solid black !important; 
}

table.event
{
    border-collapse: collapse !important;
    width: 100% !important;
}

table.event th
{
    background-color: #F7F7FF !important;
    text-align: center !important;
}

table.event th:nth-child(1)
{
    width: 30% !important;
}

table.event th:nth-child(2), table.event th:nth-child(3)
{
    width: 35% !important;
}

table.event td
{
    text-align: left !important;
    padding: 0px 4px 0px 4px !important;
    border: 1px solid black !important;
}

table.event tr:first-child th
{
    border-top: 0 !important;
}

table.event tr td:first-child, table.event tr th:first-child
{
    border-left: 0 !important;
}

table.event tr td:last-child, table.event tr th:last-child
{
    border-right: 0 !important;
}

tr.nopad > td
{
    padding: 0px !important;
}

table.no-borders, table.no-borders tr, table.no-borders td
/*table without borders/
{
    border-style: none !important;
}

/* Dialogue box tables style, thickens borders every other line and greys out every 3rd and 4th line */

table.dialogue tr:nth-child(even)
{
    border-top: 1px solid black !important;
}

table.dialogue tr:nth-child(odd)
{
    border-top: 3px solid black !important;
}

table.dialogue tr:nth-child(odd) td:first-child
{
    border-left: 3px solid black !important;
}

table.dialogue tr td:last-child
{
    border-right: 3px solid black !important;
}

table.dialogue tr:nth-last-child(2) td:first-child
{
    border-bottom: 3px solid black !important;
}

table.dialogue tr:last-child td
{
    border-bottom: 3px solid black !important;
}

table.dialogue tr:nth-child(4n-1), table.dialogue tr:nth-child(4n+0)
{
    background-color: #E7E7FF !important;
}

table.dialogue td
{
    padding: 6px !important;
}


/* Alternative dialogue style */

table.dialogue2 tr:nth-child(even)
{
    border-top: 1px solid black !important;
}

table.dialogue2 tr:nth-child(odd)
{
    border-top: 3px solid black !important;
}

table.dialogue2 td
{
    border-right: 3px solid black !important;
    border-left: 3px solid black !important;
}

table.dialogue2 tr:last-child td
{
    border-bottom: 3px solid black !important;
}

table.dialogue2 tr:nth-child(4n-1), table.dialogue2 tr:nth-child(4n+0)
{
    background-color: #E7E7FF !important;
}

table.dialogue2 td
{
    padding: 6px !important;
}

div.dialogue
{
    width: 70% !important;
}

div.dialogue>div
{
    border: 1px solid black !important;
    padding: 4px 8px 4px 8px !important;
}

div.dialogue>div>hr
{
    border-top: 1px dashed black !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

div.dialogue>div:nth-child(odd)
{
    display: inline-block !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    font-size: 1.3em !important;
    font-weight: bold !important;
}

div.dialogue>div:nth-child(even)
{
    width: 100% !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    text-indent: 15px  !important;
    padding: 4px 4px 4px 4px !important;
    box-shadow: 6px 6px !important;
}

div.dialogue>div:nth-child(4n+1), div.dialogue>div:nth-child(4n+2)
{
    background-color: #FFFFFF !important;
}

div.dialogue>div:nth-child(4n+3), div.dialogue>div:nth-child(4n)
{
    background-color: #D9D9C5 !important;
}

div.terminology
{
    width: 70% !important;
}

div.terminology>div
{
    border: 1px solid black !important;
    padding: 4px 8px 4px 8px !important;
    background-color: #7FFFD4 !important;
}

div.terminology>div>hr
{
    border-top: 1px dashed black !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

div.terminology>div:nth-child(odd)
{
    display: inline-block !important;
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    font-size: 1.3em !important;
    font-weight: bold !important;
}

div.terminology>div:nth-child(even)
{
    width: 100% !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    text-indent: 15px  !important;
    padding: 4px 4px 4px 4px !important;
    box-shadow: 6px 6px !important;
}

/*seishin color schemes*/

*.misc
{
    color: black !important;
}
*.damage
{
    color: darkred !important;
}
*.accuracy
{
    color: green !important;
}
*.defense
{
    color: orange !important;
}
*.range
{
    color: darkslategray !important;
}
*.morale
{
    color: darkblue !important;
}
*.demerit
{
    color: olive !important;
}
*.experience
{
    color: deepskyblue !important;
}
*.restore
{
    color: deeppink !important;
}