Welcome to Square Enix Wiki! Be sure to check out our To-Do List to see what work we need done!

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 21: Line 21:
}
}


/* Front page's portal (Elements from Destiny wiki)*/


.NavButton {
.hoverable {
        v-align:center;
      cursor:default;
width: 150px;
      color:#000;
border: 1px solid #262626;
      text-decoration:none;
min-height: 150px;
      position: relative;
background: #3E3E3E;
      display: block;
cursor:default;
    }
        color:#000;
    .hoverable .NavInfo {
        text-decoration:none;
      opacity:0;
        position: relative;
      position: absolute;
        display: block;
      top: 0;
overflow: hidden;
      left: 0;
color: #FFF;
      right: 0;
}
      bottom: 0;
 
    }
.NavInfo {
    .hoverable .NavInfo,
        cursor:default;
    .hoverable .NavButton{
width: 150px;
height: 150px;
        opacity:0;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
         transition: opacity .5s;
         transition: opacity .5s;
         -o-transition: opacity .5s;
         -o-transition: opacity .5s;
Line 53: Line 44:
         -moz-transition: opacity .5s;
         -moz-transition: opacity .5s;
         -webkit-transition: opacity .5s;
         -webkit-transition: opacity .5s;
}
    }
 
    .hoverable:hover .NavButton {
.NavInfo:hover {
      opacity:0;
    }
    .hoverable:hover .NavInfo {
       opacity:1;
       opacity:1;
}
    }

Revision as of 06:03, 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 {
      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;
    }