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

Difference between revisions of "MediaWiki:Common.css"

MediaWiki interface page
(a colors)
 
(29 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 */
.card {
/*@import url("https://cdn.jsdelivr.net/npm/uikit@3.7.1/dist/css/uikit.min.css");*/
    position: relative;
@import url( 'https://fonts.googleapis.com/css?family=Comfortaa|Noto+Serif ');
    margin: .5rem 0 1rem 0;
h1, h2, h3, h4, h5, h6{
    background-color: #fff;
border: none !important;
    -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 {
hr {
    -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);
height:0px;
    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);
}
}
.card .card-content {
html, body{
    padding: 24px;
height:0px !important;
    border-radius: 0 0 2px 2px;
}
}
.card a:link {
#mw-panel .portal .body ul {
  color: #90caf9;
padding-left: 0px !important;
}
}
 
.firstHeading{
/* visited link */
margin-top: 10px !important;
.card a:visited {
  color: #e3f2fd;
}
}
 
#content h1,
/* mouse over link */
#content h2 {
.card a:hover {
   font-family: "Comfortaa", serif;
   color: #e3f2fd;
}
}
 
pre, code, .mw-code{
.card h4 {
color: gray;
color: #fff !important;
border-radius: 5px;
}
.white-text {
    color: #fff !important;
}
}
.green-background {
.mw-pt-languages{
background-color: #009688 !important;
border-radius: 5px;
}
}
.card .card-content .card-title {
.home-card {
    display: block;
position:relative;
    line-height: 32px;
padding:15px;
    margin-bottom: 8px;
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 .card-title {
.home-card-label {
    font-size: 24px;
color:var(--color-base--subtle);
    font-weight: 300;
font-size:0.8125rem;
letter-spacing:0.75px
}
}
.card .card-action:last-child {
h3.home-card-header {
    border-radius: 0 0 2px 2px;
margin-top:0;
font-size:1rem
}
}
.card .card-action {
.home-grid {
    background-color: inherit;
display:grid;
    border-top: 1px solid rgba(160,160,160,0.2);
grid:auto-flow dense/repeat(auto-fit,minmax(9.375rem,1fr));
    position: relative;
grid-auto-rows:minmax(3rem,auto);
    padding: 16px 24px;
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;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.