foodsoft/public/stylesheets/main.css

/* General rules ... */
body {
  background-color: #fff;
  color: black;
  margin: 0;
  padding: 1% 0 0 0;
  min-width: 990px;
  font-size: 62.5%;
  font-family: verdana, arial, sans-serif; }

#loader {
  position: fixed;
  top: 1px;
  right: 1px;
  background: #FFF;
  padding: 10px;
  color: black;
  border-width: 2px;
  border-style: solid;
  border-color: #ed0606; }

a, a:visited {
  text-decoration: underline;
  color: black; }

a:hover {
  color: #ed0606; }

h1, h2 {
  color: #ed0606; }

h1 {
  font-size: 2.2em;
  line-height: 0.8em;
  padding: 1em 0 5px 5%;
  margin: 0 0 1em 0;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #ed0606; }

h2 {
  font-size: 1.4em;
  margin-top: .5em; }

h3 {
  font-size: 1em;
  margin-top: 1.5em; }

input {
  color: #2e2e2e; }

abbr, acronym {
  cursor: help; }

input, textarea, select {
  border: 1px solid #D7D7D7;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 0.9em;
  padding-left: .2em;
  padding-right: .2em; }

input:focus, textarea:focus, select:focus {
  border-color: #000; }

input[type="button"], input[type="submit"], input[type="reset"] {
  background: #EEEEEE none repeat scroll 0%;
  border: 1px outset #CCCCCC;
  color: #222222;
  padding: 0.1em 0.5em;
  font-size: 1em;
  font-weight: bold;
  min-width: 34px; }

select {
  max-width: 15em; }

option {
  border-top: 1px solid #D7D7D7;
  margin: .2em 0; }

span.click-me {
  cursor: pointer; }

.left {
  float: left; }

.right {
  float: right; }

.clear {
  clear: both; }

.description {
  color: grey;
  font-size: 0.9em; }

.hidden {
  display: none; }

#login {
  margin: auto;
  width: 27em;
  font-size: 1.2em; }

#login #meta {
  margin-top: 2em;
  padding-top: .3em;
  border-top: 1px dotted #ED0606;
  color: #2e2e2e; }

#header {
  margin: 0;
  padding: 0; }

#logo {
  background: #ed0606;
  height: 1.1em;
  width: 8em;
  padding: 0 20px;
  text-align: left;
  line-height: 54px;
  font-size: 54px;
  overflow: hidden;
  letter-spacing: -3px;
  margin: 0; }
  #logo a, #logo a:hover {
    color: white;
    background-color: #ed0606;
    text-decoration: none; }
  #logo a span {
    color: #ed0606;
    background: #FFF;
    padding-right: 0.1em;
    font-weight: bold;
    border-top-width: 2px;
    border-top-style: dotted;
    border-top-color: #ed0606; }

#logininfo {
  position: absolute;
  top: 3px;
  right: 10px;
  font-size: 1em; }
  #logininfo ul {
    list-style: none; }
    #logininfo ul li {
      margin: 0 0 0 5px;
      float: left; }
  #logininfo a {
    color: #737272;
    font-weight: bold; }
  #logininfo a:hover {
    color: #ed0606; }

#main {
  background: #FFF;
  padding: 0;
  margin: 0 15px 0 15px; }

#infobar {
  width: 10%;
  min-width: 5em;
  float: right;
  padding: 2.6em 1em;
  margin: 3em 0 0 0;
  border-left: 1px dotted #ED0606;
  font-size: 1.2em; }
  #infobar h3 {
    color: #ED0606; }
  #infobar ul {
    list-style: none; }
  #infobar li {
    margin: .3em 0 0 -3em; }

.menu, #start_nav {
  border: 2px solid #e3e3e3;
  background: #f5f5f5;
  padding: 0 10px 0px 5px;
  float: left; }
  .menu ul, #start_nav ul {
    list-style-type: none;
    margin: 0 0 0.2em 0;
    padding: 0; }
    .menu ul li, #start_nav ul li {
      border-bottom: 1px solid #dedede;
      color: #666;
      margin: 0.8em 0 0 0;
      font-weight: bold; }
      .menu ul li a:link, .menu ul li a:visited, #start_nav ul li a:link, #start_nav ul li a:visited {
        display: block;
        padding: 0.25em 1em;
        text-decoration: none;
        width: 12em; }
      .menu ul li a:hover, .menu ul li a:focus, #start_nav ul li a:hover, #start_nav ul li a:focus {
        background-color: #e3e3e3; }
      .menu ul li ul, #start_nav ul li ul {
        margin: 0;
        padding: 0; }
        .menu ul li ul li, #start_nav ul li ul li {
          border-top: 1px solid #dedede;
          border-bottom: none;
          margin: 0;
          font-weight: normal; }
          .menu ul li ul li a:link, .menu ul li ul li a:visited, #start_nav ul li ul li a:link, #start_nav ul li ul li a:visited {
            width: 11.5em;
            padding: 0 1em 0.1em 1.5em;
            font-weight: normal;
            text-decoration: none; }

