distribusi-verse/verse/static/css/style.css

body
{
  font-family: monospace;
  background-color: #383C4A;
  color:#E0B0FF;
}

div#login{
  width: 30%;
  margin-left: auto;
  margin-right: auto;
  background-color:#383C4A;
  text-decoration: none;
}

div#login form {
  width: 200px;
  margin: 0 auto;
  padding-left: 15%;
  padding-right: 15%;
}

input[type=text], input[type=password], input[type=file]{
  background-color: #383C4A;
  color: white;
  border: 1px solid #E0B0FF;
}

div#upload form {
  padding-right: 15%;
}

.workflow{
  margin-top: 1em;
  padding: 0.5em;
  width: 25em;
  border: 3px solid #E0B0FF;
  background-color:#383C4A;
  text-decoration: none;
}
#mainworkflow
{
  width: 30em;
  margin:0 auto;
}

div#buttons{
  position: fixed;
  top: 0.5em;
  right: 0.5em;
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

div#buttons .logout input{
  border: none;
  background: #E0B0FF;
  text-decoration: none;
  margin: 1px;
}

div#buttons .distribusi input{
  border: none;
  background: #fff600;
  text-decoration: none;
  margin: 1px;
}

fieldset.required {
  border: none;
}

input {
  border: none;
  background: #E0B0FF;
  text-decoration: none;
  margin: 1px;
}

input:hover {
  background: #60337F;
}

input[type="submit"]:disabled:hover,
input[type="submit"]:disabled,
input[type="submit"]:disabled:focus {
  background: #777777;
  color: #d28cff;
}

/* unvisited link */
a:link {
 color: red;
}

/* visited link */
a:visited {
 color: #fff600;
}

/* mouse over link */
a:hover {
 color: #60337F;
}

/* selected link */
a:active {
 color: white;
}
/*
Project colors so far.
light
#E0B0FF
medium
#d28cff
dark
#60337F

yellow
#fff600

backgrounds
*/