otwcode/otwarchive

View on GitHub
public/stylesheets/site/2.0/09-roles-states.css

Summary

Maintainability
Test Coverage
/*==ROLES AND STATES
http://otwcode.github.com/docs/front_end_coding/patterns/modifiers
*/

.own, .draft, .draft .wrapper, .unread, .child, .unwrangled, .unreviewed {
  background: #ededed;
    opacity: 0.95;
}

.draft {
  border: 2px dashed #aaa;
  padding: 0.643em;
    border-radius: 0.5em;
}

/*(these states spoof the ".navigation .current" style)*/

span.unread, .replied, span.claimed, .actions span.defaulted {
  background: #ccc;
  color: #900;
  width: auto;
  font: 100 100%/1.286 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Helvetica, sans-serif, 'GNU Unifont';
  height: 1.286em;
  vertical-align: middle;
  display: inline-block;
  padding: 0.25em 0.75em;
  white-space: nowrap;
  overflow: visible;
  position: relative;
  text-decoration: none;
  border: 1px solid #bbb;
  border-bottom: 1px solid #aaa;
    border-radius: 0.25em;
}

.actions span.defaulted {
  color: #111;
}

.canonical, li.requested {
  font-weight: 700;
}

.hidden, body .hidden, .actions .hidden, .actions a.hidden, #dashboard .hidden {
  display: none;
}

.draggable, .droppable, span.requested, .nominations .rejected {
  color: #900;
}

span.offered, .replied, .nominations .approved {
  color: #008000;
}

.nominations .approved {
  background: #d1f0d1;
}

.nominations .rejected {
  background: #efd1d1;
}

span.offered.requested {
  color: #876714;
}

/* Arrows for the accordion widget */

.collapsed:after {
  content: " \2193";
}

.expanded:after {
  content: " \2191";
}

/*This is a helper for Back End and can be overridden contextually anywhere*/

.commas li:after {
  content: ", ";
}

.commas li {
  display: inline;
}

.commas li:last-child:after, .commas li:only-child:after {
  content: none;
}

/* CONTEXTS */

.dashboard .own, .comment span.unreviewed {
  background: transparent;
    opacity: 1.0;
}

/*END== */