.menu {
  position: absolute;
  top: 100px;
  right: 1px; }

#content {
  padding: .5em 0 2.5em 0;
  margin: 0;
  background: #FFF;
  font-size: 1.3em;
  width: 100%;
  float: left; }

/* *********************************** tables */
table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  margin: 0; }
  table thead th, table tbody td, table th, table td {
    padding: 0.3em; }
  table thead tr {
    background-color: #efefef; }
  table th {
    color: black; }
  table tr.odd, table tr.even {
    border-top: 1px solid #DDDDDD; }
  table tr.odd, table tr.odd input {
    background-color: #F6F6F6; }
  table tr.even {
    background-color: #FBFBFB; }
  table tr.unavailable, table tr.unavailable a {
    color: grey; }
  table tr.unavailable a:hover {
    color: #ED0606; }
  table tr.just_updated {
    color: #008000; }
  table tr.selected, table tr.active {
    background-color: #ffffc2; }
  table tr.click-me, table td.click-me {
    cursor: pointer; }
  table tr.ignored {
    color: grey; }
  table tr.success {
    color: green; }
  table tr.failed {
    color: red; }

table.list tr {
  border: 1px solid #e3e3e3; }
table.list tbody tr:hover {
  background-color: #EEEEDD; }

table tfoot tr {
  background-color: #fff; }
  table tfoot tr td {
    padding-top: 0.8em; }

tr.edit_inline {
  background-color: #ffff72; }
  tr.edit_inline td, tr.edit_inline span {
    padding: 0.5em 0.2em; }

div.legend, div.legend table th {
  color: grey;
  font-size: .8em;
  background: none; }

form table {
  border: none; }

table.ordered_articles {
  background-color: #fff; }
  table.ordered_articles tbody tr:hover {
    background-color: #EEEEDD; }
  table.ordered_articles a {
    display: block; }
  table.ordered_articles tr.results:hover {
    background-color: none; }
  table.ordered_articles table tfoot {
    font-weight: bold; }

td.currency, td.actions {
  text-align: right;
  padding-right: 0.5em; }

td.closed {
  background: url(/images/arrow_right_red.png) no-repeat center left; }
  td.closed a {
    display: block;
    text-decoration: none;
    padding-left: 20px; }

td.open {
  background: url(/images/arrow_down_red.png) no-repeat center left; }

div.edit_form {
  border: 2px solid #e3e3e3;
  background: #f5f5f5;
  padding: 0 0.8em 0.8em 0.8em;
  margin: 5px 0;
  color: black; }

#edit_article, #edit_box, #ajax_box {
  position: fixed;
  top: 5em;
  left: 10em;
  width: 55em;
  background: #FBFBFB;
  padding: 3em;
  padding-top: 1em;
  border-width: 3px;
  border-style: solid;
  border-color: #ed0606; }

div.box {
  border-left: 2px solid #78b74e;
  padding-left: 5px; }

div.single_column {
  width: 100%; }

div.left_column {
  width: 40%;
  float: left; }

div.middle_column {
  width: 40%;
  margin-left: 10px;
  float: left; }

div.right_column {
  margin-bottom: 3em;
  width: 55%;
  float: right; }

div.box_title {
  background: #78b74e;
  padding: 5px 10px; }
  div.box_title h2, div.box_title h2 a {
    color: #FFF;
    margin: 0; }
  div.box_title h2 {
    font-size: 1.3em; }

div.column_content {
  background: #e4eed6;
  color: black;
  padding: 10px;
  margin-bottom: 2em; }
  div.column_content h2 {
    color: black;
    font-size: 1.3em;
    margin: 1em 0 0 0; }
  div.column_content #links {
    float: right; }

tr.current_price {
  background: #cdee9e; }

li.check div.spinner {
  display: block;
  height: 5px;
  width: 21px;
  background-image: url(/images/dots-white.gif);
  line-height: 16px;
  float: left;
  margin-right: 5px;
  background-position: center center;
  background-repeat: no-repeat; }

span.used, span.unused {
  font-weight: bold; }

span.used {
  color: #008000; }

span.unused {
  color: #ed0606; }

span.total {
  font-size: 80%; }

table#order {
  text-align: center; }
  table#order input {
    font-size: 0.9em;
    font-weight: bolder;
    background-color: #78B74E;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0; }
  table#order th#col_required, table#order th#col_tolerance {
    width: 140px; }
  table#order th#col_packages, table#order th#col_left_units {
    width: 50px; }
  table#order td.quantity, table#order td.tolerance {
    text-align: right; }
  table#order td#col_left_units {
    color: #ed0606; }
  table#order td {
    padding: 0.6em; }
  table#order td.name {
    text-align: left;
    padding-left: 10px; }
  table#order tfoot tr {
    background-color: #e4eed6; }
  table#order tfoot td {
    padding-right: 10px; }

#order-footer, .article-info {
  text-align: left;
  z-index: 1;
  position: fixed;
  bottom: 0;
  background-color: #E4EED6;
  border-top: 2px solid #78B74E; }
  #order-footer #total-sum, .article-info #total-sum {
    width: 22em;
    margin: .5em 2em 0 0;
    float: right; }
    #order-footer #total-sum #order-button, .article-info #total-sum #order-button {
      margin: .5em 0; }
      #order-footer #total-sum #order-button input, .article-info #total-sum #order-button input {
        background-color: #78B74E;
        color: #fff;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px; }
      #order-footer #total-sum #order-button input:disabled, .article-info #total-sum #order-button input:disabled {
        background-color: red; }

#order-footer {
  width: 100%;
  right: 0;
  left: 0; }

.article-info {
  z-index: 2;
  width: 45em;
  height: 8em;
  border: none;
  left: 30px; }
  .article-info h3 {
    text-align: center;
    margin: 0;
    margin-bottom: 5px;
    width: 100%; }
  .article-info .right {
    width: 35%; }
  .article-info .left {
    width: 60%; }

tr.order-article .article-info {
  display: none; }

tr.order-article:hover .article-info {
  display: block; }

#newComment {
  margin: 1em; }

.comment {
  border-bottom: 1px dotted black;
  padding: .5em 0 1em .5em; }
  .comment .timestamp {
    font-size: 0.8em;
    color: grey; }

#editOrderNav a {
  color: #fff;
  font-weight: bold; }
#editOrderNav ul {
  margin: 0;
  padding: 0; }
  #editOrderNav ul li {
    display: inline;
    list-style: none;
    margin-right: 1em; }

