Guten Abend an alle
Im Voraus: Ich bin kein toller Skripter, also sorry wenn ein Teil des Codes ziemlich komisch geschrieben ist...
Ich habe mir ein eigenes Camp-Firefox Anpassungsskript mit Stylish erstellt (auf meine Bildschirmauflösung angepasst - 1440x900), der momentan diesen Code beinhaltet...
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.camp-firefox.de") {
* {
font-family: "Cantarell" !important;
}
a {
color: black !important;
}
body {
background-color: #f2f2f2 !important;
}
#header_bg {
background: none !important;
background-color: #F2F2F2 !important;
height: 30px !important;
}
#header {
background: none !important;
}
#header_logo {
display: none !important;
}
#mcs_header_bg {
background: none !important;
background-color: #F2F2F2 !important;
}
#mcs_header_logo {
display: none !important;
}
label#textBeforeSearch {
display: none !important;
}
input#keywords.inputbox.search {
background-color: rgba(0,0,0,0.2) !important;
border: none !important;
border-radius: 7px !important;
height: 32px !important;
font-size: 15px !important;
width: 180px !important;
margin-top: 16px !important;
}
.inputbox:focus {
color: black !important;
}
.inputbox {
color: black !important;
}
input.search {
background-image: none !important;
}
#search-box input.button2 {
display: none !important;
}
#search-box a:link {
display: none !important;
}
h1 {
color: black !important;
font-family: "Comfortaa" !important;
margin-top: -72px !important;
}
h3 {
display: none !important;
}
div#navbar li a {
color: gray !important;
background: none !important;
}
div#navbar li a.active {
color: black !important;
}
.container-16 .grid-16 {
width: 500px;
margin-left: 300px !important;
margin-top: -72px !important;
}
div {
background: none !important;
}
div#format-buttons {
visibility: visible !important
}
span.corners-top,
span.corners-top span {
height: 0px !important;
}
span.corners-bottom,
span.corners-bottom span {
height: 0px !important;
}
ul.navlinks {
display: none !important;
}
p.right {
display: none !important;
}
.navbar div.inner {
display: none !important;
}
ul.linklist li {
display: none !important;
}
dd.topics {
color: black !important;
}
dd.posts {
color: black !important;
}
dd.lastpost {
color: black !important;
}
dd.views {
color: black !important;
}
ul.forums {
background: transparent !important;
}
li.row {
border-bottom: 1px lightgray solid !important;
border-top: none !important;
background: transparent;
}
div.inner {
border-bottom: 1px lightgray solid !important;
}
li.header dt {
color: black
}
}
Alles anzeigen
...und so in der Praxis aussieht:
[Blockierte Grafik: http://www7.pic-upload.de/thumb/14.04.14/f71zuntrw6dm.png]
Nun würde ich diesen Code gerne "komprimieren" (also in der Zeilenmenge verkleinern), damit das nicht so schäbig aussieht, ohne das Aussehen in irgendeiner Weise zu verlieren. Ist das irgendwie möglich?
Nein, damit meine ich nicht einfach die Abstände im Code entfernen... das sieht dann noch blöder aus. :roll:
Ich bin mir sicher dass diese "Komprimierung" lange brauchen wird :lol: