GPN15:Stylesheet: Unterschied zwischen den Versionen

aus dem Wiki des Entropia e.V., CCC Karlsruhe
KKeine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 99: Zeile 99:
   #column-one {
   #column-one {
     background: #bed7e6;
     background: #bed7e6;
     background-image: url("/gulasch/imgs/sidebar.png");
     background-image: url("/images/f/fc/Gpn15-Sidebar.png");
     background-position: 0px 0px;
     background-position: 0px 0px;
     background-repeat: no-repeat;
     background-repeat: no-repeat;

Version vom 25. April 2017, 18:48 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;
 }
 #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;
 }