.accepted {
  color: green;
  font-weight: bold; }

.done, .done a, .done .accepted {
  color: grey;
  font-weight: normal; }

ul.autocomplete .nick, ul.autocomplete .informal {
  margin: auto; }
ul.autocomplete .nick {
  font-weight: bold; }
ul.autocomplete .informal {
  color: grey;
  margin-left: 1em; }

#element_navigation {
  position: relative;
  top: -1em;
  left: 5%; }

.stats-bar {
  height: 20px;
  min-width: 10px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  text-align: center;
  margin: 0 10px 10px 0; }

#wiki_content {
  border-style: none;
  color: black;
  line-height: 1.5em; }

.wiki_show, .wiki_version, .wiki_new, .wiki_edit, .wiki_all {
  margin-top: 30px;
  padding: 10px; }
  .wiki_show h1, .wiki_version h1, .wiki_new h1, .wiki_edit h1, .wiki_all h1 {
    padding-left: 0;
    padding-top: 10px;
    border-bottom-style: solid; }
  .wiki_show .column_content, .wiki_version .column_content, .wiki_new .column_content, .wiki_edit .column_content, .wiki_all .column_content {
    margin-bottom: 0; }

#wiki_content {
  min-height: 400px; }
  #wiki_content span.editsection {
    display: none; }
  #wiki_content h2, #wiki_content h3, #wiki_content h4, #wiki_content h5, #wiki_content h6 {
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 0,17em;
    padding-top: 0,5em;
    font-weight: normal;
    font-size: 150%;
    color: black; }
  #wiki_content h3, #wiki_content h4, #wiki_content h5, #wiki_content h6 {
    border-bottom: medium none;
    font-weight: bold; }
  #wiki_content h3 {
    font-size: 132%; }
  #wiki_content h4 {
    font-size: 116%; }
  #wiki_content ul {
    line-height: 1.5em;
    margin: 0.3em 0 0 1.5em;
    padding: 0; }
  #wiki_content ol {
    line-height: 1.5em;
    margin: 0.3em 0 0 3.2em;
    padding: 0;
    list-style-image: none; }

a.new_wiki_link {
  color: grey; }

#preview {
  border: 1px dotted grey;
  padding: 0 1em; }

#wikitoc {
  padding: 5px;
  margin-bottom: 2em;
  width: 25em;
  border: 1px solid grey;
  background-color: #efefef; }
  #wikitoc h2 {
    font-size: 1em;
    color: black; }
    #wikitoc h2 span a {
      font-size: 0.5em;
      color: grey; }

#breadcrump {
  font-size: 0.8em;
  margin-bottom: 3px;
  height: 1em;
  color: #ED0606; }
  #breadcrump a {
    color: #ed0606;
    text-decoration: none; }
  #breadcrump a:hover {
    text-decoration: underline; }

#sidebar {
  float: right;
  width: 290px;
  margin-top: -60px; }
  #sidebar #sidebar-links {
    margin-bottom: 18px;
    text-align: right; }
  #sidebar #subpages {
    border: 1px solid #78b74e;
    margin-top: 10px;
    padding: 0 0 0 0; }
  #sidebar #versions {
    margin-top: 10px;
    border: 1px solid #78b74e; }

#wiki-syntax-help {
  float: right; }
  #wiki-syntax-help table {
    border-color: #78b74e; }

.wiki_version #sidebar {
  margin-top: -23px;
  border: 1px solid #78b74e; }