https://kinwiki.xn--vrnideas-b1a.de/index.php?action=history&feed=atom&title=CSS%3ADossier.css CSS:Dossier.css - Versionsgeschichte 2026-04-15T19:32:43Z Versionsgeschichte dieser Seite in Kinthara Spiel-Wiki MediaWiki 1.33.1 https://kinwiki.xn--vrnideas-b1a.de/index.php?title=CSS:Dossier.css&diff=4&oldid=prev Martin am 22. April 2018 um 12:26 Uhr 2018-04-22T12:26:38Z <p></p> <table class="diff diff-contentalign-left" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #222; text-align: center;">Version vom 22. April 2018, 12:26 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l47" >Zeile 47:</td> <td colspan="2" class="diff-lineno">Zeile 47:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> height: 100%;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> height: 100%;</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> max-width: 100%;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> max-width: 100%;</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"> width: auto !important;</ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> display: block;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> display: block;</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> margin: auto;</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #222; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div> margin: auto;</div></td></tr> </table> Martin https://kinwiki.xn--vrnideas-b1a.de/index.php?title=CSS:Dossier.css&diff=1&oldid=prev Martin: Die Seite wurde neu angelegt: „div.dossier { display: grid; grid-template-columns: 12em 2fr 10fr 2fr 8fr 1fr 3em; grid-template-rows: 2em 2em 2em 2em 2em 2em auto; min-height: 100vh; bo…“ 2018-04-22T12:05:28Z <p>Die Seite wurde neu angelegt: „div.dossier { display: grid; grid-template-columns: 12em 2fr 10fr 2fr 8fr 1fr 3em; grid-template-rows: 2em 2em 2em 2em 2em 2em auto; min-height: 100vh; bo…“</p> <p><b>Neue Seite</b></p><div>div.dossier {<br /> display: grid;<br /> grid-template-columns: 12em 2fr 10fr 2fr 8fr 1fr 3em;<br /> grid-template-rows: 2em 2em 2em 2em 2em 2em auto;<br /> min-height: 100vh;<br /> box-sizing: border-box;<br /> background: #edb;<br /> border: 2px solid #322;<br /> min-width: 50em;<br /> position: relative;<br /> }<br /> div.dossier div {<br /> position: relative;<br /> }<br /> div.dossier .label {<br /> line-height: 2em;<br /> white-space: nowrap;<br /> padding: 0 0.3em;<br /> }<br /> div.dossier .input {<br /> font-family: Courier, &quot;Courier New&quot;, &quot;Cutive Mono&quot;;<br /> line-height: 1em;<br /> height: 2em;<br /> align-items: center;<br /> display: flex;<br /> padding: 0 0.3em;<br /> }<br /> div.dossier .input:after {<br /> position: absolute;<br /> content: '';<br /> width: calc(100% - 1em);<br /> height: 2px;<br /> background: rgba(119, 96, 96, 0.3);<br /> left: 0;<br /> bottom: -2px;<br /> }<br /> div.dossier #portrait {<br /> grid-area: 1 / 1 / span 6 / span 1;<br /> margin: 5px 15px;<br /> padding: 3px;<br /> border: 1px solid #322;<br /> background: #eee;<br /> box-shadow: 2px 2px 7px #322;<br /> transform: rotate(-3deg);<br /> }<br /> div.dossier #portrait img {<br /> height: 100%;<br /> max-width: 100%;<br /> display: block;<br /> margin: auto;<br /> }<br /> div.dossier #nameLabel {<br /> grid-area: 1 / 2;<br /> }<br /> div.dossier #name {<br /> grid-area: 1 / 3 / span 1 / span 3;<br /> }<br /> div.dossier #sexLabel {<br /> grid-area: 1 / 6;<br /> }<br /> div.dossier #sex {<br /> grid-area: 1 / 7;<br /> }<br /> div.dossier #rankLabel {<br /> grid-area: 2 / 2;<br /> }<br /> div.dossier #rank {<br /> grid-area: 2 / 3 / span 1 / span 5;<br /> }<br /> div.dossier #unitLabel {<br /> grid-area: 3 / 2;<br /> }<br /> div.dossier #unit {<br /> grid-area: 3 / 3 / span 1 / span 5;<br /> }<br /> div.dossier #heightLabel {<br /> grid-area: 4 / 2;<br /> }<br /> div.dossier #height {<br /> grid-area: 4 / 3;<br /> }<br /> div.dossier #dobLabel {<br /> grid-area: 4 / 4;<br /> }<br /> div.dossier #dob {<br /> grid-area: 4 / 5;<br /> }<br /> div.dossier #ageLabel {<br /> grid-area: 4 / 6;<br /> }<br /> div.dossier #age {<br /> grid-area: 4 / 7;<br /> }<br /> div.dossier #weightLabel {<br /> grid-area: 5 / 2;<br /> }<br /> div.dossier #weight {<br /> grid-area: 5 / 3;<br /> }<br /> div.dossier #pobLabel {<br /> grid-area: 5 / 4;<br /> }<br /> div.dossier #pob {<br /> grid-area: 5 / 5 / span 1 / span 3;<br /> }<br /> div.dossier #speciesLabel {<br /> grid-area: 6 / 2;<br /> }<br /> div.dossier #species {<br /> grid-area: 6 / 3;<br /> }<br /> div.dossier #nationalityLabel {<br /> grid-area: 6 / 4;<br /> }<br /> div.dossier #nationality {<br /> grid-area: 6 / 5 / span 1 / span 3;<br /> }<br /> div.dossier #description {<br /> grid-area: 7 / 1 / span 1 / span 7;<br /> margin: 0.5em 1em;<br /> border: 2px solid #775;<br /> padding: 1em;<br /> /*font-family: &quot;BlackJackRegular&quot;;*/<br /> font-size: 120%;<br /> line-height: 1.5em;<br /> text-align: justify;<br /> }<br /> div.dossier #stamp {<br /> position: absolute;<br /> font-size: 300%;<br /> color: red;<br /> font-family: sans-serif;<br /> font-variant: small-caps;<br /> left: 3em;<br /> top: 2em;<br /> border: 10px solid red;<br /> border-radius: 20px;<br /> padding: 10px 20px;<br /> transform: rotate(10deg);<br /> opacity: 0.3;<br /> white-space: nowrap;<br /> }<br /> div.extraPortrait {<br /> padding: 3px;<br /> border: 1px solid #322;<br /> background: #eee;<br /> box-shadow: 2px 2px 7px #322;<br /> margin: 10px 10px 10px 20px;<br /> transform: rotate(12deg);<br /> display: block;<br /> float: right;<br /> font-size: 80%;<br /> text-align: center;<br /> }<br /> div.extraPortrait img {<br /> height: 10em;<br /> max-width: 100%;<br /> display: block;<br /> margin: auto;<br /> }<br /> div.extraPortrait.large img {<br /> height: 25em;<br /> }</div> Martin