pmonks/alfresco-bulk-import

View on GitHub
amp/src/main/amp/web/css/bulkimport/bulkimport.css

Summary

Maintainability
Test Coverage
html {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin: 0px 25px;
  line-height: 1.0;
}

a, p, input, select, textarea {
  font-family: 'Open Sans', sans-serif;
}

fieldset {
  border: 1px solid black;
  margin: 0;
  padding: 1em;
}

legend {
  font-weight: bold;
  padding: 0.2em;
}
  
label {
  font-weight: bold;
  float: left;
  width: 10%;
  margin-right: 0.5em;
  padding-top: 0.2em;
  text-align: right;
}

.container {
  display: flex;
}

.block {
  align-self: center;
}

.footnote {
  font-size: 12px;
}

/* Buttons */
.button {
  display: inline-block;
  zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
  *display: inline;
  vertical-align: baseline;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 'Open Sans', sans-serif;
  padding: .5em 2em .55em;
  text-shadow: 0 1px 1px rgba(0,0,0,.3);
  -webkit-border-radius: .5em; 
  -moz-border-radius: .5em;
  border-radius: .5em;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
  text-decoration: none;
}
.button:active {
  position: relative;
  top: 1px;
}

/* This tool is absolutely invaluable for creating new colour styles: http://www.w3schools.com/colors/colors_picker.asp */
.green {
  color: #e8f0de;
  border: solid 1px #538312;
  background: #64991e;
  background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
  background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
  background: #538018;
  background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
  background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
  color: #a9c08c;
  background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
  background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

.orange {
  color: #faebdc;
  border: solid 1px #97520c;
  background: #da7a1b;
  background: -webkit-gradient(linear, left top, left bottom, from(#ed851d), to(#aa5e13));
  background: -moz-linear-gradient(top,  #ed851d,  #aa5e13);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed851d', endColorstr='#aa5e13');
}
.orange:hover {
  background: #b46313;
  background: -webkit-gradient(linear, left top, left bottom, from(#cb7015), to(#a25911));
  background: -moz-linear-gradient(top,  #cb7015,  #a25911);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cb7015', endColorstr='#a25911');
}
.orange:active {
  color: #ddb388;
  background: -webkit-gradient(linear, left top, left bottom, from(#aa5e13), to(#ed851d));
  background: -moz-linear-gradient(top,  #aa5e13,  #ed851d);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa5e13', endColorstr='#ed851d');
}

.red {
  color: #faddde;
  border: solid 1px #980c10;
  background: #d81b21;
  background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
  background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
  background: #b61318;
  background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
  background: -moz-linear-gradient(top,  #c9151b,  #a11115);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
  color: #de898c;
  background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
  background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* JQuery overrides */
.ui-widget {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}