GPN15:Stylesheet: Unterschied zwischen den Versionen

aus dem Wiki des Entropia e.V., CCC Karlsruhe
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(6 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
/*
  /*
  * GPN15 Stylesheet
    * GPN15 Stylesheet
  *
    *
  * https://github.com/entropia/gpn15-design/wiki/
    * 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("/images/9/90/Gpn15-Wikilogo.png") !important;
    display: block;
    height: 110px;
    width: 160px;
  }
  div#column-one div a img {
    display: none;
  }
  div#p-logo.portlet {
    background-image: url("/images/d/db/Gpn15-Topbar.png") !important;
    background-repeat: repeat-x;
    background-color: transparent;
  }
  /*
  // Sidebar
  #column-content
    background-color sidebarBgColor
   */
   */
@font-face {
  .pBody {
  font-family: "YanoneKaffeesatz-Regular";
    background-color: transparent;
   src: url("/gulasch/fonts/YanoneKaffeesatz-Regular.ttf");
   }
}
  #p-navigation a,
@font-face {
  #p-portlet2 a,
   font-family: "YanoneKaffeesatz-Thin";
  #p-portlet3 a,
   src: url("/gulasch/fonts/YanoneKaffeesatz-Thin.ttf");
   #p-search a,
}
  #p-tb a,
@font-face {
   #p-fnord a {
  font-family: "YanoneKaffeesatz-Bold";
    color: #000;
  src: url("/gulasch/fonts/YanoneKaffeesatz-Bold.ttf");
  }
}
  #searchInput {
@font-face {
    color: #000;
  font-family: "YanoneKaffeesatz-Light";
    background-color: #bed7e6;
  src: url("/gulasch/fonts/YanoneKaffeesatz-Light.ttf");
    outline: none;
}
    border: 1px solid #91bbd4;
/*
    padding: 2px 2px;
* === Decorations (Header, Logo, Sidebar, Footer, and everything in them) ===
  }
*/
  #searchform input[name="go"],
div#p-logo.portlet a,
  #searchform input[name="fulltext"] {
div#p-logo.portlet a:hover {
    outline: 0;
  background-image: url("/gulasch/imgs/wikilogo.png") !important;
    color: #000;
  display: block;
    background-color: #c4dbe9;
   height: 110px;
    border: 1px solid #91bbd4;
   width: 160px;
   }
}
   #searchform {
div#column-one div a img {
    margin-bottom: 8px;
  display: none;
  }
}
  #p-search {
div#p-logo.portlet {
    margin: 0;
  background-image: url("/gulasch/imgs/topbar.png") !important;
  }
   background-repeat: repeat-x;
  div#footer,
  background-color: transparent;
  body,
}
  div#globalWrapper {
/*
    background-color: #bed7e6;
// Sidebar
   }
#column-content
  div#footer {
  background-color sidebarBgColor
    border-top: none;
*/
    border-bottom: none;
.pBody {
  }
   background-color: transparent;
  #footer li {
}
    color: #b8e3ef;
#p-navigation a,
    margin: 0.2em !important;
#p-portlet2 a,
   }
#p-portlet3 a,
  div#footer li a,
#p-search a,
  div#footer li a:link,
#p-tb a,
  div#footer li a:active,
#p-fnord a {
  div#footer li a:visited {
  color: #000;
    color: #639fc3;
}
  }
#searchInput {
  div#footer li[id="viewcount"]:after {
  color: #000;
    content: " ";
   background-color: #bed7e6;
    display: block;
   outline: none;
   }
  border: 1px solid #91bbd4;
   #column-one {
  padding: 2px 2px;
    background: #bed7e6;
}
    background-image: url("/images/f/fc/Gpn15-Sidebar.png");
#searchform input[name="go"],
    background-position: 0px 0px;
#searchform input[name="fulltext"] {
    background-repeat: no-repeat;
  outline: 0;
   }
   color: #000;
  #p-navigation ul li,
   background-color: #c4dbe9;
   #p-portlet2 ul li,
   border: 1px solid #91bbd4;
   #p-portlet3 ul li,
}
  #p-search ul li,
div#footer,
  #p-tb ul li,
body,
  #p-fnord ul li {
div#globalWrapper {
    border-bottom: 1px solid #639fc3;
  background-color: #bed7e6;
  }
}
   /*
div#footer {
  * === Content box (and tabs) ===
   border-top: none;
  */
  border-bottom: none;
  li#ca-nstab-main,
}
   li#ca-nstab-main ~ li {
