GPN14:Stylesheet: Unterschied zwischen den Versionen

aus dem Wiki des Entropia e.V., CCC Karlsruhe
Wechseln zu: Navigation, Suche
K
Zeile 1: Zeile 1:
  /* GPN14 Stylesheet, wird ueber die GPN14 Navigationsleiste in die Seiten mit eingebunden */
+
/*
    
+
  * GPN14 Stylesheet
   @font-face {
+
  *
    font-family: "Loxica";
+
  * Ändern hier: https://entropia.de/GPN14:Stylesheet
    src: url("/gulasch/v5loxicar.ttf");
+
  * Einbinden über: {{Navigationsleiste GPN14}}
  }
+
  *
 
+
   * Farben: bitte HSL (bzw. HSLA) ggü. RGB bevorzugen!
  /* screen only */
+
   *
  @media screen {
+
  * Hintergrund-Cyan:
 
+
  *  background-color: rgb(40, 150, 180)
  /* links */
+
  *  hsl(193, 64%, 43%)
  div#content a,
+
  *
  div#content a:link,
+
  * Abgedunkelt (sidebar usw.):
   div#content a:active,
+
  *  hsl(193, 64%, 23%)
  div#content a:visited {
+
  *
  text-decoration: underline;
+
  * Heller (Rahmen und Unterstreichungen in Navbar usw.):
  color:     #FFFFFF;
+
  *  hsl(193, 64%, 53%);
  }
+
  */
 
+
 
  div#content a.new {
+
@font-face {
  text-decoration:line-through;
+
  font-family: "Loxica";
  color:     #CCCCCC;
+
  src: url("/gulasch/v5loxicar.ttf");
   }
+
}
 
+
 
  div#content a:hover {
+
 
  text-decoration: none;
+
/*
  }
+
* Screen only
  div#mw-content-text pre a,
+
*/
  div#mw-content-text pre a:link,
+
@media screen {
  div#mw-content-text pre a:active,
+
 
  div#mw-content-text pre a:visited {
+
 
  color:     #101010;
+
/*
  }
+
* Header, Sidebar, Footer
 
+
*/
  /* heading */
+
 
  div#content h1,
+
#column-one,
   div#content h2,
+
#column-content {
   div#content h3,
+
  background-color: hsl(193, 64%, 43%);
   div#content h4,
+
}
  div#content h5 {
+
 
  font-family: Loxica,sans-serif;
+
.pBody {
   }
+
   background-color: hsl(193, 64%, 43%);
   div#content h1#firstHeading {
+
}
  color:     #E0E0E0;
+
 
  }
+
#p-navigation a, #p-portlet2 a, #p-portlet3 a, #p-search a, #p-tb a, #p-fnord a {
 
+
  color: hsl(193, 64%, 95%);
  /* page content */
+
}
   div#content {
+
 
  background-color: #000000;
+
#p-logo {
  color:            #000000;
+
  background-color: hsl(193, 64%, 23%);
  background-image: url("/wiki/images/3/3f/GPN14-Logo-only.png");
+
}
  background-repeat: no-repeat;
+
 
  background-attachment: fixed;
+
div#globalWrapper {
  background-size: auto 70%;
+
  background-color: hsl(193, 64%, 43%);
   }
+
}
    
+
 
   div#bodyContent {
+
div#footer {
  border-radius: 5px;
+
  background-color: hsl(193, 64%, 23%);
  background-color: rgba(40, 150, 180, 0.94);
+
  border-top: none;
   }
+
   border-bottom: none;
   
+
}
   /* toc */
+
 
   #toc, .toc, .mw-warning {
+
/* Hide banner1 ("There is no fork.") -- wtf?! */
  background-color: rgba(255, 255, 255, 0);
+
div#p-tb + div.generated-sidebar.portlet {
  }
+
  display: none !important;
 
+
}
  /* pre */
+
 
  div#mw-content-text pre {
+
#p-navigation ul li,
  background-color: rgba(255, 255, 255, 0.25);
+
#p-portlet2 ul li,
  }
+
#p-portlet3 ul li,
+
#p-search ul li,
  /* thumbnail pictures */
+
#p-tb ul li,
  html .thumbimage {
+
#p-fnord ul li {
  border: none;
+
  border-bottom: 1px solid hsl(193, 64%, 53%);
  }
+
}
 
+
 
  div.NavHead, .catlinks {
+
/* Search box */
  background-color: rgba(255, 255, 255, 0);
+
#searchInput {
    
+
   background-color: hsl(193, 64%, 78%);
   } /* end -- media screen */
+
   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 */

Version vom 6. März 2014, 17:36 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
*/
  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: 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 */

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