GPN15:Stylesheet: Unterschied zwischen den Versionen

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

Version vom 4. April 2015, 01:02 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("/gulasch/imgs/wikilogo.png") !important;
   display: block;
   height: 110px;
   width: 160px;
 }
 div#column-one div a img {
   display: none;
 }
 div#p-logo.portlet {
   background-image: url("/gulasch/imgs/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;
 }
 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("/gulasch/imgs/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;
 }