MediaWiki:Monobook.css: Difference between revisions
No edit summary |
No edit summary |
||
(11 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
} | } | ||
.mw-body{ | body.skin--responsive .mw-body{ | ||
background:#FFFFFF; | background:#FFFFFF; | ||
border:none; | border:none; | ||
padding:2em; | padding:2em; | ||
box-shadow:0 0 8px -4px #000000; | box-shadow:0 0 8px -4px #000000; | ||
} | |||
@media (prefers-color-scheme: dark){ | |||
body.skin--responsive .mw-body { | |||
background: #282828; | |||
color: #DEDEDE; | |||
} | |||
} | } | ||
@media screen and (min-width: 551px){ | @media screen and (min-width: 551px){ | ||
.mw-body{ | body.skin--responsive .mw-body{ | ||
margin:3.8em 0 0 13.7em; | margin:3.8em 0 0 13.7em; | ||
} | } | ||
Line 25: | Line 32: | ||
@media screen and (min-width: 551px){ | @media screen and (min-width: 551px){ | ||
#p-cactions { | body.skin--responsive #p-cactions { | ||
left:13.5em; | left:13.5em; | ||
top:2.3em; | top:2.3em; | ||
Line 38: | Line 45: | ||
@media screen and (min-width: 551px){ | @media screen and (min-width: 551px){ | ||
#p-cactions li.selected { | body.skin--responsive #p-cactions li.selected { | ||
box-shadow: 0 -2px 8px -4px #000000; | box-shadow: 0 -2px 8px -4px #000000; | ||
border-top: #CC0000 3px solid; | border-top: #CC0000 3px solid; | ||
Line 44: | Line 51: | ||
} | } | ||
#p-cactions li.selected a{ | @media (prefers-color-scheme: dark){ | ||
body.skin--responsive #p-cactions li.selected { | |||
background: #282828; | |||
color: #FFFFFF; | |||
} | |||
} | |||
body.skin--responsive #p-cactions li.selected a{ | |||
border:none; | border:none; | ||
background:#FFFFFF; | background:#FFFFFF; | ||
Line 50: | Line 64: | ||
} | } | ||
#p-cactions li { | @media (prefers-color-scheme: dark){ | ||
body.skin--responsive #p-cactions li.selected a { | |||
background: #282828; | |||
color: #FFFFFF; | |||
} | |||
} | |||
body.skin--responsive #p-cactions li { | |||
border: none; | border: none; | ||
border-bottom: none; | border-bottom: none; | ||
Line 57: | Line 78: | ||
} | } | ||
#p-cactions li:hover{ | @media (prefers-color-scheme: dark){ | ||
body.skin--responsive #p-cactions li { | |||
background: #505050; | |||
} | |||
} | |||
body.skin--responsive #p-cactions li:hover{ | |||
border-top:2px #CC0000 solid; | border-top:2px #CC0000 solid; | ||
box-shadow: 0 -2px 8px -4px #000000; | box-shadow: 0 -2px 8px -4px #000000; | ||
} | } | ||
#p-cactions li a{ | body.skin--responsive #p-cactions li a{ | ||
position:relative; | position:relative; | ||
font-weight:bold; | font-weight:bold; | ||
} | } | ||
#p-cactions li a, #p-cactions li a:hover{ | body.skin--responsive #p-cactions li a, body.skin--responsive #p-cactions li a:hover{ | ||
color:#EDEDED; | color:#EDEDED; | ||
background:none; | background:none; | ||
Line 80: | Line 107: | ||
**********************************************/ | **********************************************/ | ||
#p-personal .pBody ul a{ | body.skin--responsive #p-personal .pBody ul a{ | ||
color:#47B9EA; | color:#47B9EA; | ||
} | } | ||
#p-personal .pBody ul { | body.skin--responsive #p-personal .pBody ul { | ||
height:unset; | height:unset; | ||
background: #444444; | background: #444444; | ||
Line 107: | Line 134: | ||
**********************************************/ | **********************************************/ | ||
@media screen and (min-width: 551px){ | @media screen and (min-width: 551px){ | ||
.portlet { | body.skin--responsive .portlet { | ||
border: 0; | border: 0; | ||
margin: 0 0.5em; | margin: 0 0.5em; | ||
} | } | ||
} | } | ||
#sidebar .pBody { | body.skin--responsive #sidebar .pBody { | ||
box-shadow: 0 0 8px -4px #000000; | box-shadow: 0 0 8px -4px #000000; | ||
margin: 0.5em 0.2em; | margin: 0.5em 0.2em; | ||
} | } | ||
#sidebar .pBody a{ | body.skin--responsive #sidebar .pBody a{ | ||
color:#47B9EA; | color:#47B9EA; | ||
} | } | ||
@media screen and (min-width: 551px){ | @media screen and (min-width: 551px){ | ||
.pBody { | body.skin--responsive .pBody { | ||
background-color: #444444; | background-color: #444444; | ||
padding: .5em; | padding: .5em; | ||
} | |||
body.skin--responsive #p-logo a, body.skin--responsive #p-logo a:hover{ | |||
background-size: contain; | |||
} | } | ||
} | } | ||
/********************************************** | /********************************************** | ||
** | ** | ||
** | ** FOOTER | ||
** | ** | ||
**********************************************/ | **********************************************/ | ||
div#footer { | div#footer { |