Merge branch 'style-blockquotes' into 'master' (2e0f4c68) · Commits · Fachschaft / fscoli-next

style.css

+78 −30

Original line number	Diff line number	Diff line
		@@ -7,7 +7,7 @@
		* Author: personads :: Maximilian Müller-Eberstein (ursprüngliche Version und Design); Jakob Moser (Code-Rewrite)
		* Author URI: https://personads.me/
		*
		* Version: 1.0.2
		* Version: 1.1.0
		*
		* License: GNU General Public License v3.0
		* License URI: https://www.gnu.org/licenses/gpl-3.0.html
		@@ -311,7 +311,7 @@ article {
		padding: 2em;
		}

		article .content p {
		article .content p, article .content blockquote {
		margin: 1em 0;
		}

		@@ -552,8 +552,6 @@ main.list {

		main.list article {
		margin: 2em 0;
		position: relative;
		box-shadow: 0px 0px 10px var(--shadow-color);
		}

		main.list article:first-of-type {
		@@ -577,32 +575,6 @@ main.list .content {
		margin-top: 1.5em;
		}

		main.list footer::before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		width: 0;
		height: 0;
		bottom: -2em;
		border-width: 32px 0 0 32px;
		border-style: solid;
		border-color: var(--light-gray) transparent;
		}

		main.list footer::after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		width: 0;
		height: 0;
		bottom: -1.7em;
		border-width: 30px 0 0 30px;
		border-style: solid;
		border-color: #fff transparent;
		}

		main.list footer time {
		position: absolute;
		top: 0.5em;
		@@ -688,6 +660,54 @@ main.list article > header h1 {
		}
		}

		/* ### Shared styles: "Speech bubble look" for list articles and blockquotes ### */
		main.list article, blockquote {
		position: relative;
		}

		main.list article {
		box-shadow: 0 0 10px var(--shadow-color);
		}

		blockquote {
		box-shadow: 0 0 5px var(--shadow-color);
		}

		main.list footer::before, blockquote::before {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		width: 0;
		height: 0;
		bottom: -2em;
		border-width: 32px 0 0 32px;
		border-style: solid;
		border-color: var(--light-gray) transparent;
		}

		main.list footer::after, blockquote::after {
		content: "";
		display: block;
		position: absolute;
		right: 0;
		width: 0;
		height: 0;
		border-width: 30px 0 0 30px;
		border-style: solid;
		border-color: #fff transparent;
		}

		main.list footer::after {
		bottom: -1.7em;
		}

		blockquote::after {
		bottom: -1.8em;
		}

		/* ### End shared styles ### */

		/* ==== Utilities: Pagination ==== */
		.pagination {
		display: grid;
		@@ -870,6 +890,34 @@ ul.seamless li {
		color: inherit;
		}

		/* -- Quotes -- */

		/* Blockquotes share some styles with post list entries, see section marked ### above */

		blockquote {
		padding: 1em;
		}

		blockquote :first-child {
		margin-top: 0 !important;
		}

		blockquote p:first-of-type::before {
		content: "„";
		}

		blockquote p:last-of-type {
		margin-bottom: 0;
		}

		blockquote p:last-of-type::after {
		content: "“";
		}

		blockquote cite {
		font-size: small;
		}

		/* -- Form elements -- */
		select {
		-webkit-appearance: none;

Admin message