Fxkr (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
Fxkr (Diskussion | Beiträge) KKeine Bearbeitungszusammenfassung |
||
| Zeile 17: | Zeile 17: | ||
* hsl(193, 64%, 53%); | * hsl(193, 64%, 53%); | ||
*/ | */ | ||
@font-face { | @font-face { | ||
font-family: "Loxica"; | font-family: "Loxica"; | ||
src: url("/gulasch/v5loxicar.ttf"); | src: url("/gulasch/v5loxicar.ttf"); | ||
} | } | ||
/* | /* | ||
* Screen only | * Screen only | ||
*/ | */ | ||
@media screen { | @media screen { | ||
/* | /* | ||
* Header, Sidebar, Footer | * Header, Sidebar, Footer | ||
*/ | */ | ||
#column-one, | #column-one, | ||
#column-content { | #column-content { | ||
background-color: hsl(193, 64%, 43%); | background-color: hsl(193, 64%, 43%); | ||
} | } | ||
.pBody { | .pBody { | ||
background-color: hsl(193, 64%, 43%); | background-color: hsl(193, 64%, 43%); | ||
} | } | ||
#p-navigation a, #p-portlet2 a, #p-portlet3 a, #p-search a, #p-tb a, #p-fnord a { | #p-navigation a, #p-portlet2 a, #p-portlet3 a, #p-search a, #p-tb a, #p-fnord a { | ||
color: hsl(193, 64%, 95%); | color: hsl(193, 64%, 95%); | ||
} | } | ||
#p-logo { | #p-logo { | ||
background-color: hsl(193, 64%, 23%); | background-color: hsl(193, 64%, 23%); | ||
} | } | ||
div#globalWrapper { | div#globalWrapper { | ||
background-color: hsl(193, 64%, 43%); | background-color: hsl(193, 64%, 43%); | ||
} | } | ||
div#footer { | div#footer { | ||
background-color: hsl(193, 64%, 23%); | background-color: hsl(193, 64%, 23%); | ||
| Zeile 60: | Zeile 60: | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
/* Hide banner1 ("There is no fork.") -- wtf?! */ | /* Hide banner1 ("There is no fork.") -- wtf?! */ | ||
div#p-tb + div.generated-sidebar.portlet { | div#p-tb + div.generated-sidebar.portlet { | ||
display: none !important; | display: none !important; | ||
} | } | ||
#p-navigation ul li, | #p-navigation ul li, | ||
#p-portlet2 ul li, | #p-portlet2 ul li, | ||
| Zeile 74: | Zeile 74: | ||
border-bottom: 1px solid hsl(193, 64%, 53%); | border-bottom: 1px solid hsl(193, 64%, 53%); | ||
} | } | ||
/* Search box */ | /* Search box */ | ||
#searchInput { | #searchInput { | ||
| Zeile 82: | Zeile 82: | ||
padding: 2px 2px; | padding: 2px 2px; | ||
} | } | ||
#searchBody input[type="submit"], | #searchBody input[type="submit"], | ||
#searchBody input[type="submit"] { | #searchBody input[type="submit"] { | ||
| Zeile 88: | Zeile 88: | ||
border: solid 1px hsl(193, 10%, 63%); | border: solid 1px hsl(193, 10%, 63%); | ||
} | } | ||
#searchBody { | #searchBody { | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
} | } | ||
/* | /* | ||
* Article/Discussion/Edit... tabs | * Article/Discussion/Edit... tabs | ||
*/ | */ | ||
/* bugfix: they were overflowing at the bottom side */ | /* bugfix: they were overflowing at the bottom side */ | ||
li#ca-nstab-main, | li#ca-nstab-main, | ||
| Zeile 103: | Zeile 103: | ||
background: none; | background: none; | ||
} | } | ||
/* | /* | ||
* Page content box | * Page content box | ||
*/ | */ | ||
.mw-body-primary { | .mw-body-primary { | ||
border: none !important; /* border to header/navbar/footer */ | border: none !important; /* border to header/navbar/footer */ | ||
border-left: 1px solid hsl(193, 64%, 53%) !important; | border-left: 1px solid hsl(193, 64%, 53%) !important; | ||
} | } | ||
div#content { /* background of everything below header, incl. sidebar */ | div#content { /* background of everything below header, incl. sidebar */ | ||
background-color: hsl(193, 64%, 43%); /* empty space between header/navbar/footer and content box */ | background-color: hsl(193, 64%, 43%); /* empty space between header/navbar/footer and content box */ | ||
color: black; /* main text color */ | color: black; /* main text color */ | ||
padding-right: 0; /* content box meets right screen border */ | padding-right: 0; /* content box meets right screen border */ | ||
background-image: url("/wiki/images/3/3f/GPN14-Logo-only.png"); | background-image: url("/wiki/images/3/3f/GPN14-Logo-only.png"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
| Zeile 126: | Zeile 126: | ||
background-position: 1em 1em; | background-position: 1em 1em; | ||
} | } | ||
div#content h1#firstHeading { | div#content h1#firstHeading { | ||
background-color: hsla(193, 64%, 93%, 0.94); | background-color: hsla(193, 64%, 93%, 0.94); | ||
| Zeile 132: | Zeile 132: | ||
border-top: 1px solid hsl(193, 64%, 50%); | border-top: 1px solid hsl(193, 64%, 50%); | ||
border-radius: 5px; | border-radius: 5px; | ||
/* Bottom joins div#bodyContent*/ | /* Bottom joins div#bodyContent*/ | ||
border-radius: 5px 0px 0px 0px; | border-radius: 5px 0px 0px 0px; | ||
| Zeile 138: | Zeile 138: | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
div#bodyContent { | div#bodyContent { | ||
background-color: hsla(193, 64%, 93%, 0.94); | background-color: hsla(193, 64%, 93%, 0.94); | ||
border-left: 1px solid hsl(193, 64%, 50%); | border-left: 1px solid hsl(193, 64%, 50%); | ||
/* Top joins h1#firstHeading */ | /* Top joins h1#firstHeading */ | ||
margin-top: 0; | margin-top: 0; | ||
border-radius: 0px 0px 5px 5px; | border-radius: 0px 0px 5px 5px; | ||
} | } | ||
/* | /* | ||
* Content | * Content | ||
*/ | */ | ||
div#content h1, | div#content h1, | ||
div#content h2, | div#content h2, | ||
| Zeile 160: | Zeile 160: | ||
font-family: Loxica,sans-serif; | font-family: Loxica,sans-serif; | ||
} | } | ||
h1#firstHeading { | h1#firstHeading { | ||
font-size: 32pt; | font-size: 32pt; | ||
} | } | ||
/* Table of contents */ | /* Table of contents */ | ||
#toc, .toc, .mw-warning { | #toc, .toc, .mw-warning { | ||
background-color: rgba(255, 255, 255, 0); | background-color: rgba(255, 255, 255, 0); | ||
} | } | ||
/* Code blocks */ | /* Code blocks */ | ||
div#mw-content-text pre { | div#mw-content-text pre { | ||
background-color: rgba(255, 255, 255, 0.25); | background-color: rgba(255, 255, 255, 0.25); | ||
} | } | ||
/* Thumbnails */ | /* Thumbnails */ | ||
html .thumbimage { | html .thumbimage { | ||
border: none; | border: none; | ||
} | } | ||
/* Linkbox am Artikelende */ | /* Linkbox am Artikelende */ | ||
div.NavHead, .catlinks { | div.NavHead, .catlinks { | ||
background-color: rgba(255, 255, 255, 0); | background-color: rgba(255, 255, 255, 0); | ||
} | } | ||
/* Bullet point lists */ | /* Bullet point lists */ | ||
div#content ul { | div#content ul { | ||
list-style: none; | list-style: none; | ||
} | } | ||
div#content ul li { | div#content ul li { | ||
text-indent: -1em; | text-indent: -1em; | ||
} | } | ||
div#content ul li:before { /* hack to change color of bullet point */ | div#content ul li:before { /* hack to change color of bullet point */ | ||
content: "• "; | content: "• "; | ||
color: hsl(193, 64%, 13%); | color: hsl(193, 64%, 13%); | ||
} | } | ||
/* | /* | ||
* Links | * Links | ||
*/ | */ | ||
div#content a, | div#content a, | ||
div#content a:link, | div#content a:link, | ||
| Zeile 215: | Zeile 215: | ||
color: hsl(193, 64%, 25%); | color: hsl(193, 64%, 25%); | ||
} | } | ||
div#content a.new { | div#content a.new { | ||
text-decoration: underline; | text-decoration: underline; | ||
color: hsl(0, 55%, 55%); | color: hsl(0, 55%, 55%); | ||
} | } | ||
div#content a:hover { | div#content a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
| Zeile 230: | Zeile 230: | ||
color: #101010; | color: #101010; | ||
} | } | ||
} /* end -- media screen */ | } /* end -- media screen */ | ||
Version vom 6. März 2014, 17:37 Uhr
/* * GPN14 Stylesheet * * Ändern hier: https://entropia.de/GPN14:Stylesheet * Einbinden über:
*
* Farben: bitte HSL (bzw. HSLA) ggü. RGB bevorzugen!
*
* Hintergrund-Cyan:
* background-color: rgb(40, 150, 180)
* hsl(193, 64%, 43%)
*
* Abgedunkelt (sidebar usw.):
* hsl(193, 64%, 23%)
*
* Heller (Rahmen und Unterstreichungen in Navbar usw.):
* hsl(193, 64%, 53%);
*/
@font-face {
font-family: "Loxica";
src: url("/gulasch/v5loxicar.ttf");
}
/*
* Screen only
*/
@media screen {
/*
* 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%);
}
div#globalWrapper {
background-color: hsl(193, 64%, 43%);
}
div#footer {
background-color: hsl(193, 64%, 23%);
border-top: none;
border-bottom: none;
}
/* 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: auto 70%;
background-position: 1em 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
*/
div#content h1,
div#content h2,
div#content h3,
div#content h4,
div#content h5 {
font-family: Loxica,sans-serif;
}
h1#firstHeading {
font-size: 32pt;
}
/* 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);
}
/* 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%, 13%);
}
/*
* 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 */