MediaWiki:Common.css

/* CSS placed here will be applied to sotaskin */

/* SotA Wiki table */ table.sotawikitable { /*font-size:12px;*/ border:1px solid #1C1C1C; border-collapse:collapse; margin:0 0 1em 0; }

table.sotawikitable th { border:1px solid #1C1C1C; padding:4px 4px 4px 4px; color:#F2F2F2; text-align:center; background: url(/skins/sotaskin/images/bg-trans.png) repeat; }

table.sotawikitable td { border:1px solid #1C1C1C; padding:4px 8px 4px 8px; background-color:#484D4E; }

table.sotawikitable caption { background: #7b7f7e; /* Old browsers */ background: -moz-linear-gradient(top, #7b7f7e 0%, #4e5c5a 33%, #1c1c1c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7f7e), color-stop(33%,#4e5c5a), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* IE10+ */ background: linear-gradient(to bottom, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* W3C */ font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; }

table.sotawikitable.leftalign td { text-align:left; }

table.sotawikitable.slim td, table.sotawikitable.slim th { padding:0.2em; }

table.sotawikitable.craftingbox td { background: url(images/b/bc/Smelting-table.png) no-repeat center bottom; background-size: 100% auto; background-color: transparent; }

table.sotawikitable th a:link, table.sotawikitable th a:visited, table.sotawikitable th a:active, table.sotawikitable th a:focus, table.sotawikitable caption a:link, table.sotawikitable caption a:visited, table.sotawikitable caption a:active, table.sotawikitable caption a:focus {color: #CCCCFF;}

table.sotawikitable th a:hover, table.sotawikitable caption a:hover {color: #F2F2F2;}

table.sotawikitable.news caption { background: rgb(98,125,77); /* Old browsers */ background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,125,77,1)), color-stop(100%,rgba(31,59,8,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* W3C */ }

table.sotawikitable.featuredcontent caption { background: rgb(242,130,91); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,130,91,1) 0%, rgba(229,91,43,1) 50%, rgba(240,113,70,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,130,91,1)), color-stop(50%,rgba(229,91,43,1)), color-stop(100%,rgba(240,113,70,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* W3C */ }

table.sotawikitable.featureddev caption { background: #a04d8d; /* Old browsers */ background: -moz-linear-gradient(top, #a04d8d 0%, #890f66 40%, #af3888 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a04d8d), color-stop(40%,#890f66), color-stop(100%,#af3888)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a04d8d 0%,#890f66 40%,#af3888 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a04d8d 0%,#890f66 40%,#af3888 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #a04d8d 0%,#890f66 40%,#af3888 100%); /* IE10+ */ background: linear-gradient(to bottom, #a04d8d 0%,#890f66 40%,#af3888 100%); /* W3C */ }

table.sotawikitable.featuredvideo caption { background: rgb(169,3,41); /* Old browsers */ background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */ }

/* Navigation Box */ table.navbox { width:100%; font-size:12px; border:1px solid #1C1C1C; border-collapse:collapse; margin:0; }

table.navbox th { border:1px solid #1C1C1C; padding:0px 4px 0px 4px; color:#F2F2F2; text-align:center; background: url(/skins/sotaskin/images/bg-trans.png) repeat; }

table.navbox td { border:1px solid #1C1C1C; padding:0px 8px 0px 8px; background-color:#484D4E; }

table.navbox p { font-size:12px; }

table.navbox caption { background: #7b7f7e; /* Old browsers */ background: -moz-linear-gradient(top, #7b7f7e 0%, #4e5c5a 33%, #1c1c1c 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7b7f7e), color-stop(33%,#4e5c5a), color-stop(100%,#1c1c1c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* IE10+ */ background: linear-gradient(to bottom, #7b7f7e 0%,#4e5c5a 33%,#1c1c1c 100%); /* W3C */ padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; }

table.navbox.leftalign td { text-align:left; }

table.navbox th a:link, table.navbox th a:visited, table.navbox th a:active, table.navbox th a:focus, table.navbox caption a:link, table.navbox caption a:visited, table.navbox caption a:active, table.navbox caption a:focus {color: #CCCCFF;}

table.navbox th a:hover, table.navbox caption a:hover {color: #F2F2F2;}

.nowraplinks a { white-space:nowrap; }

/* fix collapsable tables heigh issue */ .mw-collapsed { min-height:1em; }

/* Add-On Store Table */ table.addonstore { background-color: #fffbe7; border: 1px solid #dab8a0; padding: 5px 5px 5px 5px; margin: 5px 5px 5px 5px; max-width: 600px; color: #000; } table.addonstore a { color: #AF7817; } /* table.wikitable tbody tr td a { color: #666; } table.wikitable tbody tr th { font-weight: bold; color: #FFF; background-color: #333; } table.wikitable tbody tr td { color: #000; background-color: #CCC; } table.wikitable tbody tr td a, .wikitable tr td a:visited { color: #666; text-decoration: none; } table.wikitable tbody tr td a:active, .wikitable tr td a:hover { color: #FFF; }

.mainPage { width:100%; display:table; border-collapse:separate; border-spacing:2px 0px; margin-bottom:4px; }

.mainPageRow { display:table-row; }

.mainPageSection { width:50%; display:table-cell; border-style:solid; border-color:#1C1C1C; border-width:1px; }

.mainPageHeader { width:50%; display:table-cell; border:none; }

.mainPageNewsHeader { display:block; font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; background: rgb(98,125,77); /* Old browsers */ background: -moz-linear-gradient(top, rgba(98,125,77,1) 0%, rgba(31,59,8,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(98,125,77,1)), color-stop(100%,rgba(31,59,8,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%); /* W3C */ }

.mainPageFeatContentHeader { display:block; font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; background: rgb(242,130,91); /* Old browsers */ background: -moz-linear-gradient(top, rgba(242,130,91,1) 0%, rgba(229,91,43,1) 50%, rgba(240,113,70,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,130,91,1)), color-stop(50%,rgba(229,91,43,1)), color-stop(100%,rgba(240,113,70,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(242,130,91,1) 0%,rgba(229,91,43,1) 50%,rgba(240,113,70,1) 100%); /* W3C */ }

.mainPageFeatFanHeader { display:block; font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; background: rgb(203,96,179); /* Old browsers */ background: -moz-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(127,47,106,1) 0%, rgba(147,36,110,1) 13%, rgba(107,0,74,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,96,179,1)), color-stop(0%,rgba(127,47,106,1)), color-stop(13%,rgba(147,36,110,1)), color-stop(100%,rgba(107,0,74,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(127,47,106,1) 0%,rgba(147,36,110,1) 13%,rgba(107,0,74,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(127,47,106,1) 0%,rgba(147,36,110,1) 13%,rgba(107,0,74,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(127,47,106,1) 0%,rgba(147,36,110,1) 13%,rgba(107,0,74,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(127,47,106,1) 0%,rgba(147,36,110,1) 13%,rgba(107,0,74,1) 100%); /* W3C */ }

.mainPageFeatVideoHeader { display:block; font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; background: rgb(169,3,41); /* Old browsers */ background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */ }

.mainPageFeatDevHeader { display:block; font-size:14px; padding:4px 4px 4px 4px; color:#F0F0F0; text-align:center; background: rgb(99,99,99); /* Old browsers */ background: -moz-linear-gradient(top, rgba(99,99,99,1) 0%, rgba(10,10,10,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,99,99,1)), color-stop(100%,rgba(10,10,10,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(99,99,99,1) 0%,rgba(10,10,10,1) 100%); /* W3C */ }

.mainPageText { display:block; padding:4px 8px 4px 8px; }

.lCol { clear:left; float:left; width:48%; margin-top: 10px; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; } .rCol { clear:right; float:right; width:48%; margin-top: 10px; margin-left: 1%; margin-right: 1%; margin-bottom: 10px; }