Difference between revisions of "MediaWiki:Common.css"
From The Wiki of Illuna
(18 intermediate revisions by the same user not shown) | |||
Line 5: | Line 5: | ||
.p-navbar { | .p-navbar { | ||
background-color: #2d4054; | background-color: #2d4054; | ||
background: linear-gradient(45deg,#2d4054,#416382); | |||
} | } | ||
.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a { | .navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a { | ||
Line 12: | Line 13: | ||
.navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus { | .navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus { | ||
color: #cfdae6; | color: #cfdae6; | ||
} | |||
#mw-read-only-warning { | |||
background: #f28f8f; | |||
padding: 0 3px 0 3px; | |||
border-radius: 3px; | |||
border: #9d3939 2px solid; | |||
margin-bottom: 1em; | |||
padding-bottom: 0; | |||
color: #551515; | |||
} | } | ||
.toc, div.thumbinner { | .toc, div.thumbinner { | ||
border-radius: 3px; | border-radius: 3px; | ||
} | } | ||
.toc, .mw-warning, .toccolours, div.thumbinner { | |||
max-width: 280px; | |||
} | |||
.toctitle>h2 { | |||
border-bottom: none; | |||
margin-left: 5px; | |||
} | |||
.toc, .mw-warning, .toccolours, div.thumbinner { | .toc, .mw-warning, .toccolours, div.thumbinner { | ||
border: 1px solid #b0cce1; | border: 1px solid #b0cce1; | ||
Line 28: | Line 49: | ||
filter: brightness(1.2); | filter: brightness(1.2); | ||
transition: all ease .2s; | transition: all ease .2s; | ||
border-radius: 1px; | |||
} | } | ||
Line 35: | Line 57: | ||
.mw-parser-output a.external:visited { | .mw-parser-output a.external:visited { | ||
color: #3e6b73; | color: #3e6b73; | ||
} | |||
/* | |||
.mw-headline { | |||
padding-top: 70px; margin-top: -70px; | |||
} | |||
*/ | |||
.carousel-control-prev-icon, .carousel-control-next-icon { | |||
width: 40px; | |||
height: 40px; | |||
} | |||
.spoilers-button { | |||
background: linear-gradient(to bottom,#547fa8,#839FBD); | |||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE',endColorstr='#AAA',GradientType=0); | |||
border: 1px solid #000; | |||
border-radius: 3px; | |||
padding: 3px 10px; | |||
transition: 0.1s background-position linear; | |||
color: #fff; | |||
margin: 1em; | |||
} | |||
.spoilers-button:hover, | |||
.spoilers-button:active, | |||
.soilers-button:focus { | |||
background: #A3BAD2; | |||
} | |||
.spoilers-body { | |||
border: 1px dashed #7e899d; | |||
background-color: #E4FAFF; | |||
padding: 3px; | |||
color: #000; | |||
max-width: 520px; | |||
} | } |
Latest revision as of 19:44, 20 November 2021
img { max-width:100%; height:auto; } .p-navbar { background-color: #2d4054; background: linear-gradient(45deg,#2d4054,#416382); } .navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a, .p-navbar .navbar-nav .navbar-tool > a { color: #9BBDE1; } .navbar-light .navbar-nav .nav-link:hover, .p-navbar .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:hover, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:hover, .p-navbar .navbar-nav .navbar-tool > a:hover, .navbar-light .navbar-nav .nav-link:focus, .p-navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .p-navbar .navbar-tool > a:focus, .p-navbar .navbar-light .navbar-nav .navbar-tool > a:focus, .p-navbar .navbar-nav .navbar-tool > a:focus { color: #cfdae6; } #mw-read-only-warning { background: #f28f8f; padding: 0 3px 0 3px; border-radius: 3px; border: #9d3939 2px solid; margin-bottom: 1em; padding-bottom: 0; color: #551515; } .toc, div.thumbinner { border-radius: 3px; } .toc, .mw-warning, .toccolours, div.thumbinner { max-width: 280px; } .toctitle>h2 { border-bottom: none; margin-left: 5px; } .toc, .mw-warning, .toccolours, div.thumbinner { border: 1px solid #b0cce1; background-color: #f2f8ff; } .p-navbar .navbar-brand img { border-radius: 4px; } .p-navbar .navbar-brand img:hover, .p-navbar .navbar-brand img:focus, .p-navbar .navbar-brand img:active{ filter: brightness(1.2); transition: all ease .2s; border-radius: 1px; } a, .p-navbar .navbar-brand img { transition: all ease .3s; } .mw-parser-output a.external:visited { color: #3e6b73; } /* .mw-headline { padding-top: 70px; margin-top: -70px; } */ .carousel-control-prev-icon, .carousel-control-next-icon { width: 40px; height: 40px; } .spoilers-button { background: linear-gradient(to bottom,#547fa8,#839FBD); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEE',endColorstr='#AAA',GradientType=0); border: 1px solid #000; border-radius: 3px; padding: 3px 10px; transition: 0.1s background-position linear; color: #fff; margin: 1em; } .spoilers-button:hover, .spoilers-button:active, .soilers-button:focus { background: #A3BAD2; } .spoilers-body { border: 1px dashed #7e899d; background-color: #E4FAFF; padding: 3px; color: #000; max-width: 520px; }