Mod Archive Forums

Community => The Lobby => Topic started by: zzo38 on August 15, 2015, 05:31:27

Title: How to improve the CSS of the forum
Post by: zzo38 on August 15, 2015, 05:31:27
This is the CSS code for use with Firefox "Stylish" extension in order to make improve of the CSS of the forum. A lot of more thing can fit on the screen at once now.

Code: [Select]
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url-prefix("http://modarchive.org/forums/") {
  .container {
    width: auto;
    max-width: 100%;
  }
  .nav {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
  #bodyarea {
    margin-left: auto;
    margin-right: auto;
  }
  table {
    max-width: 100%;
  }
  .bordercolor {
    background-color: #000000;
    border: 1px solid #000000;
  }
  .windowbg {
    background-color: #A5BFA6;
  }
  .windowbg2 {
    background-color: #91C0C0;
  }
  .windowbg3 {
    background-color: #B7BFA5;
  }
  a:link {
    color: #0009C3;
  }
  .middletext {
    font-size: inherit;
  }
  .hugetext, a.hugetext:link, a.hugetext:visited {
    font: bold 14px sans-serif;
    color: #860000;
  }
  .hugetext {
    font: bold 14px sans-serif;
  }
  img[alt="Home"] {
    display: none;
  }
  .mainbg {
    padding-right: 0px;
  }
  .titlebg {
    font-weight: normal;
  }
  #upshrinkHeader td {
    padding: 0px !important;
  }
  a[href$="#new"] + .smalltext > br {
    display: none;
  }
  a[onclick^="surroundText"] {
    display: none;
  }
  a[onclick^="replaceText"] {
    display: none;
  }
  img[alt="|"] {
    display: none;
  }
  select[onchange^="surroundText"] {
    display: none;
  }
  select[onchange^="surroundText"] + br {
    display: none;
  }
}