Fxkr (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Fxkr (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 22: | Zeile 22: | ||
} | } | ||
@font-face { | |||
font-family: "Xolonium-Regular"; | |||
src: url("/gulasch/Xolonium-Regular.otf"); | |||
} | |||
@font-face { | |||
font-family: "Xolonium-Bold"; | |||
src: url("/gulasch/Xolonium-Bold.otf"); | |||
} | |||
/* | /* | ||
Zeile 199: | Zeile 208: | ||
note: the h4 "von Norden (A5) & Osten (A8)" on GPN14:Anfahrt has to be readable */ | note: the h4 "von Norden (A5) & Osten (A8)" on GPN14:Anfahrt has to be readable */ | ||
h1,h2 { | h1,h2 { | ||
font-family: | font-family: Xolonium-Bold,sans-serif; | ||
} | } | ||
Version vom 29. Mai 2014, 21:49 Uhr
/* * GPN14 Stylesheet * * Ändern hier: https://entropia.de/GPN14:Stylesheet * Einbinden über: {{Navigationsleiste GPN14}} * * Farben: bitte HSL (bzw. HSLA) ggü. RGB bevorzugen! * * Hintergrund-Cyan: * background-color: rgb(40, 150, 180) * hsl(193, 64%, 43%) * * Andere, aber passende, Farben lassen sich leicht durch ändern * der dritten Komponente erzeugen. * * Testen: am einfachsten über mitmproxy (siehe git repo). */ @font-face { font-family: "Loxica"; src: url("/gulasch/v5loxicar.ttf"); } @font-face { font-family: "Xolonium-Regular"; src: url("/gulasch/Xolonium-Regular.otf"); } @font-face { font-family: "Xolonium-Bold"; src: url("/gulasch/Xolonium-Bold.otf"); } /* * Screen only */ @media screen { /* * Replace site logo * * gaaaaaarrrrrr.....!!!! */ div#p-logo.portlet a, div#p-logo.portlet a:hover { background-image: url("/wiki/images/f/f8/GPN14-wikilogo.png") !important; display: block; height: 110px; width: 160px; } div#column-one div a img { display: none; } /* * Header, Sidebar, Footer */ #column-one, #column-content { background-color: hsl(193, 64%, 43%); } .pBody { background-color: hsl(193, 64%, 43%); } #p-navigation a, #p-portlet2 a, #p-portlet3 a, #p-search a, #p-tb a, #p-fnord a { color: hsl(193, 64%, 95%); } #p-logo { background-color: hsl(193, 64%, 23%); } #footer li { color: hsl(193, 64%, 83%); margin: 0.2em !important; } div#footer li a, div#footer li a:link, div#footer li a:active, div#footer li a:visited { color: hsl(193, 64%, 83%); } body { /* In Chromium, a small rectangle at the bottom end of the sidebar isn't covered by anything else */ background-color: hsl(193, 64%, 43%); } div#globalWrapper { background-color: hsl(193, 64%, 43%); } div#footer { background-color: hsl(193, 64%, 43%); border-top: none; border-bottom: none; } /* line break before links in footer */ div#footer li[id="viewcount"]:after { content: " "; display: block; } /* Hide banner1 ("There is no fork.") -- wtf?! */ div#p-tb + div.generated-sidebar.portlet { display: none !important; } #p-navigation ul li, #p-portlet2 ul li, #p-portlet3 ul li, #p-search ul li, #p-tb ul li, #p-fnord ul li { border-bottom: 1px solid hsl(193, 64%, 53%); } /* Search box */ #searchInput { background-color: hsl(193, 64%, 78%); border: solid 1px hsl(193, 64%, 38%); outline: none; padding: 2px 2px; } #searchBody input[type="submit"], #searchBody input[type="submit"] { background-color: hsl(193, 10%, 93%); border: solid 1px hsl(193, 10%, 63%); } #searchBody { margin-bottom: 1em; } /* * Article/Discussion/Edit... tabs */ /* bugfix: they were overflowing at the bottom side */ li#ca-nstab-main, li#ca-nstab-main ~ li { background: none; } /* * Page content box */ .mw-body-primary { border: none !important; /* border to header/navbar/footer */ border-left: 1px solid hsl(193, 64%, 53%) !important; } div#content { /* background of everything below header, incl. sidebar */ background-color: hsl(193, 64%, 43%); /* empty space between header/navbar/footer and content box */ color: black; /* main text color */ padding-right: 0; /* content box meets right screen border */ background-image: url("/wiki/images/3/3f/GPN14-Logo-only.png"); background-repeat: no-repeat; background-attachment: scroll; background-size: 70% auto; background-position: 1.1em 1.1em; } div#content h1#firstHeading { background-color: hsla(193, 64%, 93%, 0.94); border-left: 1px solid hsl(193, 64%, 50%); border-top: 1px solid hsl(193, 64%, 50%); border-radius: 5px; /* Bottom joins div#bodyContent*/ border-radius: 5px 0px 0px 0px; padding: 0.3em 0.3em 0; margin-bottom: 0; } div#bodyContent { background-color: hsla(193, 64%, 93%, 0.94); border-left: 1px solid hsl(193, 64%, 50%); /* Top joins h1#firstHeading */ margin-top: 0; border-radius: 0px 0px 5px 5px; } /* * Content */ /* not for h4/h5: too hard to read at a typical h4/h5 size, not for h2/h3: looks bad when h4/h5 isnt in Loxica too note: the h4 "von Norden (A5) & Osten (A8)" on GPN14:Anfahrt has to be readable */ h1,h2 { font-family: Xolonium-Bold,sans-serif; } h1#firstHeading { font-size: 28pt; } h2 { font-size: 24pt; } /* Table of contents */ #toc, .toc, .mw-warning { background-color: rgba(255, 255, 255, 0); } /* Code blocks */ div#mw-content-text pre { background-color: rgba(255, 255, 255, 0.25); overflow: auto; /* "GPN14: Anfahrt": adress pre would overflow onto floating image. auto => offer scrollbar instead. */ } /* Thumbnails */ html .thumbimage { border: none; } /* Linkbox am Artikelende */ div.NavHead, .catlinks { background-color: rgba(255, 255, 255, 0); } /* Bullet point lists */ div#content ul { list-style: none; } div#content ul li { text-indent: -1em; } div#content ul li:before { /* hack to change color of bullet point */ content: "◾ "; color: hsl(193, 64%, 28%); } li.toclevel-1, li.toclevel-2, li.toclevel-3, li.toclevel-4, li.toclevel-5, li.toclevel-6, div.mw-normal-catlinks li { /* revert these changes for the toc and category link box */ text-indent: 0 !important; } li.toclevel-1:before, li.toclevel-2:before, li.toclevel-3:before, li.toclevel-4:before, li.toclevel-5:before, li.toclevel-6:before, div.mw-normal-catlinks li:before { /* revert these changes for the toc and category link box */ content: none !important; } /* * Links */ div#content a, div#content a:link, div#content a:active { text-decoration: underline; color: hsl(193, 64%, 35%); } div#content a:visited { text-decoration: underline; color: hsl(193, 64%, 25%); } div#content a.new { text-decoration: underline; color: hsl(0, 55%, 55%); } div#content a:hover { text-decoration: none; } div#mw-content-text pre a, div#mw-content-text pre a:link, div#mw-content-text pre a:active, div#mw-content-text pre a:visited { color: #101010; } } /* end -- media screen */