imported>Ahoi |
|
| (256 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| /********************* COLORS *********************/
| |
| :root {
| |
| --dark: #23415F;
| |
| --medium: #97ACBF;
| |
| --medium3: #A9BBCA;
| |
| --bglight: #F2EFF1;
| |
| --bglight1: #F4F1F3;
| |
| --light: #F4D9CF;
| |
| --fontdark: #000000;
| |
| --fontlight: #fafafa;
| |
| --accentdark: #003D68;
| |
| --accent: #F2A794;
| |
| --accent1: #F5BFB1;
| |
| --accentlight: #fafafa;
| |
| --panther: #FF99C9;
| |
| --tweekiblue: #265A88;
| |
| --cielo: #FAFAFA;
| |
| }
| |
|
| |
|
| /********************* TYPEFACES *********************/
| |
| /*FONT SOURCE SANS PRO */
| |
| /*@import url(https://fonts.googleapis.com/css?family=Lato);
| |
| * {font-family: 'Lato',sans-serif;}*/
| |
|
| |
| @import url(https://fonts.googleapis.com/css?family=Poppins);
| |
| * {font-family: 'Poppins',sans-serif;}
| |
|
| |
| html {
| |
| font-size: 62,5 %}
| |
| }
| |
|
| |
| body,
| |
| p,
| |
| table p {
| |
| font-size: 1.6rem;
| |
| }
| |
|
| |
| body,
| |
| .navbar-default,
| |
| .navbar-brand {
| |
| color: var(--dark);
| |
| }
| |
|
| |
|
| |
| /********************* HEADINGS *********************/
| |
| h1, h2, hr {
| |
| color: var(--accent);
| |
| }
| |
|
| |
| h1#firstHeading.firstHeading, {
| |
| font-family: 'Lato', sans-serif;
| |
| color: #002A4A;
| |
| }
| |
|
| |
| /********************* MAIN PAGE / BUTTONS *********************/
| |
| button,
| |
| .mw-ui-button.mw-ui-progressive,
| |
| .mw-ui-button.mw-ui-primary {
| |
| background: var(--tweekiblue);
| |
| border: 1px solid var(--tweekiblue);
| |
| color: var(--cielo);
| |
| }
| |
|
| |
| button:hover,
| |
| .mw-ui-button.mw-ui-progressive:hover,
| |
| .mw-ui-button.mw-ui-primary:hover {
| |
| background: var(--dark);
| |
| border: 1px solid var(--dark);
| |
| color: var(--cielo);
| |
| }
| |
|
| |
| .mw-ui-input:focus {
| |
| box-shadow: inset 0 0 0 2px var(--panther);
| |
| border-color: var(--panther);
| |
| outline: 0;
| |
| }
| |
|
| |
| /********************* BACKGROUND *********************/
| |
| .mw-body {border: 1px solid var(--light);}
| |
|
| |
| #mw-page-base {
| |
| background-image: linear-gradient(#ffffff 50%,#FFE9CF 100%);
| |
| background-color: #ffffff;
| |
| }
| |
|
| |
| body {background-color: var(--light);}
| |
|
| |
| /*********************** HEADER/NAVBAR *********************/
| |
| /*https://css-tricks.com/snippets/css/css-box-shadow/*/
| |
| #mw-head.navbar-inner {
| |
| background-image: linear-gradient(var(--accent1) 50%,var(--accent) 100%);
| |
| }
| |
| #mw-navigation.navbar {border-bottom-color: var(--accent);
| |
| /* -webkit-box-shadow: 0 4px 3px -3px var(--accentdark);
| |
| -moz-box-shadow: 0 4px 3px -3px var(--accentdark);
| |
| box-shadow: 0 4px 3px -3px var(--accentdark);*/
| |
| }
| |
|
| |
| }
| |
|
| |
| /********************* TABLES ********************
| |
| .brand {
| |
| margin: 1em 0;
| |
| width: 90%;
| |
| border-collapse: collapse;
| |
| text-align: left;
| |
| }
| |
| .brand th {
| |
| border-bottom: 1px solid #FFE9CF;
| |
| font-size: smaller;
| |
| font-weight: normal;
| |
| color: #FF9311;
| |
| padding: .5em .4em .1em .3em;
| |
| vertical-align: top;
| |
| text-align: left;
| |
| }
| |
|
| |
| .brand td {
| |
| border-bottom: 1px solid #FFE9CF;
| |
| color: #002A4A;
| |
| padding: .1em .4em 1em 1em;
| |
| }
| |
| */
| |
| /* wird mit S Title gelöst
| |
| .ausarbeitungtitel {
| |
| font-size: 120%;
| |
| font-weight: bold;
| |
| } */
| |
|
| |
| /********************* ANLEITUNGEN ********************
| |
| .anleitungtab {
| |
| margin: 1em 0;
| |
| width: 90%;
| |
| border-collapse: collapse;
| |
| text-align: left;
| |
| }
| |
| .anleitungtab th {
| |
| border-bottom: 1px solid #FFE9CF;
| |
| font-size: smaller;
| |
| font-weight: normal;
| |
| color: #FF9311;
| |
| padding: .5em .4em .1em .3em;
| |
| vertical-align: top;
| |
| text-align: left;
| |
| }
| |
|
| |
| .anleitungtab td {
| |
| border-bottom: 1px solid #FFE9CF;
| |
| color: #002A4A;
| |
| padding: .1em .4em 1em 1em;
| |
| }
| |
| */
| |
