Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
Zeile 172: | Zeile 172: | ||
border-color: white; | border-color: white; | ||
} | } | ||
@-webkit-keyframes fadeIcon { | |||
0% { opacity:0;} | |||
40% { opacity:0;} | |||
50% { opacity:1;} | |||
60% { opacity:0;} | |||
100% { opacity:0;} | |||
} | |||
@-moz-keyframes fadeIcon { | |||
0% { opacity:0;} | |||
40% { opacity:0;} | |||
50% { opacity:1;} | |||
60% { opacity:0;} | |||
100% { opacity:0;} | |||
} | |||
@keyframes fadeIcon { | |||
0% { opacity:0;} | |||
40% { opacity:0;} | |||
50% { opacity:1;} | |||
60% { opacity:0;} | |||
100% { opacity:0;} | |||
} | |||
div.NavFrame div.NavPic div.icon { | |||
-webkit-animation:fadeIcon linear infinite; | |||
-moz-animation:fadeIcon linear infinite; | |||
animation:fadeIcon linear infinite; | |||
-webkit-animation-duration:4s; | |||
-moz-animation-duration:4s; | |||
animation-duration:4s; | |||
} | |||
div.NavFrame div.NavPic div.icon:nth-child(1n+0) { | |||
-webkit-animation-delay: 0s; | |||
animation-delay: 0s; | |||
background: url('/images/1/10/GPN16-Logo1_smal.svg') no-repeat left top; | |||
} | |||
div.NavFrame div.NavPic div.icon:nth-child(2n+0) { | |||
-webkit-animation-delay: 1s; | |||
animation-delay: 1s; | |||
background: url('/images/b/ba/GPN16-Logo2_smal.svg') no-repeat left top; | |||
} | |||
div.NavFrame div.NavPic div.icon:nth-child(3n+0) { | |||
-webkit-animation-delay: 2s; | |||
animation-delay: 2s; | |||
background: url('/images/2/2c/GPN16-Logo3_smal.svg') no-repeat left top; | |||
} | |||
div.NavFrame div.NavPic div.icon:nth-child(4n+0) { | |||
-webkit-animation-delay: 3s; | |||
animation-delay: 3s; | |||
background: url('/images/e/ef/GPN16-Logo4_smal.svg') no-repeat left top; | |||
} | |||
div.NavFrame div.NavPic { | |||
background-color: #1486cc; | |||
background-image: url('/images/0/00/GPN16-Background_smal.svg'); | |||
height: 80px; | |||
width: 80px; | |||
} | |||
div.NavFrame div.NavPic div.icon { | |||
position: absolute; | |||
opacity: 0; | |||
height: 80px; | |||
width: 80px; | |||
background-size: 100% auto; | |||
} |
Version vom 20. April 2016, 19:39 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"); } h1.firstHeading { border: 0pt none; color: white; font-size: 175%; font-family: LiberationSans-Bold; letter-spacing: -1px; margin-bottom: 0pt; padding: 0.3em 0pt 0.3em; text-decoration: none; } #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; border-bottom-color: white; } 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: #a0a0a0; } div#catlinks { background: none; border: none; border-top: 2px solid white; } pre { background: none; border: none; color: white; } table.wikitable { background: none; margin: 1em 0; border: 1px solid white; border-collapse: collapse; color: white; } table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td { border: 1px solid white; padding: 0.2em 0.4em; background: none; } tbody { border-color: white; }
@-webkit-keyframes fadeIcon {
0% { opacity:0;} 40% { opacity:0;} 50% { opacity:1;} 60% { opacity:0;} 100% { opacity:0;}
} @-moz-keyframes fadeIcon {
0% { opacity:0;} 40% { opacity:0;} 50% { opacity:1;} 60% { opacity:0;} 100% { opacity:0;}
} @keyframes fadeIcon {
0% { opacity:0;} 40% { opacity:0;} 50% { opacity:1;} 60% { opacity:0;} 100% { opacity:0;}
}
div.NavFrame div.NavPic div.icon {
-webkit-animation:fadeIcon linear infinite; -moz-animation:fadeIcon linear infinite; animation:fadeIcon linear infinite;
-webkit-animation-duration:4s; -moz-animation-duration:4s; animation-duration:4s;
}
div.NavFrame div.NavPic div.icon:nth-child(1n+0) {
-webkit-animation-delay: 0s; animation-delay: 0s; background: url('/images/1/10/GPN16-Logo1_smal.svg') no-repeat left top;
} div.NavFrame div.NavPic div.icon:nth-child(2n+0) {
-webkit-animation-delay: 1s; animation-delay: 1s; background: url('/images/b/ba/GPN16-Logo2_smal.svg') no-repeat left top;
} div.NavFrame div.NavPic div.icon:nth-child(3n+0) {
-webkit-animation-delay: 2s; animation-delay: 2s; background: url('/images/2/2c/GPN16-Logo3_smal.svg') no-repeat left top;
} div.NavFrame div.NavPic div.icon:nth-child(4n+0) {
-webkit-animation-delay: 3s; animation-delay: 3s; background: url('/images/e/ef/GPN16-Logo4_smal.svg') no-repeat left top;
}
div.NavFrame div.NavPic {
background-color: #1486cc; background-image: url('/images/0/00/GPN16-Background_smal.svg'); height: 80px; width: 80px;
} div.NavFrame div.NavPic div.icon {
position: absolute; opacity: 0; height: 80px; width: 80px; background-size: 100% auto;
}