foodsoft/public/stylesheets/main.css
2009-10-17 20:33:36 +02:00

560 lines
12 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; }
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; }
.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 {
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: 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%; }
.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.5em;
margin-bottom: 5px;
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; }