MediaWiki:Common.css: Difference between revisions

Revision as of 06:03, 28 January 2013

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

.mainPage { 
   background-image:url(http://wiki.aie-guild.org/images/4/45/Aie_cube_mark.png)  ;
   background-repeat:no-repeat;
   background-size: contain;
   background-position: center center;
}

.mainHeading {
   width: 60%; 
   position: relative;
   margin-left: auto; 
   margin-right: auto;
   font-weight: bold; 
   text-align: center;
}

.mainTable{
   width: 60%; 
   margin-left: auto; 
   margin-right: auto;
   padding: 0 0 0 0 ;
   border-spacing: 12px;
}

.boxHeading {
   border:1px solid #2B3A42; 
   background:#5f5d5c; 
   color: white; 
   padding: 5px; 
   margin: 3px; 
   font-weight: bold; 
   text-align: center; 
   font-size: 120%;
}

.mainPageTableBoxContents{ 
   padding-left: 1em;
   padding-right: 1em;
}

.mainPage td {
   text-align: center;
   vertical-align: top;
   border: 3px solid #AAAAAA; 
   border-radius: 7px 7px  7px  7px;
/*   background-color: rgba(220,220,230,.9);*/
background: -moz-linear-gradient(top,  rgba(184,225,252,1) 0%, rgba(169,210,243,0.94) 10%, rgba(144,186,228,0.86) 25%, rgba(144,188,234,0.79) 37%, rgba(144,191,240,0.72) 50%, rgba(125,179,234,0.57) 76%, rgba(107,168,229,0.57) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(184,225,252,1)), color-stop(10%,rgba(169,210,243,0.94)), color-stop(25%,rgba(144,186,228,0.86)), color-stop(37%,rgba(144,188,234,0.79)), color-stop(50%,rgba(144,191,240,0.72)), color-stop(76%,rgba(125,179,234,0.57)), color-stop(100%,rgba(107,168,229,0.57))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,0.94) 10%,rgba(144,186,228,0.86) 25%,rgba(144,188,234,0.79) 37%,rgba(144,191,240,0.72) 50%,rgba(125,179,234,0.57) 76%,rgba(107,168,229,0.57) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,0.94) 10%,rgba(144,186,228,0.86) 25%,rgba(144,188,234,0.79) 37%,rgba(144,191,240,0.72) 50%,rgba(125,179,234,0.57) 76%,rgba(107,168,229,0.57) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(184,225,252,1) 0%,rgba(169,210,243,0.94) 10%,rgba(144,186,228,0.86) 25%,rgba(144,188,234,0.79) 37%,rgba(144,191,240,0.72) 50%,rgba(125,179,234,0.57) 76%,rgba(107,168,229,0.57) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(184,225,252,1) 0%,rgba(169,210,243,0.94) 10%,rgba(144,186,228,0.86) 25%,rgba(144,188,234,0.79) 37%,rgba(144,191,240,0.72) 50%,rgba(125,179,234,0.57) 76%,rgba(107,168,229,0.57) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#916ba8e5',GradientType=0 ); /* IE6-9 */

}

td.leftSideBox  { text-align: left;}
td.rightSideBox { text-align: right;}

.mainPage .bottomRow.rightSideBox { border-radius: 7px 7px 20px  7px;}
.mainPage .bottomRow.leftSideBox  { border-radius: 7px 7px  7px 20px;}