/* ----------------------------------------------------------- */ /* Diese Datei unterliegt dem Copyright von Lutz Böhm. */ /* CSS - Fünf Freunde Fanpage - http://ff5.lgfb.de */ /* Google Font API */ @import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700|Droid+Sans:700); /* Integration Lightbox */ @import url(lightbox.css); /*@import url(screen.css);*/ /* Integration YAML */ /* import core styles | Basis-Stylesheets einbinden */ @import url(yaml/core/base.css); /* import screen layout | Screen-Layout einbinden */ @import url(yaml/navigation/hlist.css); @import url(yaml/forms/gray-theme.css); @import url(yaml/screen/typography.css); @import url(yaml/screen/screen-FULLPAGE-layout.css); /* import print layout | Druck-Layout einbinden */ @import url(yaml/print/print.css); /* Übersteuerung YAML */ .ym-hlist , nav, .ym-wrapper { background: transparent; margin-left:auto; margin-right:auto; width:95%; } /*background: #22F; oder transparent; */ header, footer { background: #CCC; } .ym-hlist ul li a, .ym-hlist ul li strong { color: rgb(0,51,102);} .ym-hlist ul li a:focus, .ym-hlist ul li a:hover, .ym-hlist ul li a:active { color: #f55; } .transparent { background: transparent;} .ym-g14 { width: 14%; } tbody tr:hover th, tbody tr:hover td { /* Mouvehovering über Tabellen*/ background: #FA5; /*#f8f8f8*/ } /* Nachträgliches für die Fanpage */ @font-face { font-family: "ff5"; src: url("souvenir.ttf"); } a:link{color:#0000FF;} /* a:link{color:#008888;} */ /* n a:visited{color:#6899ff;} */ /* a:visited{color:#008888;} */ /* a:visited{color:#001530;} */ /*a:visited{color:#0080C0;} a:active{color:#B800FF;} a:hover{background-color:#ECF5FF;}*/ a:visited,a:link,a:active{font-weight:bold; border:none;cursor:pointer ; } /*text-decoration:underline; CSS-Fehler: style:cursorhand; pointer*/ th {color:#FFFFFF;background-color:rgb(0,51,102);text-align:center;font-weight:bold;} .weiss {color:#FFFFFF;} .highlight2{background-color:rgb(0,51,102);text-align:center;} /*Farbe der gehighlighteten Quickbar*/ /* .texthighlight{color:#FFFFFF;font-weight:bold;} */ /*Farbe der Schrift auf highlight*/ .resumee{color:#3333FF;font-weight:bold;} .tafel{background-color:#FFFFFF;} .Farbbalken{/*background-color:#003366;*/} .Farbbalken1{background-color:#ff6467; color:#ff6467; height:5px; border:0; } /*ROT #F75E77 | F5 #FE9BB6 | MsM #8C4242 | #FCB2B2*/ .Farbbalken2{background-color:#74d4ff; color:#74d4ff; height:5px; border:0; } /*BLAU #0074B2 | rgb(73,175,255) | F5 #C3D5FF | MsM #3D588B | #ADC8FB*/ .Farbbalken3{background-color:#5ee9b5; color:#5ee9b5; height:5px; border:0; } /*GRÜN #ABD0BC #9EB886 #7CC079 | F5 #88C57F | MsM #476D4F | #B7DDBF*/ .Farbbalken4{background-color:#c4b4ff; color:#c4b4ff; height:5px; border:0; } /*LILA-#785296 rgb(179,153,200) | F5 #BEA7CF | MsM #665070 | #d6c0e0*/ .Farbbalken5{background-color:#ffdf20; color:#ffdf20; height:5px; border:0; } /*ORANGE | F5 #FFBC61 | MsM #AF613A | #ffd1aa*/ .Farbbalken6{background-color:#a6a09b; color:#a6a09b; height:5px; border:0; } /*GRAU #BBBDC0*/ /* .farbbalken7{background-color:#B08242;} */ /*OCKER | F5 #FFD874 | MsM #B08242 #B08242*/ .bgFarbbalken1{background-color:#ff6467;} .bgFarbbalken2{background-color:#74d4ff;} .bgFarbbalken3{background-color:#5ee9b5;} .bgFarbbalken4{background-color:#c4b4ff;} .bgFarbbalken5{background-color:#ffdf20;} .bgFarbbalken6{background-color:#a6a09b;} /* Alternativen python #3776ab blau #78797a grau #ffd343 gelb #82b043 grün #a06ba7 viol #b55863 rot */ .navbalken{ width: 155px; /*text-decoration: none;*/ text-align: center; } .bildspace{ margin-right: 5px; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; } .center { text-align: center; } tbody th:hover th { /* background:inherit;!important*/ background:#000; } .right { text-align: right } /*1 Folgen 2 Infos zur Serie 3 Medien 4 Raritäten 5 Sonstiges 6 Organisatorisches*/ .Farbbalken1,.Farbbalken2,.Farbbalken3,.Farbbalken4,.Farbbalken5,.Farbbalken6{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;padding:10px; } /*.brief{width:90%; border-width:5px; border-color:#FF9999; border-style:inset; padding:10px; overflow:hidden; background-color:#FFFFF0;}*/ .brief{width:90%; border-width:2px; border-color:#999900; border-style:ridge; padding:10px; overflow:hidden; background-color:#FFFFF0; font-style:italic;} .brief2{width:90%; border-width:2px; border-color:#999900; border-style:ridge; padding:10px; overflow:hidden; background-color:#FFFFF0;color:rgb(0,51,102);} body{background-color:#FFFFF0;background-image:url(../bilder/bg.gif);}/*#0FB319*/ /*background-attachment:fixed;*/ body{COLOR:black;margin-top:0;}/*FONT-FAMILY:arial;*/ /*FONT-SIZE:12pt;*/ body { -moz-user-select: none; -khtml-user-select: none; user-select: none; -moz-hyphens: auto; -o-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .xsmall{font-size:x-small;} /* body{MARGIN-LEFT:15px;}*/ /* p,body,blockquote,td,br{text-align:justify;} */ address,h1,h2,h3,h4,h5{text-align:left;} p,blockqoute,div { widows:3; } hr {background-color:#E17A2A;color:#E17A2A;height:2px;} p,ol,li,ul,td,th,blockquote,nobr{font-Size:12pt;} /* p,h1,h2,h3,h4,br,ul,ol,li,div,td,th,address,acronym,blockquote,nobr,b,i,a,body{font-family:"Arial","Helvetica",sans-serif;} alles Sans-Serif*/ p,br,ul,ol,li,h3,h2,h4,div,td,th,address,acronym,blockquote,nobr,b,i,a,body{font-family:'Lucida Sans Unicode','Arial Unicode MS',sans-serif;} /*h1,h2{font-family:"Staccato222 BT";}*/ /*recht gut*/ /*h1,h2{font-family:"Monotype Corsiva";}*/ /*hübsche Kursivschrift*/ /*h2{font-family:"AmerType Md BT";}*/ /*Schreibmaschine*/ /*h1,h2{font-family:"Amazone BT";}*/ /*lustige halbhandschrift*/ /*h1,h2{font-family:"Bauhaus Md BT";}*/ /*NichtsoToll*/ /*h1,h2{font-family:"Bermuda Solid";}*/ /*sehr lustig*/ /*h1,h2{font-family:"Brush455 BT","Arial","Helvetica","Sans-Serif";}*/ /*SUPER*/ /*Master FF-TTF
*/ header h1,h1,h2,h3,h4,h5{font-family:'ff5',"Times New Roman",serif;} header h1,b,i,h1,h2,h3,h4,h5,acronym,abbr,.brief{color:rgb(0,51,102);} /*#003366*/ /*#003365 (beige)*/ h1,h2,h3,h4,h5{text-shadow: 2px 2px 3px #666;} /* #CCC; Textschattierung (Firefox 3.5+, Safari 1.1+, Opera 9.6+, Chrome 4+) */ p,ul,ol,li,div,td,address,blockquote,nobr{color:rgb(0,0,0);} address{font-size:8pt;font-style:normal;} h1{line-height:36pt;} h1{font-size:36pt;} h2,h3{font-size:18pt;} h2,h3{line-height:18pt;} h3,h4,acronym,abbr{font-style:italic;} /*h3,h4{font-weight:lighter;}*/ h4{font-size:16pt;margin-top:10px;} h5{font-size:14pt} /*h4{line-height: 150%;}*/ acronym { BORDER-BOTTOM: 1px dotted #999999} img {border=0;} .Unicode { font-family: Code2000, "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Lucida Grande", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode"; font-family /**/:inherit; } /*input{border-left: none ; border-right: none ; border-top: none ; border-bottom: 2px dotted rgb(0,51,102);}*/ /* h1 { margin-top: 15px; margin-left: 15px; font-family: "Arial Black"; font-size: 50px; line-height: 40px; text-align: left; color: #E1E1E1;} h2 { margin-top: -42px; margin-left: 140px; font-family: "Arial"; font-size: 30px; line-height: 35px; text-align: left; color: #004080; font-weight:bold;}*/ /* Material Icons Font */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(material/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(material/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } .material-icons.md-11 { font-size: 11px; } .material-icons.md-18 { font-size: 18px; } .material-icons.md-24 { font-size: 24px; } .material-icons.md-36 { font-size: 36px; } .material-icons.md-48 { font-size: 48px; } /* Kacheln */ .c-card{background:#fff;color:#2a2a2a;padding:1.25rem;display:flex;flex-direction:column;border-radius:.25rem;overflow:hidden;border:1px solid #e8e8e8;} .c-card-300{background:#fff;color:#2a2a2a;padding:1.25rem;display:flex;flex-direction:column;border-radius:.5rem;overflow:hidden;border:1px solid #e8e8e8; min-width: 300px;max-width: 300px;} .c-card-250{background:#fff;color:#2a2a2a;padding:1.25rem;display:flex;flex-direction:column;border-radius:.5rem;overflow:hidden;border:1px solid #e8e8e8; min-width: 250px;max-width: 250px;} .c-card-200{background:#ffe;color:#2a2a2a;padding:1.25rem;display:flex;flex-direction:column;border-radius:.5rem;overflow:hidden;border:1px solid #e8e8e8; min-width: 200px;max-width: 200px;min-height: 200px;max-height: 220px;} .c-card-200l{background:#ffe;color:#2a2a2a;padding:1.25rem;display:flex;flex-direction:column;border-radius:.5rem;overflow:hidden;border:1px solid #e8e8e8; min-width: 200px;max-width: 200px;min-height: 200px;max-height: 260px;} .c-card-150{background:#ffe;color:#2a2a2a;padding:1.25rem;display:flex;flex-direction:column;border-radius:.25rem;overflow:hidden;border:1px solid #e8e8e8; min-width: 150px; max-width: 150px;} .c-card-100{background:#ffffff;min-width: 100px;max-width: 100px;color:#2a2a2a;padding:1.25rem;display:flex;flex-direction:column;border-radius:.25rem;overflow:hidden;border:1px solid #e8e8e8;min-height: 100px;max-height: 100px; } /* */ .c-card-75{background:#ffffff;min-width: 75px;max-width: 75px;color:#2a2a2a;padding:1.25rem;display:flex;flex-direction:column;border-radius:.25rem;overflow:hidden;border:1px solid #e8e8e8; } .c-card-50{background:#ffffff;min-width: 50px;max-width: 50px;color:#2a2a2a;padding:1.25rem;display:flex;flex-direction:column;border-radius:.25rem;overflow:hidden;border:1px solid #e8e8e8; } .c-card-sap{background:#fff;color:#2a2a2a;padding:1.25rem;display:flex;flex-direction:column;border-radius:.5rem;overflow:hidden;border:1.5px solid #e0e1e1; min-width: 180px;max-width: 180px;min-height: 180px;max-height: 180px;} a.c-card:active,a.c-card:focus,a.c-card:hover,a.c-card:visited{color:#2a2a2a} /* .o-grid{display:flex;zoom:1;} */ .o-grid{display:flex; justify-content:flex-start; flex-wrap:wrap;} .o-grid__item{flex:1 0 1em; margin:.625rem;} /*min-width: 150px;*//*float*/ .u-gap{margin:1.25rem;} .u-gap-small{margin:0.625rem;} .u-gap-medium{margin:.938rem;} .bottom-aligner {display: inline-block; height: 100%; vertical-align: bottom; width: 0px; } .c-card__thimage{display:flex;align-items:center;justify-content:center;height:34px;width:34px;border:.125rem solid #e8e8e8;flex-shrink:0;} .c-card__wideimage{display:flex;align-items:center;justify-content:center;height:34px;width:68px;border:.125rem solid #e8e8e8;flex-shrink:0;} .c-card__footer{margin-top:auto;font-size:.875rem;color:#2a2a2a;} .u-gap-right-small{margin-right:.625rem;} .bottom-aligner {display: inline-block; height: 99%; vertical-align: bottom; width: 0px; } /* Lightbox */ #leftbox { border: 0px; width: 20px; float: left; background-color:#FE9999;color:black; }