GPN14:Stylesheet

aus dem Wiki des Entropia e.V., CCC Karlsruhe

/*

 * 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
*/
  1. column-one,
  2. column-content {
 background-color: hsl(193, 64%, 43%);

}

.pBody {

 background-color: hsl(193, 64%, 43%);

}

  1. p-navigation a, #p-portlet2 a, #p-portlet3 a, #p-search a, #p-tb a, #p-fnord a {
 color: hsl(193, 64%, 95%);

}

  1. 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;

}

  1. p-navigation ul li,
  2. p-portlet2 ul li,
  3. p-portlet3 ul li,
  4. p-search ul li,
  5. p-tb ul li,
  6. p-fnord ul li {
 border-bottom: 1px solid hsl(193, 64%, 53%);

}

/* Search box */

  1. searchInput {
 background-color: hsl(193, 64%, 78%);
 border: solid 1px hsl(193, 64%, 38%);
 outline: none;
 padding: 2px 2px; 

}

  1. searchBody input[type="submit"],
  2. searchBody input[type="submit"] {
 background-color: hsl(193, 10%, 93%);
 border: solid 1px hsl(193, 10%, 63%);

}

  1. 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.01em 1.01em;

}

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 */

  1. 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 */