Manjaro Difference between revisions of "MediaWiki:Common.css"

Difference between revisions of "MediaWiki:Common.css"

MediaWiki interface page
(fixed background color problem)
 
(20 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
@import url("https://cdn.jsdelivr.net/npm/uikit@3.5.8/dist/css/uikit.min.css");
/*@import url("https://cdn.jsdelivr.net/npm/uikit@3.7.1/dist/css/uikit.min.css");*/
@import url( 'https://fonts.googleapis.com/css?family=Comfortaa|Noto+Serif ');
h1, h2, h3, h4, h5, h6{
h1, h2, h3, h4, h5, h6{
border: none !important;
border: none !important;
Line 8: Line 9:
}
}
html, body{
html, body{
height:0px;
height:0px !important;
}
#mw-panel .portal .body ul {
padding-left: 0px !important;
}
.firstHeading{
margin-top: 10px !important;
}
}
.card {
#content h1,
    position: relative;
#content h2 {
    margin: .5rem 0 1rem 0;
  font-family: "Comfortaa", serif;
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .25s;
    transition: -webkit-box-shadow .25s;
    transition: box-shadow .25s;
    transition: box-shadow .25s, -webkit-box-shadow .25s;
    border-radius: 2px;
}
}
.z-depth-1, nav, .card-panel, .card {
pre, code, .mw-code{
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
color: gray;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
border-radius: 5px;
}
}
.card .card-content {
.mw-pt-languages{
    padding: 24px;
border-radius: 5px;
    border-radius: 0 0 2px 2px;
}
}
.card a:link {
.home-card {
  color: #90caf9;
position:relative;
padding:15px;
background:var(--color-surface-1);
border-radius:8px;
box-shadow:0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
font-size:0.875rem
}
}
.card .unpatrolled{
.home-card-label {
color:#dce775 !important;
color:var(--color-base--subtle);
font-size:0.8125rem;
letter-spacing:0.75px
}
}
.card .mw-plusminus-pos{
h3.home-card-header {
color: #b2dfdb !important;
margin-top:0;
font-size:1rem
}
}
/* visited link */
.home-grid {
.card a:visited {
display:grid;
  color: #e3f2fd;
grid:auto-flow dense/repeat(auto-fit,minmax(9.375rem,1fr));
grid-auto-rows:minmax(3rem,auto);
grid-gap:0.625rem
}
}
 
.home-card-col2 {
/* mouse over link */
grid-column:span 2
.card a:hover {
  color: #e3f2fd;
}
}
 
.home-card-row3 {
.card h4 {
grid-row:span 3
color: #fff !important;
}
.white-text {
    color: #fff !important;
}
}
.green-background {
.home-link-button {
background-color: #4caf50 !important;
display:flex;
margin-top:15px;
}
}
.card .card-content .card-title {
.home-link-button a {
    display: block;
flex-grow:1;
    line-height: 32px;
padding:0.3rem 0.6rem;
    margin-bottom: 8px;
border:1px solid;
border-color:var(--border-color-base);
background:var(--background-color-framed);
border-radius:8px;
color:var(--color-base--emphasized)
}
}
.card .card-title {
.home-link-button a:hover {
    font-size: 24px;
background:var(--background-color-framed--hover)
    font-weight: 300;
}
}
.card .card-action:last-child {
.home-link-button a:active {
    border-radius: 0 0 2px 2px;
background:var(--background-color-framed--active)
}
}
.card .card-action {
.mw-pt-languages-list a{
    background-color: inherit;
padding:0.3rem 0.6rem;
    border-top: 1px solid rgba(160,160,160,0.2);
border:1px solid;
    position: relative;
border-color:var(--border-color-base);
    padding: 16px 24px;
background:var(--background-color-framed);
border-radius:8px;
color:var(--color-base--emphasized);
line-height:2;
}
}

Latest revision as of 16:22, 15 July 2022

/* CSS placed here will be applied to all skins */
/*@import url("https://cdn.jsdelivr.net/npm/uikit@3.7.1/dist/css/uikit.min.css");*/
@import url( 'https://fonts.googleapis.com/css?family=Comfortaa|Noto+Serif ');
h1, h2, h3, h4, h5, h6{
	border: none !important;
}
hr {
	height:0px;
}
html, body{
	height:0px !important;
}
#mw-panel .portal .body ul {
	padding-left: 0px !important;
}
.firstHeading{
	margin-top: 10px !important;
}
#content h1, 
#content h2 {
  font-family: "Comfortaa", serif;
}
pre, code, .mw-code{
	color: gray;
	border-radius: 5px;
}
.mw-pt-languages{
	border-radius: 5px;
}
.home-card {
 position:relative;
 padding:15px;
 background:var(--color-surface-1);
 border-radius:8px;
 box-shadow:0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575);
 font-size:0.875rem
}
.home-card-label {
 color:var(--color-base--subtle);
 font-size:0.8125rem;
 letter-spacing:0.75px
}
h3.home-card-header {
 margin-top:0;
 font-size:1rem
}
.home-grid {
 display:grid;
 grid:auto-flow dense/repeat(auto-fit,minmax(9.375rem,1fr));
 grid-auto-rows:minmax(3rem,auto);
 grid-gap:0.625rem
}
.home-card-col2 {
 grid-column:span 2
}
.home-card-row3 {
 grid-row:span 3
}
.home-link-button {
 display:flex;
 margin-top:15px;
}
.home-link-button a {
 flex-grow:1;
 padding:0.3rem 0.6rem;
 border:1px solid;
 border-color:var(--border-color-base);
 background:var(--background-color-framed);
 border-radius:8px;
 color:var(--color-base--emphasized)
}
.home-link-button a:hover {
 background:var(--background-color-framed--hover)
}
.home-link-button a:active {
 background:var(--background-color-framed--active)
}
.mw-pt-languages-list a{
 padding:0.3rem 0.6rem;
 border:1px solid;
 border-color:var(--border-color-base);
 background:var(--background-color-framed);
 border-radius:8px;
 color:var(--color-base--emphasized);
 line-height:2;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.