MediaWiki:Common.css

/* CSS placed here will be applied to both sotalight and sotaskin */ .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 { 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; }