GPN14:Stylesheet: Unterschied zwischen den Versionen

aus dem Wiki des Entropia e.V., CCC Karlsruhe
VisuellWikitext
KKeine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
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:
GPN14
GPN14
 Fahrplan |

Aufzeichnungen

GPN14 | Anregungen/Feedback 

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

Abgerufen von „https://entropia.de/index.php?title=GPN14:Stylesheet&oldid=30241“
Zuletzt geändert
Diese Seite wurde zuletzt am 6. März 2014 um 17:36 Uhr bearbeitet.