Introduce css color variables (2232fa60) · Commits · Fachschaft / fscoli-next

style.css

+29 −23

Changes for style.css: 29 added lines, 23 removed lines.
Original line number	Diff line number	Diff line
		@@ -20,6 +20,12 @@ Fachschaft Computerlinguistik is distributed under the terms of the GNU GPL
		}

		body {
		/* Variables */
		--fscoli-dark-red: #990000;
		--menu-shadow-gray: #8a8a8a;
		--light-gray: #cacaca;
		--text-black: #242424;

		position:absolute;
		top:0px;
		right:0px;
		@@ -43,7 +49,7 @@ a {
		}

		a:hover {
		text-shadow:0px 0px 1px #cacaca;
		text-shadow: 0 0 1px var(--light-gray);
		}

		a img {
		@@ -90,7 +96,7 @@ th {
		font-weight:normal;
		border-style:solid;
		border-width:0px 0px 2px 0px;
		border-color:#900;
		border-color:var(--fscoli-dark-red);
		background-color:rgba(153,0,0,0.5);
		color:#fff;
		}
		@@ -113,7 +119,7 @@ select {
		background-position: center right;
		background-size: contain;
		background-color: #fff;
		border: 1px solid #990000;
		border: 1px solid var(--fscoli-dark-red);
		border-radius:5px;
		font-family: "Open Sans", sans-serif;
		}
		@@ -135,16 +141,16 @@ input[type="submit"] {
		background-color: #fff;
		border: none;
		border-radius:5px;
		box-shadow: 0px 0px 2px #990000;
		box-shadow: 0px 0px 2px var(--fscoli-dark-red);
		font-size: 1em;
		font-family: "Open Sans", sans-serif;
		cursor: pointer;
		color: #990000;
		color: var(--fscoli-dark-red);
		transition: box-shadow 0.2s;
		}

		input[type="submit"]:hover {
		box-shadow: 0px 0px 5px #990000;
		box-shadow: 0px 0px 5px var(--fscoli-dark-red);
		}

		/* - easter egg: Pictures that change on hover - */
		@@ -221,8 +227,8 @@ ul.link-list li a {
		display:inline-block;
		margin:0.25em;
		padding: 0.3em;
		border: 1px solid #990000;
		box-shadow: 0px 0px 5px #cacaca;
		border: 1px solid var(--fscoli-dark-red);
		box-shadow: 0px 0px 5px var(--light-gray);
		font-size:1.25em;
		}

		@@ -359,9 +365,9 @@ body.admin-bar-shown #top-padding {
		padding:0px;
		border-width:0px 4px 4px 4px;
		border-style:solid;
		border-color:#900;
		border-color:var(--fscoli-dark-red);
		background:#fff;
		box-shadow:0px 0px 10px #8a8a8a inset;
		box-shadow:0px 0px 10px var(--menu-shadow-gray) inset;
		}

		#menu-container li ul li:hover > ul {
		@@ -379,7 +385,7 @@ body.admin-bar-shown #top-padding {
		border-style:solid;
		border-color:#ba0000;
		background:#fff;
		box-shadow:0px 0px 10px #8a8a8a;
		box-shadow:0px 0px 10px var(--menu-shadow-gray);
		}

		#menu-container li li {
		@@ -398,7 +404,7 @@ body.admin-bar-shown #top-padding {
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
		background-color:#cacaca;
		background-color:var(--light-gray);
		overflow:hidden;
		}

		@@ -430,7 +436,7 @@ div.home-row {
		position:relative;
		width:100%;
		border-style: solid;
		border-color: #900;
		border-color: var(--fscoli-dark-red);
		border-width: 1px 0px 0px 0px;
		}

		@@ -486,7 +492,7 @@ div.home-news-sidebar {
		width:24%;
		vertical-align: top;
		border-style:solid;
		border-color:#cacaca;
		border-color:var(--light-gray);
		border-width:0px 0px 0px 1px;
		}

		@@ -541,7 +547,7 @@ div.home-news-sidebar .more {
		padding:1em;
		background-color:#fff;
		border-style: solid;
		border-color: #990000;
		border-color: var(--fscoli-dark-red);
		border-width: 0px 2px 0px 0px;
		box-shadow:0px 0px 5px #424242;
		}
		@@ -604,7 +610,7 @@ div.home-news-sidebar .more {
		bottom:-5em;
		border-width:32px 0px 0px 32px;
		border-style:solid;
		border-color:#cacaca transparent;
		border-color:var(--light-gray) transparent;
		}

		.posts-listing .post-content::after {
		@@ -665,8 +671,8 @@ div.home-news-sidebar .more {
		display:inline-block;
		margin:0.25em;
		padding: 0.3em;
		border: 1px solid #990000;
		box-shadow: 0px 0px 5px #cacaca;
		border: 1px solid var(--fscoli-dark-red);
		box-shadow: 0px 0px 5px var(--light-gray);
		}

		.page-selector-previous {
		@@ -714,7 +720,7 @@ div.home-news-sidebar .more {
		padding:0.5em;
		background-color: rgba(0,0,0,0.8);
		border-style:solid;
		border-color:#900;
		border-color:var(--fscoli-dark-red);
		border-width:0px 0px 0px 2px;
		box-shadow:0px 0px 3px #424242;
		text-align:left;
		@@ -754,7 +760,7 @@ div.home-news-sidebar .more {
		margin:0.25em 0em;
		padding:0.25em;
		border-style: solid;
		border-color: #990000;
		border-color: var(--fscoli-dark-red);
		border-width: 0px 0px 0px 2px;
		}

		@@ -846,7 +852,7 @@ footer a {
		/* Pills (a rounded group of multiple button-like entries, one of which can be active (red background), inactive
		entries have a white background (therefore making the whole thing looking somewhat like a pill)*/
		.pill {
		border: 2px solid #900;
		border: 2px solid var(--fscoli-dark-red);
		margin: 0;
		border-radius: 10px;
		display: inline-flex;
		@@ -854,7 +860,7 @@ footer a {
		.pill li {
		display: inline;
		list-style: none;
		border-right: 2px solid #900;
		border-right: 2px solid var(--fscoli-dark-red);
		padding: 0 7px;
		cursor: pointer;
		}
		@@ -868,7 +874,7 @@ footer a {
		border-bottom-right-radius: 5px;
		}
		.pill li.active {
		background-color: #900;
		background-color: var(--fscoli-dark-red);
		color: white;
		}