Falls Du die Kompromisslösung meinst (ich musste da allerdings auch noch die Schrift anpassen - ich kopier mal alles) Der Code ist jedoch so ja leider nicht mehr auf einer Linie - wie man ihn eingefügt hat, was eben auch irgendwie doof ist. Deshalb wollte ich die Scrollbar ja auch einfach anpassen.
content.css
Code: Alles auswählen
/* Code block */
.codebox {
border: 8px solid;
margin: 1em 0 1.2em 0;
padding: 3px;
word-wrap: normal;
}
.codebox p {
text-transform: uppercase;
border-bottom: 1px solid;
margin-bottom: 0;
padding: 3px;
font-size: 0.8em !important;
font-weight: bold;
display: block;
}
blockquote .codebox {
margin-left: 0;
}
.codebox code {
overflow: auto;
display: block;
height: auto;
max-height: 200px;
padding: 5px 3px;
font: 0.9em Monaco, "Andale Mono","Courier New", Courier, monospace;
line-height: 1.3em;
white-space: pre-wrap;
margin-bottom: 15px;
border-bottom: 1px solid;
}
color.css
Code: Alles auswählen
/* Code block */
.codebox {
background-color: #C4C4C4;
border-color: #D7D7D7;
}
.codebox p {
border-bottom-color: #888888;
color: #000;
}
.codebox code {
color: #BF0000;
border-bottom-color: #888888;
}
[ externes Bild ] Das Problem ist, dass man es so kaum lesen kann in der Codebox. Wenn man es allerdings rauskopiert, sieht es genauso aus, wie man es einfügte und die Scrollbalken sind alle weg.
[ externes Bild ]