MediaWiki:Monobook.css: Difference between revisions

From the Croc Wiki, the Croc encyclopedia
Jump to navigationJump to search
format
(rv)
(format)
 
(16 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 14 ⟶ 10:
border-color: #FF9102;
}
 
.wikiEditor-ui .wikiEditor-ui-view, #content, #footer {
border-color: #007500;
}
 
textarea {
border-color: #007500;
}
 
 
.firstHeading { margin-top: 5px; }
Line 39 ⟶ 26:
}
#mw-indicator-shortcut {
top: 14px16px;
}
 
/* talk page tab spacing */
 
li#ca-addsection {
margin-left:4px;
Line 49 ⟶ 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 113 ⟶ 148:
 
select {
border: 1px solid #007500135B09;
color: black;
}
Line 120 ⟶ 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