MediaWiki:Monobook.css: Difference between revisions

From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
format
(adding more customizations from Crash WIki)
(format)
 
(19 intermediate revisions by the same user not shown)
Line 3:
/* basic styling */
 
body.skin--responsive .pBody {
body {
background-color: #8CCC6DFFFFE8;
}
 
.mw-body, body.skin--responsive .pBody {
border:1px solid #007500;
}
 
Line 30 ⟶ 26:
}
#mw-indicator-shortcut {
top: 14px16px;
}
 
/* disambig template */
#disambig {
border-top: 3px double #A52A2A;
border-bottom: 3px double #A52A2A;
}
 
/* talk page tab spacing */
 
li#ca-addsection {
margin-left:4px;
Line 46 ⟶ 35:
 
/* search button */
body.skin-monobook input.searchButton {
 
color: #000;
input.searchButton {
cursor: pointer;
background-color: #fff;
border: 1px solid #135B09;
padding: 0 0.4em !important;
}
cursor: pointer;
body.skin-monobook #searchButton,
background-color: white;
body.skin-monobook #searchGoButton {
border: 1px solid #007500;
font-weight: normal;
}
#searchGoButton {
font-weight: normal;
}
body.skin-monobook #searchInput {
border: 1px solid #007500135B09;
padding-right: 0;
}
 
/* tabsput search bar up top */
#sidebar {
display: flex;
flex-direction: column;
}
#p-search {
order: -1;
}
 
/* tabs */
body.skin--responsive #p-cactions li {
border-color: #007500135B09 !important;
}
 
body.skin--responsive #p-cactions li.selected a {
background:transparent;
}
 
/* user links */
 
body.skin--responsive #p-personal a.new {
@media all and (min-width: 551px) {
color: #f00;
body.skin-monobook li#pt-login,
body.skin-monobook li#pt-userpage,
body.skin-monobook li#pt-anonuserpage {
color: #606060;
padding: 1px 0 2px 20px;
line-height: 20px;
}
body.skin-monobook #p-cactions li {
padding-bottom: 1em;
}
}
 
body.skin--responsive #p-personal a.new:visited {
@media all and (min-width: 551px) {
color: #c00;
body.skin-monobook #p-personal ul {
background: #FFFFE8;
border-left: 1px solid #135B09;
border-bottom: 1px solid #135B09;
width: auto;
display: inline;
position: absolute;
right: 0;
padding-left: 0px;
padding-bottom: 0px;
margin-top: -1px;
}
}
 
body.skin--responsive #p-personal li a {
body.skin-monobook #p-personal li a {
color: #00f;
}
 
body.skin--responsive #p-personal li a:hover {
body.skin-monobook #p-personal li a:hover {
background-color: transparent;
text-decoration: underline;
}
 
body.skin--responsive li#pt-userpage, li#pt-anonuserpage, li#pt-login {
body.skin-monobook #p-cactions li a {
color: #606060;
color: #00c;
}
body.skin-monobook #p-cactions .new a {
color: #c00;
}
 
body.skin--responsivemonobook li#ppt-personal .pBody ulbetafeatures {
display:none;
background: #FFF;
}
float: right;
 
padding-left: 0;
/* dismissable sitenotice */
height: 1.75em;
.mw-dismissable-notice {
border: 1px solid #007500;
border-top:none 1px solid green;
border-rightbottom:none 1px solid green;
padding: 3px 2px 0 0;
margin: -2px 0 11px;
}
 
#siteNotice { padding: 0; }
#localNotice { margin: 0; }
#localNotice hr { background: #ccc; }
 
/* Echo extension */
#pt-notifications-alert .mw-echo-notifications-badge,
#pt-notifications-notice .mw-echo-notifications-badge {
height: 16px;
}
 
Line 110 ⟶ 148:
 
select {
border: 1px solid saddlebrown#135B09;
color: black;
}
Line 117 ⟶ 155:
input[type="checkbox"] {
border: none;
}
 
/* 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;
}
}
 
Cookies help us deliver our services. By using our services, you agree to our use of cookies.

Navigation menu