GPN16:Stylesheet: Unterschied zwischen den Versionen

aus dem Wiki des Entropia e.V., CCC Karlsruhe
(is it a fash? is it a gif?)
 
(Replaced Stylesheet)
Zeile 1: Zeile 1:
@-webkit-keyframes fadeIcon {
/*
     0%  { opacity:0;}
    * GPN16 Stylesheet
     40% { opacity:0;}
    *
    50%  { opacity:1;}
     * https://github.com/entropia/gpn16-design/wiki/
    60%  { opacity:0;}
     */
    100% { opacity:0;}
/* site logo */
}
div#p-logo.portlet a,
@-moz-keyframes fadeIcon {
  div#p-logo.portlet a:hover {
    0%  { opacity:0;}
  background-image: url("https://entropia.de/images/0/0a/Gpn16-wikilogo.svg.png") !important;
    40% { opacity:0;}
  display: block;
    50% { opacity:1;}
  height: 110px;
    60% { opacity:0;}
  width: 160px;
    100% { opacity:0;}
}
}
div#column-one div a img {
@keyframes fadeIcon {
  display: none;
    0%  { opacity:0;}
}
    40%  { opacity:0;}
  /* edit/history/... buttons */
    50% { opacity:1;}
#p-cactions li a:hover {
    60% { opacity:0;}
  background-color: hsla(200, 100%, 60%, 0.5);
    100% { opacity:0;}
}
}
  /* misc */
 
  @font-face {
div.NavFrame div.NavPic div.icon {
  font-family: "LiberationSans-Regular";
  -webkit-animation:fadeIcon linear infinite;
  src: url("https://entropia.de/images/4/4a/LiberationSans-Regular.ttf");
  -moz-animation:fadeIcon linear infinite;
}
  animation:fadeIcon linear infinite;
@font-face {
 
  font-family: "LiberationSans-Bold";
  -webkit-animation-duration:4s;
  src: url("https://entropia.de/images/a/a3/LiberationSans-Bold.ttf");
   -moz-animation-duration:4s;
  }
   animation-duration:4s;
  @font-face {
}
  font-family: "LiberationSans-Italic";
 
  src: url("https://entropia.de/images/d/d9/LiberationSans-Italic.ttf");
div.NavFrame div.NavPic div.icon:nth-child(1n+0) {
}
     -webkit-animation-delay: 0s;
@font-face {
     animation-delay: 0s;
  font-family: "LiberationSans-BoldItalic";
     background: url('/images/1/10/GPN16-Logo1_smal.svg') no-repeat left top;
  src: url("https://entropia.de/images/a/a0/LiberationSans-BoldItalic.ttf");
}
}
div.NavFrame div.NavPic div.icon:nth-child(2n+0) {
#bodyContent {
    -webkit-animation-delay: 1s;
   color: white;
     animation-delay: 1s;
   background: hsla(200, 100%, 40%, 0.5);
     background: url('/images/b/ba/GPN16-Logo2_smal.svg') no-repeat left top;
}
}
body {
div.NavFrame div.NavPic div.icon:nth-child(3n+0) {
    background-image: url('https://entropia.de/images/a/ae/Raster.svg.png');
     -webkit-animation-delay: 2s;
     background-repeat: repeat;
     animation-delay: 2s;
    color: white;
     background: url('/images/2/2c/GPN16-Logo3_smal.svg') no-repeat left top;
     font-family: LiberationSans-Regular;
}
}
div.NavFrame div.NavPic div.icon:nth-child(4n+0) {
#column-content {
     -webkit-animation-delay: 3s;
     background-image: url('https://entropia.de/images/a/ae/Raster.svg.png');
     animation-delay: 3s;
    background-repeat: repeat;
     background: url('/images/e/ef/GPN16-Logo4_smal.svg') no-repeat left top;
    color: white;
}
}
 
#content {
div.NavFrame div.NavPic {
    background: none;
        background-color: #1486cc;
}
        background-image: url('/images/0/00/GPN16-Background_smal.svg');
li, ul {
        height: 80px;
  list-style-image: none;
        width: 80px;
}
}
#p-navigation {
div.NavFrame div.NavPic div.icon {
    background: none;
        position: absolute;
     color: white;
        opacity: 0;
}
        height: 80px;
