The wiki is lacking in content. You can help by creating a new article. See the to do list for more ways you can help.

Difference between revisions of "MediaWiki:Monobook.css"

From Final Fantasy Wiki
Jump to navigationJump to search
Line 48: Line 48:
@media all and (max-width: 550px) {
@media all and (max-width: 550px) {
     .mw-body-content {
     .mw-body-content {
         overflow: clip !important;
         overflow: visible !important;
     }
     }
     .infobox, .tabber.info {
     .infobox {
         margin: 1em 0 !important;
         margin: 1em 0 !important;
     }
     }
     .infobox, .tabber.info,
     .infobox, .nav-right,
     #bodyContent table, .nav-right {
     #mw-content-text table {
         float: none !important;
         float: none !important;
         width: auto !important;
         width: auto !important;
         overflow: auto !important;
         overflow: auto !important;
         display: block !important;
         display: block !important;
        max-width: none !important;
         margin-left: 0 !important;
         margin-left: 0 !important;
         margin-right: 0 !important;
         margin-right: 0 !important;
        max-width: 100% !important;
        min-width: 0 !important;
     }
     }
     #bodyContent table > tbody {
     #mw-content-text table > tbody {
         width: 100% !important;
         width: 100% !important;
         display: table !important;
         display: table !important;
     }
     }
     div.thumb {
     body div.thumb {
         float: none !important;
         float: none !important;
        width: auto !important;
         max-width: none !important;
         max-width: none !important;
         margin: 1em 0;
         margin: 1em 0;
    }
    div.thumb, div.thumbinner {
        overflow: auto !important;
    }
    div.noresize > map ~ img {
        max-width: none !important;
     }
     }
     div.thumbinner > div {
     div.thumbinner > div {
Line 95: Line 103:
     }
     }
     a.feedlink {
     a.feedlink {
         padding-left: 16px !important;
         padding-left: 16px;
    }
    caption {
        display: block;
    }
    .tabber {
        display: block;
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .tabber.goleft, .tabber.goright {
        margin-bottom: 1em !important;
    }
    .tabber.goleft .tabbertab,
    .tabber.goright .tabbertab {
        text-align: center !important;
    }
    .tabber.info {
        margin: 0 0 1em !important;
     }
     }
}
}

Revision as of 15:28, October 14, 2021

/* CSS placed here will affect users of the MonoBook skin */

.searchButton {
    padding: 0 0.4em !important;
    cursor: pointer;
    background-color: white;
    border: 1px solid #aaa; 
    font-weight: normal;
} 
#searchGoButton {
    font-weight: normal;
}
#searchInput {
    border: 1px solid #aaa;
}

div#globalWrapper, body { 
	background: white;
}

#p-cactions li { 
    border: 1px solid #aaa;
}

#p-cactions li.selected { 
	border: 1px solid black;
}

.mw-body, .pBody {
	border:1px solid black;
}

#footer {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.mw-changeslist-legend {
  border: 1px solid #aaa;
}

#p-personal ul a:hover {
    text-decoration: underline;
    background-color:transparent;
}

/* Responsive fixes */
@media all and (max-width: 550px) {
    .mw-body-content {
        overflow: visible !important;
    }
    .infobox {
        margin: 1em 0 !important;
    }
    .infobox, .nav-right,
    #mw-content-text table {
        float: none !important;
        width: auto !important;
        overflow: auto !important;
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    #mw-content-text table > tbody {
        width: 100% !important;
        display: table !important;
    }
    body div.thumb {
        float: none !important;
        width: auto !important;
        max-width: none !important;
        margin: 1em 0;
    }
    div.thumb, div.thumbinner {
        overflow: auto !important;
    }
    div.noresize > map ~ img {
        max-width: none !important;
    }
    div.thumbinner > div {
        float: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    div.thumbcaption {
        margin-top: 3px !important;
    }
    div.thumbimage {
        max-width: max-content;
    }
    ul.gallery {
        text-align: center;
    }
    div.gallerytext {
        text-align: left;
    }
    center div.gallerytext,
    .gallery.center div.gallerytext,
    .gallery[style*="center"] div.gallerytext {
        text-align: center;
    }
    a.feedlink {
        padding-left: 16px;
    }
    caption {
        display: block;
    }
    .tabber {
        display: block;
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .tabber.goleft, .tabber.goright {
        margin-bottom: 1em !important;
    }
    .tabber.goleft .tabbertab,
    .tabber.goright .tabbertab {
        text-align: center !important;
    }
    .tabber.info {
        margin: 0 0 1em !important;
    }
}