MediaWiki:Common.css

From AIE Wiki
Revision as of 00:01, 28 January 2013 by Ralff (talk | contribs)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* 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;
   padding: 5px; 
   margin: 3px; 
   font-weight: 
   bold; 
   text-align: center;
}

.mainTable{
   width: 75%; 
   margin-left: auto; 
   margin-right: auto;
}

.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 {
   border: 3px solid #AAAAAA; 
   vertical-align: top;
   border-radius: 0 0px 15px 15px;
   background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,.5),rgba(200,200,200,.1));
   background-image:    -moz-linear-gradient(90deg,rgba(0,0,0,.5),rgba(200,200,200,.1));
   background-image:     -ms-linear-gradient(90deg,rgba(0,0,0,.5),rgba(200,200,200,.1));
   background-image:         linear-gradient(90deg,rgba(0,0,0,.5),rgba(200,200,200,.1));
}

.mainPage .leftSideBox {
   background-image: -webkit-linear-gradient(135deg,rgba(0,50,0,.5),rgba(200,200,200,.1));
   background-image:    -moz-linear-gradient(135deg,rgba(0,50,0,.5),rgba(200,200,200,.1));
   background-image:     -ms-linear-gradient(135deg,rgba(0,50,0,.5),rgba(200,200,200,.1));
   background-image:         linear-gradient(135deg,rgba(0,50,0,.5),rgba(200,200,200,.1));
}

.mainPage .rightSideBox {
   background-image: -webkit-linear-gradient(45deg,rgba(50,0,0,.5),rgba(200,200,200,.1));
   background-image:    -moz-linear-gradient(45deg,rgba(50,0,0,.5),rgba(200,200,200,.1));
   background-image:     -ms-linear-gradient(45deg,rgba(50,0,0,.5),rgba(200,200,200,.1));
   background-image:         linear-gradient(45deg,rgba(50,0,0,.5),rgba(200,200,200,.1));
}