Difference between revisions of "MediaWiki:Common.css"

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;
}

@@ Line 1: / Line 1: @@
 /* 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;
 }