MediaWiki:Homepage.css

/*Mainpage (From Runescape wiki)*/ .mp-title { text-align: center; margin-bottom: 30px; margin-top: 30px; } .mp-title div:not( .center ) { display: inline; padding: 5px; } .mp-color { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: White; margin-top: 10px; margin-bottom: 15px; -webkit-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.07); box-shadow: 0 1px 3px -1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.07); border: 1px solid rgba(0,0,0,0.07); margin-left: 4px; } .mp-color .mp-header { font-size: 130%; font-weight: bold; padding: 8px 2px 2px 2px; text-align: left; margin: -1px; color: white; padding-bottom: 5px; } .mp-color .mp-content { margin: 5px; } .mp-color .mp-endrow { clear: both; text-align: right; } .mp-color .mp-endrow .mp-endbox { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: White; padding: 4px 25px; display: inline; font-size: 85%; font-weight: bold; } .mp-color2 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: White; margin-top: 10px; margin-bottom: 15px; -webkit-box-shadow: 0 1px 2px -1px rgba( 0, 0, 0, 0.12 ), 0 2px 4px rgba( 0, 0, 0, 0.07 ); -moz-box-shadow: 0 1px 2px -1px rgba( 0, 0, 0, 0.12 ), 0 2px 4px rgba( 0, 0, 0, 0.07 ); box-shadow: 0 1px 2px -1px rgba( 0, 0, 0, 0.12 ), 0 2px 4px rgba( 0, 0, 0, 0.07 ); border: 1px solid rgba(0,0,0,0.07) } .mp-color2 .mp-header2 { font-size: 130%; font-weight: bold; padding: 6px; text-align: center; margin: -1px; color: white; } .mp-color2 .mp-content2 { margin: 5px 5px 10px 10px; } .mp-color2 .mp-endrow .mp-endbox2 { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: White; margin-top: 10px; }   line-height: 22px; margin: 2px; padding-left: 10px; padding-top: 2px; padding-bottom: 5px; }   height: 112px; }   -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }   -webkit-filter: brightness(105%); filter: brightness(105%); }   -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }   -webkit-filter: brightness(115%); filter: brightness(115%); }
 * 1) mp-contents .mp-content,
 * 2) mp-recent .mp-content,
 * 3) mp-wiki .mp-content {
 * 1) mp-recent img {
 * 1) mp-recent .image-light {
 * 1) mp-recent .image-light:hover {
 * 1) mp-recent .image-dark {
 * 1) mp-recent .image-dark:hover {

-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; margin: 10px 0; }   -webkit-filter: brightness(115%); filter: brightness(115%); }   width: 15%; padding: 2px; }   margin-top: 1em; }   text-align: center; }   font-size: 85%; margin-top: -2px; }   font-weight: bold; font-size: 110%; }   margin-top: 0.75em; }   position: relative; top: -30px; margin-bottom: -30px; }   -webkit-filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.2)); filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.2)); }   -webkit-filter: brightness(115%); filter: brightness(115%); }
 * 1) mp-wiki img {
 * 1) mp-wiki img:hover {
 * 1) mp-rsnews .mp-content .mp-header {
 * 1) mp-patch-header {
 * 1) mp-gemw .mp-content2 {
 * 1) mp-gemw-date {
 * 1) mp-gemw-cti {
 * 1) mp-rsnews-endrow {
 * 1) mp-patch-endrow {
 * 1) mp-fimg img {
 * 1) mp-fimg img:hover {

background-color: White; text-align: center; margin-top: 10px; padding: 10px 20px; }
 * 1) mp-footer {

/** Front page's portal (Elements from Destiny wiki) **/ .NavButton:hover .NavInfo, .NavButton:hover .AppInfo { top: 0; } .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; -moz-box-shadow: 2px 2px 2px #000000; -webkit-box-shadow: 2px 2px 2px #000000; box-shadow: 2px 2px 2px #000000; } .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); -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: #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; }