ПролеВики:Заглавная страница/styles.css: различия между версиями

Версия от 09:38, 3 августа 2022

.mainpage-body { margin:auto; }

mainpage-banner span

{ display: inline-block; width: 100%; content: url(https://shared.prolewiki.org/uploads/1/11/Mainpageheader2.png); border-radius:12px;

} .mainpage-banner-overlay { position: absolute; top: 65px; width: 100%; }

.mainpage-header {

   display: flex;

margin: 2em 5em; align-items:baseline; }

.header-intro {

   flex: 2;

}

.header-intro h1 {

   font-size: 2.5em;
   border: none;
   margin: 0 0 .15em;

}

.header-intro p {

   font-size: 1.1em;
   line-height: 1.7em;

}

.header-stats {

   display: flex;
   align-items: center;
   margin:auto;

} .header-stats ul {

       list-style: none;

}

@media screen and (max-width: 800px) { .mainpage-header { flex-direction: column; margin:2em; } }

.mainpage-frame { box-shadow: 0 0 .3em #999; border-radius: 1em; width:100%; } .mainpage-frame:after { display: block; content: ""; clear: both; } .separator { width:5%; margin:1em auto; } .frame-header { background-color:#b50014; border-radius: 1em 1em 0.25em 0.25em; color: #fff; padding: .4em .8em .5em; font-weight: bold; } .frame-header:before { display: inline-block; /* Add some content in order to get normal line height, then make it transparent */ content: "x"; color: transparent; width: 40px; opacity: .7; /**/ background-image: url(https://shared.prolewiki.org/uploads/3/3d/Hamsickwhite.svg); background-size: contain; background-repeat: no-repeat; background-position: left center; } .frame-body { padding: 1em; }

@@ Строка 1: / Строка 1: @@
-(please delete this)
+.mainpage-body {
+	margin:auto;
+}
+#mainpage-banner span
+{
+	display: inline-block;
+	width: 100%;
+	content: url(https://shared.prolewiki.org/uploads/1/11/Mainpageheader2.png);
+	border-radius:12px;
+}
+.mainpage-banner-overlay {
+	position: absolute;
+	top: 65px;
+	width: 100%;
+}
+.mainpage-header {
+    display: flex;
+	margin: 2em 5em;
+	align-items:baseline;
+}
+.header-intro {
+    flex: 2;
+}
+.header-intro h1 {
+    font-size: 2.5em;
+    border: none;
+    margin: 0 0 .15em;
+}
+.header-intro p {
+    font-size: 1.1em;
+    line-height: 1.7em;
+}
+.header-stats {
+    display: flex;
+    align-items: center;
+    margin:auto;
+}
+.header-stats ul {
+        list-style: none;
+}
+@media screen and (max-width: 800px) {
+	.mainpage-header {
+		flex-direction: column;
+		margin:2em;
+	}
+}
+.mainpage-frame {
+	box-shadow: 0 0 .3em #999;
+	border-radius: 1em;
+	width:100%;
+}
+.mainpage-frame:after {
+	display: block;
+	content: "";
+	clear: both;
+}
+.separator {
+	width:5%;
+	margin:1em auto;
+}
+.frame-header {
+	background-color:#b50014;
+	border-radius: 1em 1em 0.25em 0.25em;
+	color: #fff;
+	padding: .4em .8em .5em;
+	font-weight: bold;
+}
+.frame-header:before {
+	display: inline-block;
+	/* Add some content in order to get normal line height, then make it transparent */
+	content: "x";
+	color: transparent;
+	width: 40px;
+	opacity: .7;
+	/*[[File:Hamsickwhite.svg]]*/
+	background-image: url(https://shared.prolewiki.org/uploads/3/3d/Hamsickwhite.svg);
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: left center;
+}
+.frame-body {
+	padding: 1em;
+}