GPN15:Stylesheet: Unterschied zwischen den Versionen

aus dem Wiki des Entropia e.V., CCC Karlsruhe
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(10 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
/*
  /*
   platzhalter
    * 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;
  }
[[Kategorie:GPN15]]

Aktuelle Version vom 21. Juli 2017, 19: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;
 }