Initial commit of foodsoft 2
This commit is contained in:
Benjamin Meichsner
commit
5b9a7e05df
657 changed files with 70444 additions and 0 deletions
5
public/stylesheets/foodsoft.css
Normal file
5
public/stylesheets/foodsoft.css
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
/* FoodSoft Style-Sheet */
|
||||
|
||||
@import "main.css";
|
||||
@import "rails_messages.css";
|
||||
@import "nav.css";
|
||||
394
public/stylesheets/main.css
Normal file
394
public/stylesheets/main.css
Normal file
|
|
@ -0,0 +1,394 @@
|
|||
/* 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.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; }
|
||||
|
||||
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: 23%;
|
||||
left: 10em;
|
||||
width: 50em;
|
||||
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; }
|
||||
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%; }
|
||||
58
public/stylesheets/nav.css
Normal file
58
public/stylesheets/nav.css
Normal file
|
|
@ -0,0 +1,58 @@
|
|||
/* Navigation .... */
|
||||
#nav {
|
||||
position: relative;
|
||||
height: 3em;
|
||||
text-align: right; }
|
||||
#nav ul {
|
||||
padding: 0 0 0 0;
|
||||
margin: -2.3em 0 0 0;
|
||||
list-style: none; }
|
||||
#nav ul li {
|
||||
display: inline;
|
||||
list-style: none;
|
||||
padding: 0.3em 0.3em 0.3em 0;
|
||||
margin: 0 0.2em;
|
||||
background: none; }
|
||||
#nav ul li a {
|
||||
margin: 0.1em 0 0 0;
|
||||
text-align: center;
|
||||
font-size: 1.1em;
|
||||
font-weight: bold;
|
||||
text-decoration: none;
|
||||
color: #737272;
|
||||
border: none;
|
||||
border-bottom: none;
|
||||
background: #e3e3e3;
|
||||
padding: 0.5em 1.2em 0.1em 1.2em;
|
||||
margin-top: 0; }
|
||||
#nav ul li a:hover {
|
||||
color: #ED0606; }
|
||||
#nav ul li ul {
|
||||
display: none;
|
||||
position: absolute;
|
||||
margin: 0;
|
||||
left: 0;
|
||||
padding: 0.6em;
|
||||
bottom: -1.4em;
|
||||
right: 0em;
|
||||
background: #ED0606; }
|
||||
#nav ul li ul li {
|
||||
border-left: 0.1em dotted white;
|
||||
background: none; }
|
||||
#nav ul li ul a, #nav ul li ul a:hover {
|
||||
border: none;
|
||||
background: none;
|
||||
color: #FFF;
|
||||
padding: 0.7em;
|
||||
font-style: normal;
|
||||
font-size: 1em; }
|
||||
#nav ul li.current a {
|
||||
border: none;
|
||||
border-bottom: none;
|
||||
background: #ED0606;
|
||||
padding-bottom: 0.6em;
|
||||
color: #FFF; }
|
||||
#nav ul li.current ul {
|
||||
display: inline; }
|
||||
#nav ul li.current ul a {
|
||||
background: none; }
|
||||
401
public/stylesheets/print.css
Normal file
401
public/stylesheets/print.css
Normal file
|
|
@ -0,0 +1,401 @@
|
|||
/* 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.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; }
|
||||
|
||||
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: 23%;
|
||||
left: 10em;
|
||||
width: 50em;
|
||||
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; }
|
||||
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%; }
|
||||
|
||||
#logininfo, #header, #footer {
|
||||
display: none; }
|
||||
|
||||
h1, h2 {
|
||||
color: black;
|
||||
border-color: black; }
|
||||
69
public/stylesheets/rails_messages.css
Normal file
69
public/stylesheets/rails_messages.css
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
/* rails messages .... */
|
||||
h3.notice, div.notice {
|
||||
color: #090; }
|
||||
|
||||
h3.notice {
|
||||
background: #dfd url(/images/icon_message.gif) no-repeat 10px 3px;
|
||||
border: 1px solid #bfb;
|
||||
padding: 4px 40px;
|
||||
margin: 2em 0 1em 0;
|
||||
font-size: 100%;
|
||||
position: relative; }
|
||||
|
||||
h3.error, div.error {
|
||||
color: red;
|
||||
font-size: 100%;
|
||||
font-weight: bold; }
|
||||
|
||||
h3.error {
|
||||
background: yellow url(/images/error.png) no-repeat 10px 3px;
|
||||
border: 1px solid red;
|
||||
padding: 4px 40px;
|
||||
position: relative;
|
||||
margin: 2em 0 1em 0;
|
||||
font-weight: normal; }
|
||||
|
||||
.fieldWithErrors {
|
||||
padding: 2px;
|
||||
background-color: red;
|
||||
display: table; }
|
||||
|
||||
.fieldWithErrors input {
|
||||
background-color: yellow; }
|
||||
|
||||
#errorExplanation {
|
||||
width: 40em;
|
||||
border: 2px solid red;
|
||||
padding: 7px;
|
||||
padding-bottom: 12px;
|
||||
margin-bottom: 20px;
|
||||
background-color: #f0f0f0; }
|
||||
#errorExplanation h2 {
|
||||
text-align: left;
|
||||
font-weight: bold;
|
||||
padding: 5px 5px 5px 15px;
|
||||
font-size: 12px;
|
||||
margin: -7px;
|
||||
background-color: #ed0606;
|
||||
color: #fff; }
|
||||
#errorExplanation p {
|
||||
color: #333;
|
||||
margin-bottom: 0;
|
||||
padding: 5px; }
|
||||
#errorExplanation ul li {
|
||||
font-size: 12px;
|
||||
list-style: square; }
|
||||
|
||||
div.uploadStatus {
|
||||
margin: 5px; }
|
||||
|
||||
div.progressBar {
|
||||
margin: 5px; }
|
||||
div.progressBar div.border {
|
||||
background-color: #fff;
|
||||
border: 1px solid grey;
|
||||
width: 100%; }
|
||||
div.progressBar div.background {
|
||||
background-color: #333;
|
||||
height: 18px;
|
||||
width: 0%; }
|
||||
444
public/stylesheets/sass/main.sass
Normal file
444
public/stylesheets/sass/main.sass
Normal file
|
|
@ -0,0 +1,444 @@
|
|||
// colors which are used in the foodsoft
|
||||
!main_red = #ED0606
|
||||
!hover_yellow = #ffff72
|
||||
!boxContent = #e4eed6
|
||||
!lightGrey = #efefef
|
||||
!darkGreen = #78b74e
|
||||
!lightGreen = #e4eed6
|
||||
|
||||
/* 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
|
||||
:style solid
|
||||
:color = !main_red
|
||||
|
||||
a, a:visited
|
||||
:text-decoration underline
|
||||
:color black
|
||||
|
||||
a:hover
|
||||
:color = !main_red
|
||||
|
||||
h1, h2
|
||||
:color = !main_red
|
||||
|
||||
h1
|
||||
:font-size 2.2em
|
||||
:line-height 0.8em
|
||||
:padding 1em 0 5px 5%
|
||||
:margin 0 0 1em 0
|
||||
:border-bottom
|
||||
:width 1px
|
||||
:style dotted
|
||||
:color = !main_red
|
||||
|
||||
h2
|
||||
:font-size 1.4em
|
||||
:margin-top .5em
|
||||
|
||||
h3
|
||||
:font-size 1em
|
||||
:margin-top 1.5em
|
||||
|
||||
input
|
||||
:color #2e2e2e
|
||||
|
||||
abbr, acronym
|
||||
:cursor help
|
||||
|
||||
// ********************************* loginpage
|
||||
#login
|
||||
:margin auto
|
||||
:width 27em
|
||||
:font-size 1.2em
|
||||
|
||||
#login #meta
|
||||
:margin-top 2em
|
||||
:padding-top .3em
|
||||
:border-top 1px dotted #ED0606
|
||||
:color #2e2e2e
|
||||
|
||||
|
||||
// ******************************** - Logo - head
|
||||
#header
|
||||
:margin 0
|
||||
:padding 0
|
||||
|
||||
|
||||
#logo
|
||||
:background = !main_red
|
||||
:height 1.1em
|
||||
:width 8em
|
||||
:padding 0 20px
|
||||
:text-align left
|
||||
:line-height 54px
|
||||
:font-size 54px
|
||||
:overflow hidden
|
||||
:letter-spacing -3px
|
||||
:margin 0
|
||||
a, a:hover
|
||||
:color white
|
||||
:background-color = !main_red
|
||||
:text-decoration none
|
||||
a span
|
||||
:color = !main_red
|
||||
:background #FFF
|
||||
:padding-right 0.1em
|
||||
:font-weight bold
|
||||
:border-top
|
||||
:width 2px
|
||||
:style dotted
|
||||
:color = !main_red
|
||||
|
||||
#logininfo
|
||||
:position absolute
|
||||
:top 3px
|
||||
:right 10px
|
||||
:font-size 1em
|
||||
ul
|
||||
:list-style none
|
||||
li
|
||||
:margin 0 3px
|
||||
:float left
|
||||
a
|
||||
:padding 0.2em
|
||||
:color #737272
|
||||
:font-weight bold
|
||||
a:hover
|
||||
:color = !main_red
|
||||
|
||||
// ************************************* box structure
|
||||
#main
|
||||
:background #FFF
|
||||
:padding 0
|
||||
:margin 0
|
||||
|
||||
// ************************************* infobar
|
||||
#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
|
||||
h3
|
||||
:color #ED0606
|
||||
ul
|
||||
:list-style none
|
||||
li
|
||||
:margin .3em 0 0 -3em
|
||||
|
||||
// ************************************ embedded menu
|
||||
.menu, #start_nav
|
||||
:border 2px solid #e3e3e3
|
||||
:background #f5f5f5
|
||||
:padding 0 10px 0px 5px
|
||||
:float left
|
||||
|
||||
ul
|
||||
:list-style-type none
|
||||
:margin 0 0 0.2em 0
|
||||
:padding 0
|
||||
|
||||
li
|
||||
:border-bottom 1px solid #dedede
|
||||
:color #666
|
||||
:margin 0.8em 0 0 0
|
||||
:font-weight bold
|
||||
a:link, a:visited
|
||||
:display block
|
||||
:padding 0.25em 1em
|
||||
:text-decoration none
|
||||
:width 12em
|
||||
a:hover, a:focus
|
||||
:background-color #e3e3e3
|
||||
|
||||
ul
|
||||
:margin 0
|
||||
:padding 0
|
||||
li
|
||||
:border-top 1px solid #dedede
|
||||
:border-bottom none
|
||||
:margin 0
|
||||
:font-weight normal
|
||||
a:link, 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
|
||||
#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
|
||||
// border2px solid #e3e3e3
|
||||
:text-align left
|
||||
:width 100%
|
||||
:margin 0
|
||||
|
||||
thead th, tbody td, th, td
|
||||
:padding 0.3em
|
||||
|
||||
thead tr
|
||||
:background-color #efefef
|
||||
th
|
||||
:color black
|
||||
tr.odd, tr.even
|
||||
:border-top 1px solid #DDDDDD
|
||||
tr.odd, tr.odd input
|
||||
:background-color #F6F6F6
|
||||
tr.even
|
||||
:background-color #FBFBFB
|
||||
tr.unavailable, tr.unavailable a
|
||||
:color grey
|
||||
tr.unavailable a:hover
|
||||
:color #ED0606
|
||||
tr.just_updated
|
||||
:color #008000
|
||||
tr.selected, tr.active
|
||||
:background-color #ffffc2
|
||||
|
||||
table.list
|
||||
//:border 2px solid #78b74e
|
||||
tr
|
||||
:border 1px solid #e3e3e3
|
||||
tbody tr:hover
|
||||
:background-color #EEEEDD
|
||||
|
||||
table tfoot tr
|
||||
:background-color #fff
|
||||
td
|
||||
:padding-top 0.8em
|
||||
|
||||
|
||||
tr.edit_inline
|
||||
:background-color = !hover_yellow
|
||||
td, 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
|
||||
tbody tr:hover
|
||||
:background-color #EEEEDD
|
||||
a
|
||||
:display block
|
||||
tr.results:hover
|
||||
:background-color none
|
||||
table
|
||||
tfoot
|
||||
:font-weight bold
|
||||
|
||||
td.currency, td.actions
|
||||
:text-align right
|
||||
:padding-right 0.5em
|
||||
|
||||
// ************************************* for edit formulars */
|
||||
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 23%
|
||||
:left 10em
|
||||
:width 50em
|
||||
:background #FBFBFB
|
||||
:padding 3em
|
||||
:padding-top 1em
|
||||
:border
|
||||
:width 3px
|
||||
:style solid
|
||||
:color = !main_red
|
||||
|
||||
// ***************************************** other boxes */
|
||||
|
||||
// *********boxes in columns ****/
|
||||
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
|
||||
|
||||
// *********** content of boxes ******/
|
||||
|
||||
div.box_title
|
||||
:background #78b74e
|
||||
:padding 5px 10px
|
||||
|
||||
h2, h2 a
|
||||
:color #FFF
|
||||
:margin 0
|
||||
h2
|
||||
:font-size 1.3em
|
||||
|
||||
div.column_content
|
||||
:background = !boxContent
|
||||
:color black
|
||||
:padding 10px
|
||||
h2
|
||||
:color black
|
||||
:font-size 1.3em
|
||||
:margin 1em 0 0 0
|
||||
#links
|
||||
:float right
|
||||
|
||||
// for special pages
|
||||
// index-page
|
||||
|
||||
|
||||
|
||||
|
||||
// * article show
|
||||
tr.current_price
|
||||
:background #cdee9e
|
||||
|
||||
|
||||
// **** maybe later for the very little spinner
|
||||
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
|
||||
|
||||
|
||||
// ************************************* the order page */
|
||||
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
|
||||
input
|
||||
:font-size 80%
|
||||
th#col_required, th#col_tolerance
|
||||
:width 145px
|
||||
th#col_packages, th#col_left_units
|
||||
:width 50px
|
||||
td#col_left_units
|
||||
:color #ed0606
|
||||
td
|
||||
:padding 0.6em
|
||||
td.name, tr.note td
|
||||
:text-align left
|
||||
:padding-left 10px
|
||||
tfoot
|
||||
tr
|
||||
:background-color = !lightGreen
|
||||
td
|
||||
:padding-right 10px
|
||||
tr.note
|
||||
:background-color #FBFBFB
|
||||
:font-size 0.9em
|
||||
:border-bottom 1px solid #DDDDDD
|
||||
td
|
||||
:padding-left 20px
|
||||
|
||||
// ********* Comments
|
||||
#newComment
|
||||
:margin 1em
|
||||
.comment
|
||||
:border-bottom 1px dotted black
|
||||
:padding .5em 0 1em .5em
|
||||
.timestamp
|
||||
:font-size 0.8em
|
||||
:color grey
|
||||
|
||||
// *************** Clearing Order Page ..
|
||||
#editOrderNav
|
||||
a
|
||||
:color #fff
|
||||
:font-weight bold
|
||||
ul
|
||||
:margin 0
|
||||
:padding 0
|
||||
li
|
||||
:display inline
|
||||
:list-style none
|
||||
:margin-right 1em
|
||||
|
||||
// *************** Tasks ...
|
||||
.accepted
|
||||
color: green
|
||||
font-weight: bold
|
||||
.done, .done a, .done .accepted
|
||||
color: grey
|
||||
font-weight: normal
|
||||
|
||||
// ************** auto_complete
|
||||
ul.autocomplete
|
||||
.nick, .informal
|
||||
margin: auto
|
||||
.nick
|
||||
font-weight: bold
|
||||
.informal
|
||||
color: grey
|
||||
margin-left: 1em
|
||||
|
||||
// ******* to navigate easy to the next element, e.g. next order
|
||||
#element_navigation
|
||||
position: relative
|
||||
top: -1em
|
||||
left: 5%
|
||||
63
public/stylesheets/sass/nav.sass
Normal file
63
public/stylesheets/sass/nav.sass
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
/* Navigation ....
|
||||
#nav
|
||||
:position relative
|
||||
:height 3em
|
||||
:text-align right
|
||||
ul
|
||||
:padding 0 0 0 0
|
||||
:margin -2.3em 0 0 0
|
||||
:list-style none
|
||||
li
|
||||
:display inline
|
||||
:list-style none
|
||||
:padding 0.3em 0.3em 0.3em 0
|
||||
:margin 0 0.2em
|
||||
:background none
|
||||
a
|
||||
:margin 0.1em 0 0 0
|
||||
:text-align center
|
||||
:font-size 1.1em
|
||||
:font-weight bold
|
||||
:text-decoration none
|
||||
:color #737272
|
||||
:border none
|
||||
:border-bottom none
|
||||
:background #e3e3e3
|
||||
:padding 0.5em 1.2em 0.1em 1.2em
|
||||
:margin-top 0
|
||||
a:hover
|
||||
:color #ED0606
|
||||
|
||||
// second row of nav
|
||||
ul
|
||||
:display none
|
||||
:position absolute
|
||||
:margin 0
|
||||
:left 0
|
||||
:padding 0.6em
|
||||
:bottom -1.4em
|
||||
:right 0em
|
||||
:background #ED0606
|
||||
li
|
||||
:border-left 0.1em dotted white
|
||||
:background none
|
||||
a, a:hover
|
||||
:border none
|
||||
:background none
|
||||
:color #FFF
|
||||
:padding 0.7em
|
||||
:font-style normal
|
||||
:font-size 1em
|
||||
|
||||
//current list-element
|
||||
li.current
|
||||
a
|
||||
:border none
|
||||
:border-bottom none
|
||||
:background #ED0606
|
||||
:padding-bottom 0.6em
|
||||
:color #FFF
|
||||
ul
|
||||
:display inline
|
||||
a
|
||||
:background none
|
||||
6
public/stylesheets/sass/print.sass
Normal file
6
public/stylesheets/sass/print.sass
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
@import main.sass
|
||||
#logininfo, #header, #footer
|
||||
:display none
|
||||
h1, h2
|
||||
:color black
|
||||
:border-color black
|
||||
69
public/stylesheets/sass/rails_messages.sass
Normal file
69
public/stylesheets/sass/rails_messages.sass
Normal file
|
|
@ -0,0 +1,69 @@
|
|||
/* rails messages ....
|
||||
!main_red = #ED0606
|
||||
|
||||
h3.notice, div.notice
|
||||
:color #090
|
||||
h3.notice
|
||||
:background #dfd url(/images/icon_message.gif) no-repeat 10px 3px
|
||||
:border 1px solid #bfb
|
||||
:padding 4px 40px
|
||||
:margin 2em 0 1em 0
|
||||
:font-size 100%
|
||||
:position relative
|
||||
|
||||
h3.error, div.error
|
||||
:color red
|
||||
:font-size 100%
|
||||
font-weight: bold
|
||||
h3.error
|
||||
:background yellow url(/images/error.png) no-repeat 10px 3px
|
||||
:border 1px solid red
|
||||
:padding 4px 40px
|
||||
:position relative
|
||||
:margin 2em 0 1em 0
|
||||
font-weight: normal
|
||||
|
||||
.fieldWithErrors
|
||||
:padding 2px
|
||||
:background-color red
|
||||
:display table
|
||||
|
||||
.fieldWithErrors input
|
||||
:background-color yellow
|
||||
|
||||
#errorExplanation
|
||||
:width 40em
|
||||
:border 2px solid red
|
||||
:padding 7px
|
||||
:padding-bottom 12px
|
||||
:margin-bottom 20px
|
||||
:background-color #f0f0f0
|
||||
h2
|
||||
:text-align left
|
||||
:font-weight bold
|
||||
:padding 5px 5px 5px 15px
|
||||
:font-size 12px
|
||||
:margin -7px
|
||||
:background-color = !main_red
|
||||
:color #fff
|
||||
p
|
||||
:color #333
|
||||
:margin-bottom 0
|
||||
:padding 5px
|
||||
ul li
|
||||
:font-size 12px
|
||||
:list-style square
|
||||
|
||||
div.uploadStatus
|
||||
:margin 5px
|
||||
|
||||
div.progressBar
|
||||
:margin 5px
|
||||
div.border
|
||||
:background-color #fff
|
||||
:border 1px solid grey
|
||||
:width 100%
|
||||
div.background
|
||||
:background-color #333
|
||||
:height 18px
|
||||
:width 0%
|
||||
Loading…
Add table
Add a link
Reference in a new issue