#p-navigation a {
        width: 80px;
    color: white;
        background-size: 100% auto;
}
}
#p-logo {
     background: none;
}
.pBody {
    background: none;
    color: white;
}
#p-personal li a {
     color: white;
    padding:
}
#p-fnord a, #p-tb a {
    color: white;
}
h1, h2, h3, h4, h5, h6 {
    color: white;
    font-family: LiberationSans-Bold;
}
h1 {
     border-bottom: 2px dashed white;
}
body {
     color: white;
}
a, a:visited, a:active, a:link, #bodyContent a.external {
    color: #d0d0d0;
    text-decorations
}
#toc {
     background: none;
    border: 2px solid white;
    margin-top: 35px;
}
#p-navigation ul li, #p-tb ul li {
    border: none;
}
#p-cactions li a, #p-cactions li, #p-cactions li.selected a {
     background: none;
     color: white;
}
#p-fnord ul li {
    border-bottom: none;
}
#p-cactions li a {
    font-size: 125%
}
#footer, div#footer {
    background: none;
    border: none;
}
div.NavHead {
    background: none;
}
div.NavFrame {
    border: 2px solid white;
}
div.thumbinner {
    background-color: rgba(35, 150, 214, 0.4);
    border: none;
}
html .thumbimage {
    border: none;
}
h1 {
    border-bottom: 2px solid rgb(255, 255, 255);
}
#p-cactions .new a {
    color: #d0d0d0;
}
#bodyContent a.new {
    color: hsl(9,80%,76%);;
}

Version vom 20. April 2016, 16:23 Uhr

/*
   * GPN16 Stylesheet
   *
   * https://github.com/entropia/gpn16-design/wiki/
   */
/* site logo */
div#p-logo.portlet a,
div#p-logo.portlet a:hover {
  background-image: url("https://entropia.de/images/0/0a/Gpn16-wikilogo.svg.png") !important;
  display: block;
  height: 110px;
  width: 160px;
}
div#column-one div a img {
  display: none;
}
/* edit/history/... buttons */
#p-cactions li a:hover {
  background-color: hsla(200, 100%, 60%, 0.5);
}
/* misc */
@font-face {
  font-family: "LiberationSans-Regular";
  src: url("https://entropia.de/images/4/4a/LiberationSans-Regular.ttf");
}
@font-face {
  font-family: "LiberationSans-Bold";
  src: url("https://entropia.de/images/a/a3/LiberationSans-Bold.ttf");
}
@font-face {
  font-family: "LiberationSans-Italic";
  src: url("https://entropia.de/images/d/d9/LiberationSans-Italic.ttf");
}
@font-face {
  font-family: "LiberationSans-BoldItalic";
  src: url("https://entropia.de/images/a/a0/LiberationSans-BoldItalic.ttf");
}
#bodyContent {
 color: white;
 background: hsla(200, 100%, 40%, 0.5);
}
body {
   background-image: url('https://entropia.de/images/a/ae/Raster.svg.png');
   background-repeat: repeat;
   color: white;
   font-family: LiberationSans-Regular;
}
#column-content {
   background-image: url('https://entropia.de/images/a/ae/Raster.svg.png');
   background-repeat: repeat;
   color: white;
}
#content {
   background: none;
}
li, ul {
  list-style-image: none;
}
#p-navigation {
   background: none;
   color: white;
}
#p-navigation a {
   color: white;
}
#p-logo {
   background: none;
}
.pBody {
   background: none;
   color: white;
}
#p-personal li a {
   color: white;
   padding: 
}
#p-fnord a, #p-tb a {
   color: white;
}
h1, h2, h3, h4, h5, h6 {
   color: white;
   font-family: LiberationSans-Bold;
}
h1 {
   border-bottom: 2px dashed white;
}
body {
   color: white;
}
a, a:visited, a:active, a:link, #bodyContent a.external {
   color: #d0d0d0;
   text-decorations
}
#toc {
   background: none;
   border: 2px solid white;
   margin-top: 35px;
}
#p-navigation ul li, #p-tb ul li {
   border: none;
}
#p-cactions li a, #p-cactions li, #p-cactions li.selected a {
   background: none;
   color: white;
}
#p-fnord ul li {
   border-bottom: none;
}
#p-cactions li a {
   font-size: 125%
}
#footer, div#footer {
   background: none;
   border: none;
}
div.NavHead {
   background: none;
}
div.NavFrame {
   border: 2px solid white;
}
div.thumbinner {
   background-color: rgba(35, 150, 214, 0.4);
   border: none;
}
html .thumbimage {
   border: none;
}
h1 {
   border-bottom: 2px solid rgb(255, 255, 255);
}
#p-cactions .new a {
   color: #d0d0d0;
}
#bodyContent a.new {
   color: hsl(9,80%,76%);;
}