407 lines
8.4 KiB
CSS
407 lines
8.4 KiB
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; }
|
|
|
|
#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 3px;
|
|
float: left; }
|
|
#logininfo a {
|
|
padding: 0.2em;
|
|
color: #737272;
|
|
font-weight: bold; }
|
|
#logininfo a:hover {
|
|
color: #ed0606; }
|
|
|
|
#main {
|
|
background: #FFF;
|
|
padding: 0;
|
|
margin: 0; }
|
|
|
|
#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 0 0 1em;
|
|
background: #FFF;
|
|
font-size: 1.3em;
|
|
width: 95%;
|
|
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 {
|
|
cursor: pointer; }
|
|
|
|
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 {
|
|
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, div.left_column, div.right_column {
|
|
margin: .5em .5em 1.5em .5em; }
|
|
|
|
div.single_column {
|
|
width: 100%; }
|
|
|
|
div.left_column {
|
|
width: 40%;
|
|
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: 80%; }
|
|
table#order th#col_required, table#order th#col_tolerance {
|
|
width: 145px; }
|
|
table#order th#col_packages, table#order th#col_left_units {
|
|
width: 50px; }
|
|
table#order td#col_left_units {
|
|
color: #ed0606; }
|
|
table#order td {
|
|
padding: 0.6em; }
|
|
table#order td.name, table#order tr.note td {
|
|
text-align: left;
|
|
padding-left: 10px; }
|
|
table#order tfoot tr {
|
|
background-color: #e4eed6; }
|
|
table#order tfoot td {
|
|
padding-right: 10px; }
|
|
table#order tr.note {
|
|
background-color: #FBFBFB;
|
|
font-size: 0.9em;
|
|
border-bottom: 1px solid #DDDDDD; }
|
|
table#order tr.note td {
|
|
padding-left: 20px; }
|
|
|
|
#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%; }
|