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 34: | Line 34: | ||
color: #FFF; | color: #FFF; | ||
cursor: pointer; | cursor: pointer; | ||
display:block; | |||
} | } | ||
Line 48: | Line 46: | ||
background-color: #000; | background-color: #000; | ||
background-color: rgba(0, 0, 0, 0.6); | background-color: rgba(0, 0, 0, 0.6); | ||
opacity:0; | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
} | } | ||
Line 62: | Line 62: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
text-align: center; | text-align: center; | ||
} | |||
.NavInfo{ | |||
transition: opacity .5s; | |||
-o-transition: opacity .5s; | |||
-ms-transition: opacity .5s; | |||
-moz-transition: opacity .5s; | |||
-webkit-transition: opacity .5s; | |||
} | |||
.hoverable:hover .hover { | |||
opacity:1; | |||
} | } |
Revision as of 05:37, 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; } /* Front page's portal (Elements from Destiny wiki)*/ .NavButton { width: 150px; border: 1px solid #262626; min-height: 150px; background: #3E3E3E center; margin-bottom: 1em; margin:0 auto; position: relative; overflow: hidden; color: #FFF; cursor: pointer; display:block; } .NavInfo { width: 100%; height: 150px; position: absolute; top: 127px; left: 0; z-index: 1; background-color: #000; background-color: rgba(0, 0, 0, 0.6); opacity:0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .NavTitle { border-top: #bf1313 solid 4px; border-bottom: 1px solid #000; background: rgba(46,49,56,0.7); height: 3px; padding-left: 5px; text-transform: uppercase; text-align: center; } .NavInfo{ transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; } .hoverable:hover .hover { opacity:1; }