.codex_body { padding: 10px; margin: 5px auto 0px auto; width: 500px; box-sizing: border-box; background: url(https://flame-and-fury.de/images/design/wanted_hg.png), #333; overflow: hidden; background-position: bottom; line-height: normal; } /*
*/ .codex_infos { background: rgba(0,0,0,0.6); border: 5px solid rgba(51,51,51,0); padding: 10px; font-family: verdana, cantarell, sans-serif; text-align: justify; font-size: 11px; color: #efefef; line-height: 22px; box-sizing: border-box; } /*
*/ .codex_infos_scroll { max-height: 250px; overflow: auto; } /*
*/ .codex_h1 { line-height: normal; padding-bottom: 10px; margin: 0px 0px 15px 0px; font-size: 15px; text-transform: uppercase; font-family: 'Chivo', serif; text-align: center; color: #e0e0e0; letter-spacing: 3px; border-bottom: solid 1px rgba(206,206,206,0.3); } /*
*/ .codex_infosub { margin: auto; width: 500px; border: solid 5px #cecece; background: linear-gradient(to bottom, #cecece 0%, #cecece 49%, #6a6a6a 49%, #6a6a6a 50%, #cecece 50%, #cecece 100%); box-sizing: border-box; display: flex; align-items: center; min-height: 60px; justify-content: space-evenly; } /*
*/ .codex_infosub span { background: #cecece; display: block; padding: 3px 10px; text-transform: uppercase; font-size: 10px; color: #333333; letter-spacing: 1px; margin: 0px 10px; width: 30%; text-align: center; line-height: normal; } /*
*/ .codex_h2hg { padding: 10px; margin: 5px auto; width: 500px; box-sizing: border-box; line-height: normal; background: url(https://flame-and-fury.de/images/design/wanted_hg.png); background-position: bottom; } /*
*/ .codex_h2 { background: rgba(0,0,0,0.6); font-size: 13px; text-transform: uppercase; font-family: 'Chivo', serif; text-align: center; color: #e0e0e0; letter-spacing: 3px; padding: 15px;  } /*
*/ .codex_charabox { margin: 5px auto 0px auto; width: 500px; box-sizing: border-box; background: #ececec; border: solid 15px #ececec; padding: 10px; text-align: justify; color: #121212; font-family: verdana, cantarell, sans-serif; font-size: 11px; line-height: 22px; max-height: 500px; overflow: auto; } /*
*/ .codex_charatext { margin: 5px auto 0px auto; width: 500px; box-sizing: border-box; background: #ececec; border: solid 15px #ececec; padding: 10px; text-align: justify; color: #121212; font-family: verdana, cantarell, sans-serif; font-size: 11px; line-height: 22px; } /*
*/ .codex_charatext_scroll { max-height: 500px; overflow: auto; } /*
*/ .codex_charaimg { width: 75px; height: 75px; padding: 1px; border: solid 5px #f9ce6b; float: right; background: #ececec; margin: 0 0px 5px 20px; } /*
*/ .codex_charaimg img { width: 75px; max-height: 75px; filter: grayscale(100%); } /*
*/ .codex_h3 { padding-bottom: 3px; margin: 5px 0px 15px 0px; line-height: normal; font-size: 11px; text-transform: uppercase; font-family: 'Chivo', serif; color: #0e0e0e; letter-spacing: 1px; border-bottom: solid 1px #f9ce6b; } /*
*/ .codex_h3sub { margin: -10px 0px 15px 0px; line-height: normal; font-size: 9px; text-transform: lowercase; font-family: 'Chivo', serif; color: #000000; letter-spacing: 1px; font-style: italic; } /*
*/ .codex_charasub { margin: auto; width: 500px; border: solid 5px #f9ce6b; background: linear-gradient(to bottom, #f9ce6b 0%, #f9ce6b 49%, #6a6a6a 49%, #6a6a6a 50%, #f9ce6b 50%, #f9ce6b 100%); box-sizing: border-box; display: flex; align-items: center; min-height: 60px; justify-content: space-evenly; } /*
*/ .codex_charasub span { background: #f9ce6b; display: block; padding: 3px 10px; text-transform: uppercase; font-size: 10px; color: #333333; letter-spacing: 1px; margin: 0px 10px; width: 30%; text-align: center; line-height: normal; } /*
*/ .codex_group { width: 50px; height: 50px; box-sizing: border-box; border: solid 5px #f9ce6b; background: #f9ce6b; margin: 0px 10px; text-align: center; display: flex; align-items: center; justify-content: center; } /*
*/ .codex_h4 { line-height: normal; padding-bottom: 5px; margin: 0px 0px 15px 0px; font-size: 13px; text-transform: uppercase; font-family: 'Chivo', serif; text-align: center; color: #e0e0e0; letter-spacing: 3px; border-bottom: solid 1px rgba(206,206,206,0.3); } /*
*/ .codex_links { margin: auto; width: 500px; border: solid 5px #cecece; background: linear-gradient(to bottom, #cecece 0%, #cecece 49%, #6a6a6a 49%, #6a6a6a 50%, #cecece 50%, #cecece 100%); box-sizing: border-box; display: flex; align-items: center; min-height: 60px; justify-content: space-evenly; line-height: normal; } /*
*/ .codex_links a { margin: 0px 10px; width: 30%; text-align: center; background: #f9ce6b !important; display: block; padding: 3px 10px; text-transform: uppercase; font-size: 10px; color: #333333 !important; letter-spacing: 2px !important; text-decoration: none !important; font-family: 'Chivo', serif !important; font-weight: normal  !important;} /*
*/ .codex_charabox i, .codex_charatext i { font-family: 'Chivo', serif; letter-spacing: 1px; color: #000000; } /*
*/ .codex_charabox b, .codex_charatext b { font-family: 'Chivo', serif; letter-spacing: 1px; color: #111111; font-weight: 900; } /*
*/ .codex_charabox u, .codex_charatext u { font-family: 'Chivo', serif; letter-spacing: 1px; color: #121212; text-decoration: underline wavy #e3b953 2px; } /*
*/ .codex_charabox s, .codex_charatext s { font-family: 'Chivo', serif; letter-spacing: 1px; color: #121212; text-decoration: line-through dotted #e3b953 2px; } /*
*/ .codex_charabox a, .codex_charatext a { font-family: 'Chivo', serif !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; color: #000000 !important; background: #ececec !important; font-weight: 500 !important; font-size: inherit; } /*
*/ .codex_charabox a:hover { color: #ffffff !important; } /*
*/ .codex_charatext a:hover { color: #000000 !important; background: #f9ce6b !important; } /*
*/ .codex_charabox ul, .codex_charatext ul, .codex_infos ul { list-style-type: square; padding: 0px 10px 0px 15px; margin: 15px 0px; } /*
*/ .codex_charabox li::marker, .codex_charatext li::marker, .codex_infos li::marker { color: #ffba00; } /*
*/ .codex_infosub i, .codex_infosub b, .codex_infosub u, .codex_infosub s { background: #cecece !important; text-transform: uppercase !important; font-size: 10px !important; color: #333333 !important; letter-spacing: 2px !important; text-decoration: none !important; font-weight: normal !important; font-style: normal !important; } /*
*/ .codex_charasub i, .codex_charasub b, .codex_charasub u, .codex_charasub s, .codex_infosub a { background: #cecece !important; text-transform: uppercase !important; font-size: 10px !important; color: #333333 !important; letter-spacing: 2px !important; text-decoration: none !important; font-weight: normal !important; font-style: normal !important; } /*
*/ .codex_charasub a { background: #f9ce6b !important; text-transform: uppercase !important; font-size: 10px !important; color: #333333 !important; letter-spacing: 2px !important; text-decoration: none !important; font-weight: 500 !important; font-style: normal !important; } /*
*/ .codex_charasub a:hover { font-weight: 900 !important; } /*
*/ .codex_infos i { font-family: 'Chivo', serif; letter-spacing: 1px; color: #f9ce6b; } /*
*/ .codex_infos b { font-family: 'Chivo', serif; letter-spacing: 1px; color: #ffffff; font-weight: 700; } /*
*/ .codex_infos u { font-family: 'Chivo', serif; letter-spacing: 1px; color: #efefef; text-decoration: underline wavy #e3b953 1px; } /*
*/ .codex_infos s { font-family: 'Chivo', serif; letter-spacing: 1px; color: #efefef; text-decoration: line-through dotted #e3b953 2px; } /*
*/ .codex_infos a { font-family: 'Chivo', serif !important; letter-spacing: 1px !important; text-transform: uppercase !important; text-decoration: none !important; color: #efefef !important; background: rgba(0,0,0,0) !important; font-weight: 500 !important; } /*
*/ .codex_infos a:hover { color: #f9ce6b !important; } /*
*/ .codex_infos_scroll::-webkit-scrollbar, .codex_charabox::-webkit-scrollbar, .codex_charatext_scroll::-webkit-scrollbar { background: #f9ce6b !important; width: 7px !important; } /*
*/ .codex_infos_scroll::-webkit-scrollbar-thumb { background: #000000 !important; } /*
*/ .codex_charabox::-webkit-scrollbar-thumb, .codex_charatext_scroll::-webkit-scrollbar-thumb { background: #c0c0c0 !important; } /*
*/ .codex_forenshorts { background: #f9ce6b; padding: 10px 15px; margin: 5px auto 5px auto; width: 500px; box-sizing: border-box; } /*
*/ .codex_h5 { padding-bottom: 3px; margin: 5px 0px 5px 0px; line-height: normal; font-size: 11px; text-transform: uppercase; font-family: 'Chivo', serif; color: rgba(0,0,0,0.8); letter-spacing: 1px; border-bottom: solid 1px rgba(0,0,0,0.4); } /*
*/ .codex_forenshorts ul { font-family: 'Chivo', serif; font-weight: 300; line-height: 17px; list-style-type: square; padding: 0px 10px 0px 15px; margin: 0px; color: #000000; font-size: 11px; } /*
GRUPPENCODES
*/ .codex_alchemie, .codex_artillerie, .codex_diplomatie, .codex_flieger, .codex_handel, .codex_reiter, .codex_wyvern { width: 40px; height: 40px; filter: invert(100%) brightness(50%); } /*
*/ .codex_spaeher, .codex_schrift, .codex_infanterie, .codex_heilkunde, .codex_handwerk, .codex_gelehrte, .codex_versch, .codex_zp, .codex_kc, .codex_kb, .codex_sonst { width: 30px; height: 30px; filter: invert(100%) brightness(50%); margin: auto; } /*
*/ .codex_mp, .codex_mn, .codex_zn { width: 25px; height: 25px; filter: invert(100%) brightness(50%); margin: auto; } /*
*/ .codex_alchemie { background: url(https://flame-and-fury.de/images/groupimages/Alchemisten.svg); background-size: cover; background-position: center; } /*
*/ .codex_artillerie { background: url(https://flame-and-fury.de/images/groupimages/Artillerie.svg); background-size: cover; background-position: center; } /*
*/ .codex_diplomatie { background: url(https://flame-and-fury.de/images/groupimages/Diplomaten.svg); background-size: cover; background-position: center; } /*
*/ .codex_flieger { background: url(https://flame-and-fury.de/images/groupimages/Flieger.svg); background-size: cover; background-position: center; } /*
*/ .codex_gelehrte { background: url(https://flame-and-fury.de/images/groupimages/Gelehrte.svg); background-size: cover; background-position: center; } /*
*/ .codex_handel { background: url(https://flame-and-fury.de/images/groupimages/Händler.svg); background-size: cover; background-position: center; } /*
*/ .codex_handwerk { background: url(https://flame-and-fury.de/images/groupimages/Handwerker.svg); background-size: cover; background-position: center; } /*
*/ .codex_heilkunde { background: url(https://flame-and-fury.de/images/groupimages/Heilkundige.svg); background-size: cover; background-position: center; } /*
*/ .codex_infanterie { background: url(https://flame-and-fury.de/images/groupimages/Infanterie.svg); background-size: cover; background-position: center; } /*
*/ .codex_reiter { background: url(https://flame-and-fury.de/images/groupimages/Reiter.svg); background-size: cover; background-position: center; } /*
*/ .codex_schrift { background: url(https://flame-and-fury.de/images/groupimages/Schriftgelehrte.svg); background-size: cover; background-position: center; } /*
*/ .codex_spaeher { background: url(https://flame-and-fury.de/images/groupimages/Späher.svg); background-size: cover; background-position: center; } /*
*/ .codex_wyvern { background: url(https://flame-and-fury.de/images/groupimages/wyvern.svg); background-size: cover; background-position: center; } /*
*/ .codex_versch { background: url(https://flame-and-fury.de/images/groupimages/verschiedene.svg); background-size: cover; background-position: center; } /*
*/ .codex_zp { background: url(https://flame-and-fury.de/images/groupimages/civil_poromiel.svg); background-size: cover; background-position: center; } /*
*/ .codex_zn { background: url(https://flame-and-fury.de/images/groupimages/civil_navarre.svg); background-size: cover; background-position: center; } /*
*/ .codex_kc { background: url(https://flame-and-fury.de/images/groupimages/school_poromiel.svg); background-size: cover; background-position: center; } /*
*/ .codex_kb { background: url(https://flame-and-fury.de/images/groupimages/school_navarre.svg); background-size: cover; background-position: center; } /*
*/ .codex_mp { background: url(https://flame-and-fury.de/images/groupimages/military_poromiel.svg); background-size: cover; background-position: center; } /*
*/ .codex_mn { background: url(https://flame-and-fury.de/images/groupimages/military_navarre.svg); background-size: cover; background-position: center; } /*
*/ .codex_sonst { background: url(https://flame-and-fury.de/images/groupimages/Sonstige.svg); background-size: cover; background-position: center; }