#footer li {
    background: none;
   color: #b8e3ef;
  }
  margin: 0.2em !important;
  #p-cactions ul li a,
}
  #p-cactions ul li a:link,
div#footer li a,
  #p-cactions ul li a:active,
div#footer li a:link,
  #p-cactions ul li a:visited,
div#footer li a:active,
  #p-cactions ul li a:hover,
div#footer li a:visited {
   color black {
   color: #639fc3;
    background-color: #c4dbe9;
}
    border: 1px solid #91bbd4;
div#footer li[id="viewcount"]:after {
  }
  content: " ";
  #p-cactions ul li a:hover {
   display: block;
    background-color: #cbdfeb;
}
   }
#column-one {
  #p-cactions ul li a:active {
  background: #bed7e6;
    background-color: #d2e3ee;
   background-image: url("/gulasch/imgs/sidebar.png");
   }
   background-position: 0px 0px;
  /*
  background-repeat: no-repeat;
  * === Content box ===
}
  */
#p-navigation ul li,
   .mw-body-primary {
#p-portlet2 ul li,
    border: none !important;
#p-portlet3 ul li,
    border-left: 1px solid #639fc3 !important;
#p-search ul li,
  }
#p-tb ul li,
  div#content /* background of everything below header,
#p-fnord ul li {
  incl. sidebar */ {
   border-bottom: 1px solid #639fc3;
    background-color: #bed7e6;
}
   /* empty space between header/navbar/footer and content box */
/*
    color: #000;
* === Content box (and tabs) ===
  /* main text color */
*/
    padding-right: 0;
li#ca-nstab-main,
  /* content box meets right screen border */
li#ca-nstab-main ~ li {
   }
   background: none;
  div#content h1#firstHeading {
}
    background-color: #e1ebf1;
#p-cactions ul li a,
    border-left: 1px solid #cbdfeb;
#p-cactions ul li a:link,
    border-top: 1px solid #cbdfeb;
#p-cactions ul li a:active,
   /* Bottom joins div#bodyContent*/
#p-cactions ul li a:visited,
    padding: 0.3em 0.3em 0;
#p-cactions ul li a:hover,
    margin-bottom: 0;
color black {
  }
   background-color: #c4dbe9;
  div#bodyContent {
  border: 1px solid #91bbd4;
    background-color: #e1ebf1;
}
    border-left: 1px solid #cbdfeb;
#p-cactions ul li a:hover {
  /* Top joins h1#firstHeading */
  background-color: #cbdfeb;
    margin-top: 0;
}
   }
#p-cactions ul li a:active {
   /*
  background-color: #d2e3ee;
  * Content
}
  */
/*
  h1,
* === Content box ===
  h2 {
*/
    font-family: YanoneKaffeesatz-Regular, sans-serif;
.mw-body-primary {
  }
   border: none !important;
   h1#firstHeading {
   border-left: 1px solid #639fc3 !important;
    font-size: 22pt;
}
    font-family: YanoneKaffeesatz-Light, sans-serif;
div#content /* background of everything below header,
  }
incl. sidebar */ {
   h2 {
  background-color: #bed7e6;
    font-size: 18pt;
/* empty space between header/navbar/footer and content box */
  }
   color: #000;
  /* Table of contents */
/* main text color */
  #toc,
   padding-right: 0;
   .toc,
/* content box meets right screen border */
   .mw-warning {
}
    background-color: rgba(255,255,255,0);
div#content h1#firstHeading {
   }
   background-color: #e1ebf1;
  /* Code blocks */
   border-left: 1px solid #cbdfeb;
   div#mw-content-text pre {
   border-top: 1px solid #cbdfeb;
    background-color: rgba(255,255,255,0.25);
/* Bottom joins div#bodyContent*/
    overflow: auto;
   padding: 0.3em 0.3em 0;
  /* "GPN15: Anfahrt": adress pre would overflow onto floating image. auto => offer scrollbar instead. */
  margin-bottom: 0;
  }
}
  /* Thumbnails */
div#bodyContent {
   html .thumbimage {
  background-color: #e1ebf1;
    border: none;
  border-left: 1px solid #cbdfeb;
  }
