Welcome to Square Enix Wiki! Be sure to check out our To-Do List to see what work we need done! See here for Indie Wiki Jam Info!

Difference between revisions of "MediaWiki:Common.css"

From Square Enix Wiki, the Fan-wiki for all things Square Enix
Jump to navigationJump to search
Line 24: Line 24:
         width: 150px;
         width: 150px;
border: 1px solid #262626;
border: 1px solid #262626;
min-height: 150px;
height: 150px;
background: #3E3E3E center;
background: #3E3E3E;
margin-bottom: 1em;
margin:0 auto;
         -moz-box-shadow: 2px 2px 2px #000000;
         -moz-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;
-webkit-box-shadow: 2px 2px 2px #000000;

Revision as of 06:07, 6 October 2017

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

body
{
  font-family:'Segoe UI','Segoe',Segoe,'Lucida Grande','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;
}

.center
{ 
 margin-left: auto;   
 margin-right: auto; 
}

.right
{
  float:right;
}

.TablePager {
  color:#000000;
}

.hoverable .NavButton{
        width: 150px;
	border: 1px solid #262626;
	height: 150px;
	background: #3E3E3E;
        -moz-box-shadow: 2px 2px 2px #000000;
	-webkit-box-shadow: 2px 2px 2px #000000;
	box-shadow: 2px 2px 2px #000000;


.hoverable {
      cursor:default;
      color:#000;
      text-decoration:none;
      position: relative;
      display: block;
    }
    .hoverable .NavInfo {
      opacity:0;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
    }
    .hoverable .NavInfo,
    .hoverable .NavButton{
        transition: opacity .5s;
        -o-transition: opacity .5s;
        -ms-transition: opacity .5s;
        -moz-transition: opacity .5s;
        -webkit-transition: opacity .5s;
    }
    .hoverable:hover .NavButton {
      opacity:0;
    }
    .hoverable:hover .NavInfo {
      opacity:1;
    }