MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; }

.NavButton:hover .NavInfo, .NavButton:hover .AppInfo { top: 0; }

/** Navigation **/ background: #008cff; }
 * 1) PortalIcon {

background: #3a3a3a; }
 * 1) PortalIcon:hover {

.NavButton { width: 630px; border: 1px solid #262626; min-height: 400px; background: #3E3E3E center; margin-bottom: 1em; margin:0 auto; position: relative; overflow: hidden; color: #FFF; cursor: pointer; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; box-shadow: 2px 2px 2px #000000; }

.NavInfo { width: 100%; height: 400px; position: absolute; top: 367px; left: 0; z-index: 1; background-color: #000; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: top 0.3s linear; -moz-transition: top 0.3s linear; -o-transition: top 0.3s linear; transition: top 0.3s linear; }

.NavTitle { border-top: 1px solid #000; border-bottom: 1px solid #000; background: #000; background: rgba(0,0,0,0.6); height: 30px; padding-left: 5px; }

/** App Buttons **/ .AppButton { width: 618px; border: 1px solid #262626; min-height: 388px; background: #3E3E3E; margin-bottom: 1em; margin:0 auto; position: relative; overflow: hidden; color: #FFF; cursor: pointer; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; box-shadow: 2px 2px 2px #000000; }

.AppInfo { width: 100%; height: 388px; position: absolute; top: 595px; left: 0px; z-index: 1; background-color: #000; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: top 0.3s linear; -moz-transition: top 0.3s linear; -o-transition: top 0.3s linear; transition: top 0.3s linear; }

.AppTitle { border-top: 1px solid #000; border-bottom: 1px solid #000; background: #000; background: rgba(0,0,0,0.6); height: 20px; padding-left: 5px; }

.justifiedContainer { text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines; }

.justifiedBox { width: 50px; height: 50px; vertical-align: top; display: inline-block; *display: inline; zoom: 1 }

.justifiedStretch { width: 100%; display: inline-block; font-size: 0; line-height: 0 }