Difference between revisions of "MediaWiki:Common.css"
MediaWiki interface page
Views
Actions
Namespaces
Variants
Tools
m (added radius to languages bar) |
|||
(6 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
/*@import url("https://cdn.jsdelivr.net/npm/uikit@3.7.1/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 '); | @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 28: | Line 27: | ||
.mw-pt-languages{ | .mw-pt-languages{ | ||
border-radius: 5px; | 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; | |||
} | } |
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;
}