/* Top joins h1#firstHeading */
  /* Linkbox am Artikelende */
   margin-top: 0;
  div.NavHead,
}
  .catlinks {
/*
    background-color: rgba(255,255,255,0);
* Content
  }
*/
   /* Bullet point lists */
h1,
   div#content ul {
h2 {
    list-style: none;
  font-family: YanoneKaffeesatz-Regular, sans-serif;
  }
}
  div#content ul li {
h1#firstHeading {
    text-indent: -1em;
   font-size: 22pt;
  }
   font-family: YanoneKaffeesatz-Light, sans-serif;
  div#content ul li:before /* hack to change color of bullet point */ {
}
    content: "\25fe  ";
h2 {
    color: #1a6175;
  font-size: 18pt;
  }
}
  li.gallerybox,
/* Table of contents */
  li.toclevel-1,
#toc,
   li.toclevel-2,
.toc,
  li.toclevel-3,
.mw-warning {
  li.toclevel-4,
   background-color: rgba(255,255,255,0);
   li.toclevel-5,
}
  li.toclevel-6,
/* Code blocks */
   div.mw-normal-catlinks li /* revert these changes for the toc and category link box */ {
div#mw-content-text pre {
    text-indent: 0 !important;
   background-color: rgba(255,255,255,0.25);
  }
   overflow: auto;
  li.gallerybox:before,
/* "GPN15: Anfahrt": adress pre would overflow onto floating image. auto => offer scrollbar instead. */
   li.toclevel-1:before,
}
  li.toclevel-2:before,
/* Thumbnails */
   li.toclevel-3:before,
html .thumbimage {
  li.toclevel-4:before,
   border: none;
   li.toclevel-5:before,
}
  li.toclevel-6:before,
/* Linkbox am Artikelende */
   div.mw-normal-catlinks li:before /* revert these changes for the toc and category link box */ {
div.NavHead,
    content: none !important;
.catlinks {
   }
   background-color: rgba(255,255,255,0);
  /*
}
  * Links
/* Bullet point lists */
  */
div#content ul {
  div#content a,
   list-style: none;
  div#content a:link,
}
  div#content a:active {
div#content ul li {
    text-decoration: underline;
   text-indent: -1em;
    color: #207a92;
}
  }
div#content ul li:before /* hack to change color of bullet point */ {
   div#content a:visited {
  content: "\25fe  ";
    text-decoration: underline;
   color: #1a6175;
    color: #175769;
}
  }
li.gallerybox,
  div#content a:new {
li.toclevel-1,
    text-decoration: underline;
li.toclevel-2,
    color: #cb4d4d;
li.toclevel-3,
  }
li.toclevel-4,
  div#content a:hover {
li.toclevel-5,
    text-decoration: none;
li.toclevel-6,
  }
div.mw-normal-catlinks li /* revert these changes for the toc and category link box */ {
  div#mw-content-text pre a,
   text-indent: 0 !important;
  div#mw-content-text pre a:link,
}
  div#mw-content-text pre a:active,
li.gallerybox:before,
   div#mw-content-text pre a:visited {
li.toclevel-1:before,
    color: #101010;
li.toclevel-2:before,
  }
li.toclevel-3:before,
  div#content table.highlight {
li.toclevel-4:before,
    background-color: #f1f3f4;
li.toclevel-5:before,
    border: solid 1px #99b3ff;
li.toclevel-6:before,
    margin: 1em;
div.mw-normal-catlinks li:before /* revert these changes for the toc and category link box */ {
    margin-top: 2em;
   content: none !important;
    padding: 0.3em 1em;
}
    font-size: 150%;
/*
  }
* Links
  div#content td.highlight {
*/
    padding-right: 1.5em;
div#content a,
   }
div#content a:link,
  a.new {
div#content a:active {
    text-decoration: underline !important;
  text-decoration: underline;
    color: #e05252 !important;
  color: #207a92;
  }
}
[[Kategorie:GPN15]]
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;
}

Aktuelle Version vom 21. Juli 2017, 18:35 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("/images/9/90/Gpn15-Wikilogo.png") !important;
   display: block;
   height: 110px;
   width: 160px;
 }
 div#column-one div a img {
   display: none;
 }
 div#p-logo.portlet {
   background-image: url("/images/d/db/Gpn15-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;
 }
 #searchform {
   margin-bottom: 8px;
 }
 #p-search {
   margin: 0;
 }
 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("/images/f/fc/Gpn15-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;
 }