Keine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 1: | Zeile 1: | ||
/* | /* | ||
* GPN15 Stylesheet | |||
* | |||
* https://github.com/entropia/gpn15-design/wiki/ | |||
*/ | |||
@font-face { | |||
font-family: "YanoneKaffeesatz-Regular"; | |||
src: url("/gulasch/fonts/YanoneKaffeesatz-Regular.ttf"); | |||
} | |||
@font-face { | |||
font-family: "YanoneKaffeesatz-Thin"; | |||
src: url("/gulasch/fonts/YanoneKaffeesatz-Thin.ttf"); | |||
} | |||
@font-face { | |||
font-family: "YanoneKaffeesatz-Bold"; | |||
src: url("/gulasch/fonts/YanoneKaffeesatz-Bold.ttf"); | |||
} | |||
@font-face { | |||
font-family: "YanoneKaffeesatz-Light"; | |||
src: url("/gulasch/fonts/YanoneKaffeesatz-Light.ttf"); | |||
} | |||
/* | |||
* === Decorations (Header, Logo, Sidebar, Footer, and everything in them) === | |||
*/ | |||
div#p-logo.portlet a, | |||
div#p-logo.portlet a:hover { | |||
background-image: url("/gulasch/imgs/wikilogo.png") !important; | |||
display: block; | |||
height: 110px; | |||
width: 160px; | |||
} | |||
div#column-one div a img { | |||
display: none; | |||
} | |||
div#p-logo.portlet { | |||
background-image: url("/gulasch/imgs/topbar.png") !important; | |||
background-repeat: repeat-x; | |||
background-color: transparent; | |||
} | |||
/* | |||
// Sidebar | |||
#column-content | |||
background-color sidebarBgColor | |||
*/ | */ | ||
.pBody { | |||
background-color: transparent; | |||
} | |||
#p-navigation a, | |||
#p-portlet2 a, | |||
#p-portlet3 a, | |||
#p-search a, | |||
#p-tb a, | |||
#p-fnord a { | |||
color: #000; | |||
} | |||
#searchInput { | |||
color: #000; | |||
background-color: #bed7e6; | |||
outline: none; | |||
border: 1px solid #91bbd4; | |||
padding: 2px 2px; | |||
} | |||
#searchform input[name="go"], | |||
#searchform input[name="fulltext"] { | |||
outline: 0; | |||
color: #000; | |||
background-color: #c4dbe9; | |||
border: 1px solid #91bbd4; | |||
} | |||
div#footer, | |||
div# | body, | ||
div#globalWrapper { | |||
} | background-color: #bed7e6; | ||
div# | } | ||
div#footer { | |||
border-top: none; | |||
border-bottom: none; | |||
} | |||
#footer li { | |||
color: #b8e3ef; | |||
# | margin: 0.2em !important; | ||
} | |||
div#footer li a, | |||
div#footer li a:link, | |||
div#footer li a:active, | |||
} | div#footer li a:visited { | ||
# | color: #639fc3; | ||
} | |||
# | div#footer li[id="viewcount"]:after { | ||
# | content: " "; | ||
display: block; | |||
} | |||
#column-one { | |||
} | background: #bed7e6; | ||
# | background-image: url("/gulasch/imgs/sidebar.png"); | ||
background-position: 0px 0px; | |||
background-repeat: no-repeat; | |||
} | |||
border: 1px solid # | #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 #639fc3; | |||
} | |||
/* | |||
} | * === Content box (and tabs) === | ||
*/ | |||
li#ca-nstab-main, | |||
li#ca-nstab-main ~ li { | |||
background: none; | |||
} | |||
#p-cactions ul li a, | |||
#p-cactions ul li a:link, | |||
border | #p-cactions ul li a:active, | ||
} | #p-cactions ul li a:visited, | ||
# | #p-cactions ul li a:hover, | ||
color black { | |||
background-color: #c4dbe9; | |||
} | border: 1px solid #91bbd4; | ||
} | |||
#p-cactions ul li a:hover { | |||
background-color: #cbdfeb; | |||
} | |||
#p-cactions ul li a:active { | |||
} | background-color: #d2e3ee; | ||
} | |||
/* | |||
* === Content box === | |||
} | */ | ||
# | .mw-body-primary { | ||
border: none !important; | |||
border-left: 1px solid #639fc3 !important; | |||
} | |||
div#content /* background of everything below header, | |||
} | incl. sidebar */ { | ||
# | background-color: #bed7e6; | ||
# | /* empty space between header/navbar/footer and content box */ | ||
color: #000; | |||
# | /* main text color */ | ||
padding-right: 0; | |||
# | /* content box meets right screen border */ | ||
} | |||
div#content h1#firstHeading { | |||
/ | background-color: #e1ebf1; | ||
border-left: 1px solid #cbdfeb; | |||
border-top: 1px solid #cbdfeb; | |||
/* Bottom joins div#bodyContent*/ | |||
padding: 0.3em 0.3em 0; | |||
margin-bottom: 0; | |||
} | |||
# | div#bodyContent { | ||
background-color: #e1ebf1; | |||
border-left: 1px solid #cbdfeb; | |||
/* Top joins h1#firstHeading */ | |||
margin-top: 0; | |||
} | |||
/* | |||
* Content | |||
} | */ | ||
# | h1, | ||
h2 { | |||
font-family: YanoneKaffeesatz-Regular, sans-serif; | |||
} | |||
h1#firstHeading { | |||
} | font-size: 22pt; | ||
/* | font-family: YanoneKaffeesatz-Light, sans-serif; | ||
} | |||
h2 { | |||
.mw- | font-size: 18pt; | ||
} | |||
/* Table of contents */ | |||
} | #toc, | ||
div#content | .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; | ||
/* "GPN15: Anfahrt": adress pre would overflow onto floating image. auto => offer scrollbar instead. */ | |||
} | |||
/* Thumbnails */ | |||
html .thumbimage { | |||
border: none; | |||
/* | } | ||
/* Linkbox am Artikelende */ | |||
div.NavHead, | |||
} | .catlinks { | ||
div# | 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: "\25fe "; | |||
color: #1a6175; | |||
} | } | ||
li.gallerybox, | |||
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.gallerybox:before, | ||
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 | div#content a:link, | ||
div#content a:active { | |||
text-decoration: underline; | |||
color: #207a92; | |||
} | |||
div#content | div#content a:visited { | ||
text-decoration: underline; | |||
} | color: #175769; | ||
div#content | } | ||
div#content a:new { | |||
} | text-decoration: underline; | ||
div#content | color: #cb4d4d; | ||
} | |||
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; | |||
} | |||
div | div#content table.highlight { | ||
background-color: #f1f3f4; | |||
} | border: solid 1px #99b3ff; | ||
margin: 1em; | |||
margin-top: 2em; | |||
padding: 0.3em 1em; | |||
font-size: 150%; | |||
} | |||
div#content td.highlight { | |||
padding-right: 1.5em; | |||
div. | } | ||
a.new { | |||
text-decoration: underline !important; | |||
color: #e05252 !important; | |||
} | |||
} |
Version vom 4. April 2015, 01:02 Uhr
/* * GPN15 Stylesheet * * https://github.com/entropia/gpn15-design/wiki/ */ @font-face { font-family: "YanoneKaffeesatz-Regular"; src: url("/gulasch/fonts/YanoneKaffeesatz-Regular.ttf"); } @font-face { font-family: "YanoneKaffeesatz-Thin"; src: url("/gulasch/fonts/YanoneKaffeesatz-Thin.ttf"); } @font-face { font-family: "YanoneKaffeesatz-Bold"; src: url("/gulasch/fonts/YanoneKaffeesatz-Bold.ttf"); } @font-face { font-family: "YanoneKaffeesatz-Light"; src: url("/gulasch/fonts/YanoneKaffeesatz-Light.ttf"); } /* * === Decorations (Header, Logo, Sidebar, Footer, and everything in them) === */ div#p-logo.portlet a, div#p-logo.portlet a:hover { background-image: url("/gulasch/imgs/wikilogo.png") !important; display: block; height: 110px; width: 160px; } div#column-one div a img { display: none; } div#p-logo.portlet { background-image: url("/gulasch/imgs/topbar.png") !important; background-repeat: repeat-x; background-color: transparent; } /* // Sidebar #column-content background-color sidebarBgColor */ .pBody { background-color: transparent; } #p-navigation a, #p-portlet2 a, #p-portlet3 a, #p-search a, #p-tb a, #p-fnord a { color: #000; } #searchInput { color: #000; background-color: #bed7e6; outline: none; border: 1px solid #91bbd4; padding: 2px 2px; } #searchform input[name="go"], #searchform input[name="fulltext"] { outline: 0; color: #000; background-color: #c4dbe9; border: 1px solid #91bbd4; } div#footer, body, div#globalWrapper { background-color: #bed7e6; } div#footer { border-top: none; border-bottom: none; } #footer li { color: #b8e3ef; margin: 0.2em !important; } div#footer li a, div#footer li a:link, div#footer li a:active, div#footer li a:visited { color: #639fc3; } div#footer li[id="viewcount"]:after { content: " "; display: block; } #column-one { background: #bed7e6; background-image: url("/gulasch/imgs/sidebar.png"); background-position: 0px 0px; background-repeat: no-repeat; } #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 #639fc3; } /* * === Content box (and tabs) === */ li#ca-nstab-main, li#ca-nstab-main ~ li { background: none; } #p-cactions ul li a, #p-cactions ul li a:link, #p-cactions ul li a:active, #p-cactions ul li a:visited, #p-cactions ul li a:hover, color black { background-color: #c4dbe9; border: 1px solid #91bbd4; } #p-cactions ul li a:hover { background-color: #cbdfeb; } #p-cactions ul li a:active { background-color: #d2e3ee; } /* * === Content box === */ .mw-body-primary { border: none !important; border-left: 1px solid #639fc3 !important; } div#content /* background of everything below header, incl. sidebar */ { background-color: #bed7e6; /* empty space between header/navbar/footer and content box */ color: #000; /* main text color */ padding-right: 0; /* content box meets right screen border */ } div#content h1#firstHeading { background-color: #e1ebf1; border-left: 1px solid #cbdfeb; border-top: 1px solid #cbdfeb; /* Bottom joins div#bodyContent*/ padding: 0.3em 0.3em 0; margin-bottom: 0; } div#bodyContent { background-color: #e1ebf1; border-left: 1px solid #cbdfeb; /* Top joins h1#firstHeading */ margin-top: 0; } /* * Content */ h1, h2 { font-family: YanoneKaffeesatz-Regular, sans-serif; } h1#firstHeading { font-size: 22pt; font-family: YanoneKaffeesatz-Light, sans-serif; } h2 { font-size: 18pt; } /* 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; /* "GPN15: 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: "\25fe "; color: #1a6175; } li.gallerybox, 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.gallerybox:before, 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: #207a92; } div#content a:visited { text-decoration: underline; color: #175769; } div#content a:new { text-decoration: underline; color: #cb4d4d; } 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; } div#content table.highlight { background-color: #f1f3f4; border: solid 1px #99b3ff; margin: 1em; margin-top: 2em; padding: 0.3em 1em; font-size: 150%; } div#content td.highlight { padding-right: 1.5em; } a.new { text-decoration: underline !important; color: #e05252 !important; }