Stylesheet.html

<link rel="stylesheet" href="https://ssl.gstatic.com/docs/script/css/add-ons.css">
<!-- The CSS package above applies Google styling to buttons and other elements. -->
<!-- for the dialog box that doesn't block the browser -->
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/smoothness/jquery-ui.css">
<style>
// this style is to provide a vertical space of roughly 300 px (the same as the width of the sidebar) to allow automatic scaling of image preview
.preview-space {
  width: 270px;
  height: 330px;
//  background-size: contain;
  background-size: cover;  // so we can automatically scale the preview to the small space in the sidebar
}

.bounding-box {
  background-image: url('');
  background-repeat: no-repeat;
  background-size: contain;
}


.form-spaced {
  bottom: 56px;
}

.branding-below {
  bottom: 56px;
  top: 0;
}

.branding-text {
  left: 7px;
  position: relative;
  top: 3px;
}

.col-contain {
  overflow: hidden;
}

.col-one {
  float: left;
  width: 50%;
}

.logo {
  vertical-align: middle;
}

.radio-spacer {
  height: 20px;
}

.width-100 {
  width: 100%;
}

.code-text {
  font-family: "Courier New", Courier, monospace;
  font-size:80%;
}

</style>