imported>Ahoi |
|
| (197 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;
| |
| − | --white: #FAFAFA;
| |
| − | --new: #B6465F;
| |
| − | --newold: #953A4E;
| |
| − | --line: #EDFF8A;
| |
| − | --yes: #AFD5AA;
| |
| − | }
| |
| | | | |
| − | /*show catlinks*/
| |
| − | /*#catlinks {display:block;}*/
| |
| − |
| |
| − | /********************* 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;}
| |
| − |
| |
| − | /*after this, our base size to count from is about 10px (browser standard)*/
| |
| − | html {
| |
| − | font-size: 62,5%;
| |
| − | }
| |
| − |
| |
| − | body,
| |
| − | p,
| |
| − | table p {
| |
| − | font-size: 1.6rem;
| |
| − | }
| |
| − |
| |
| − | body,
| |
| − | .navbar-default,
| |
| − | .navbar-brand {
| |
| − | color: var(--dark);
| |
| − | }
| |
| − |
| |
| − | /********************* LINKS *********************/
| |
| − | /*a:link {color:
| |
| − | a:visited
| |
| − | a:hover
| |
| − | a:active
| |
| − | text-decoration: none;
| |
| − | */
| |
| − |
| |
| − | a:link { color: var(--tweekiblue); }
| |
| − | a:visited { color: var(--accentdark); }
| |
| − | a:hover { color: var(--accentdark); background: var(--line); text-decoration:none;}
| |
| − | .btn a:link {color: var(--light);}
| |
| − | a:active { color: var(--tweekiblue); }
| |
| − | a.new { color: var(--new); }
| |
| − | a.new:hover { color: var(--newold); }
| |
| − | a.new:visited { color: var(--newold); }
| |
| − |
| |
| − |
| |
| − | /* Button */
| |
| − | #ca-edit-ext,
| |
| − | .btn a:link,
| |
| − | .btn-primary a:link,
| |
| − | .btn-primary {color: var(--white);}
| |
| − |
| |
| − | .btn.btn-primary.btn-block > b.caret {color: var(--white);}
| |
| − |
| |
| − |
| |
| − | /* Get rid of the lock icon */
| |
| − | #content a.external,
| |
| − | #content a.external[href^="gopher://"],
| |
| − | #content a.external[href^="https://"],
| |
| − | .link-https {
| |
| − | background: none;
| |
| − | padding-right: 1px;
| |
| − | }
| |
| − |
| |
| − | #content a.external:after,
| |
| − | #content a.external[href^="gopher://"]:after,
| |
| − | #content a.external[href^="https://"]:after,
| |
| − | .link-https:after {
| |
| − | content: " \2197";
| |
| − | }
| |
| − |
| |
| − | /********************* HEADINGS *********************/
| |
| − | h1, h2, hr {
| |
| − | color: var(--accent);
| |
| − | }
| |
| − |
| |
| − | h1 {font-size: 5rem;}
| |
| − |
| |
| − | /*h1#firstHeading.firstHeading, {
| |
| − | font-family: 'Lato', sans-serif;
| |
| − | color: #002A4A;
| |
| − | }*/
| |
| − |
| |
| − | /********************* MAIN PAGE / BUTTONS *********************/
| |
| − | /*hide page title on homepage/main page */
| |
| − | body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading { display: none; }
| |
| − |
| |
| − | .blurb {font-size: larger;}
| |
| − |
| |
| − | .blurbsub
| |
| − |
| |
| − | button,
| |
| − | .mw-ui-button.mw-ui-progressive,
| |
| − | .mw-ui-button.mw-ui-primary {
| |
| − | background: var(--tweekiblue);
| |
| − | border: 1px solid var(--tweekiblue);
| |
| − | color: var(--white);
| |
| − | }
| |
| − |
| |
| − | 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(--white);
| |
| − | }
| |
| − |
| |
| − | .mw-ui-input:focus {
| |
| − | box-shadow: inset 0 0 0 2px var(--panther);
| |
| − | border-color: var(--panther);
| |
| − | outline: 0;
| |
| − | }
| |
| − |
| |
| − | /* Boxen in Übersicht */
| |
| − | .panel-heading {
| |
| − | background-image: linear-gradient(to bottom,var(--bglight) 0,var(--bglight1) 100%);
| |
| − | }
| |
| − |
| |
| − | ,panel-footer {
| |
| − | background-color: var(--bglight);
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /********************* 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);*/
| |
| − |
| |
| − | /********************* ERRORBOX ********************/
| |
| − |
| |
| − | .errorbox {
| |
| − | color: var(--panther2);
| |
| − | background-color: var(--panther3);
| |
| − | border-color: var(--panther);
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /********************* TABLES ********************/
| |
| − |
| |
| − | .brand {
| |
| − | margin: 1em 0;
| |
| − | width: 90%;
| |
| − | border-collapse: collapse;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | .brand th,
| |
| − | .brand td {padding-bottom: 20px;}
| |
