otwcode/otwarchive

View on GitHub
public/stylesheets/site/2.0/25-media-midsize.css

Summary

Maintainability
Test Coverage
/* MEDIA: only screen and (max-width: 62em), handheld ENDMEDIA */

/* 04 region dashboard */

#dashboard {
  clear: both;
  float: none;
  margin: 1% 3.5%;
  max-width: 100%;
  padding: 0;
  width: auto;
}

#dashboard, #dashboard.own {
  border-bottom: 10px solid #900;
  border-top: 10px solid #900;
  padding: 0.5em 0;
    border-radius: 0.25em;
}

#dashboard ul {
  border: none;
  display: inline;
  padding: 0;
  text-align: left;
}

#dashboard li {
  display: inline;
}

#dashboard a, #dashboard span {
  display: inline-block;
  margin: 0.25em 0;
}

#dashboard .secondary {
  background: #eee;
  padding: 0.375em 0 0.625em;
    box-shadow: inset 2px 2px 5px #bbb;
}

#dashboard .secondary a {
  margin: 0.125em 0;
}

#dashboard .landmark {
  clear: none;
  float: left;
}

/* 05 region main */

#main, #main.dashboard {
  float: none;
  margin: auto;
  padding-left: 3.5%;
  padding-right: 3.5%;
  width: auto;
}

/* 07 interactions */

form.single input[type="text"] {
  width: 100%;
    box-sizing: border-box;
}

form.single input[type="submit"] {
  margin-top: 0.375em;
}

form.single span.submit {
  display: block;
  text-align: right;
}

form.single ul.autocomplete {
  display: block;
}

form.single .autocomplete li.input {
  margin-right: 0;
}

/* 16 zone system */

.logged-in .splash > .module {
  width: 48.5%
}

.logged-in .splash > div:nth-of-type(odd) {
  margin-left: 0;
  margin-right: 1.5%;
}

.logged-in .splash > div:nth-of-type(even) {
  margin-left: 1.5%;
  margin-right: 0;
}

/* 18 zone searchbrowse */

form.filters {
  width: auto;
  min-width: 23%;
  max-width: 24%;
}

.filters fieldset {
  margin-right: 0;
}

form.filters dl {
  margin-left: 0.25em;
  margin-right: 0.25em;
}

/* 21 userstuff */

#workskin {
  margin: auto 1.5%;
}