regluit/static/css/documentation.css

/* variables and mixins used in multiple less files go here */
.header-text {
  height: 36px;
  line-height: 36px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: -0.05em;
}
.panelborders {
  border-width: 1px 0px;
  border-style: solid none;
  border-color: #FFFFFF;
}
.mediaborder {
  padding: 5px;
  border: solid 5px #EDF3F4;
}
/* variables and mixins used in multiple less files go here */
.header-text {
  height: 36px;
  line-height: 36px;
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: -0.05em;
}
.panelborders {
  border-width: 1px 0px;
  border-style: solid none;
  border-color: #FFFFFF;
}
.mediaborder {
  padding: 5px;
  border: solid 5px #EDF3F4;
}
.user-block-hide {
  float: left;
  width: 100%;
  clear: both;
  border-top: solid 1px #8ac3d7;
  margin-top: 20px;
}
.user-block-hide .quicktour {
  width: 270px;
  float: left;
  font-style: italic;
  line-height: 20px;
  font-size: 13px;
  margin-top: 20px;
}
.user-block-hide .quicktour .highlight {
  font-weight: bold;
}
.user-block-hide .quicktour.last {
  padding-right: 0px;
  width: 270px;
  background: url("/static/images/landingpage/signmeup-arrow.png") no-repeat center bottom;
  padding-bottom: 42px;
}
.user-block-hide .movingrightalong {
  background: url("/static/images/landingpage/quicktour-arrow.png") no-repeat center;
  height: 100px;
  width: 75px;
  float: left;
  margin-top: 20px;
}
.block-intro-text div {
  display: none;
  line-height: 25px;
}
.block-intro-text div#active {
  display: inherit;
  height: 75px;
}
/* Learn More area (not already styles by learnmore.less) */
.user-block {
  width: 100%;
  clear: both;
}
.user-block1, .user-block2 {
  float: left;
}
.user-block1 {
  width: 70%;
}
.user-block1 .block-intro-text {
  float: left;
  width: 70%;
  font-size: 20px;
}
.user-block1 a.readon {
  float: left;
  margin-top: 10px;
}
.user-block2 {
  color: #6994a3;
  font-size: 11px;
  line-height: normal;
  width: 30%;
}
.user-block2 .block-inner {
  float: right;
  padding-right: 0;
}
.user-block2 label {
  float: left;
  font-size: 20px;
  height: 30px;
  line-height: 30px;
  color: #3d4e53;
  padding-right: 15px;
}
.user-block-hide .quicktour.last {
  background: none;
}
/* Containers */
.have-right #js-main-container {
  float: left;
}
.js-main-container-inner {
  padding-left: 15px;
}
.have-right #js-rightcol {
  margin-top: 50px;
  background: #edf3f4;
  border: 1px solid #d6dde0;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
}
.have-right #js-rightcol .jsmodule {
  border-bottom: 1px solid #3c4e52;
  width: 235px;
}
.have-right #js-rightcol .jsmodule.last {
  border-bottom: none;
  padding-bottom: 10px;
}
.js-rightcol-padd {
  padding: 10px;
}
/* Elements */
.doc h2 {
  margin: 20px 0;
  color: #3d4e53;
  font-size: 17px;
  font-weight: bold;
}
.doc h3 {
  color: #3d4e53;
  font-weight: bold;
}
.doc ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.doc ul li {
  margin-bottom: 7px;
  -moz-border-radius: 14px 14px 14px 14px;
  -webkit-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;
  -moz-border-radius: 14px 14px 14px 14px;
  -webkit-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;
  padding: 10px;
  background: #edf3f4;
}
.doc div.inset {
  background: #edf3f4;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  border-radius: 12px 12px 12px 12px;
  padding: 10px;
  font-style: italic;
}
dt {
  margin: 7px 0px 7px -7px;
  -moz-border-radius: 14px 14px 14px 14px;
  -webkit-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;
  -moz-border-radius: 14px 14px 14px 14px;
  -webkit-border-radius: 14px 14px 14px 14px;
  border-radius: 14px 14px 14px 14px;
  padding: 10px 0px 10px 7px;
  background: #edf3f4;
}
dd {
  margin: 0;
  padding-bottom: 7px;
}
.doc ol li {
  margin-bottom: 7px;
}
.errorlist li {
  border: solid #8dc63f 4px;
}
.collapse ul {
  display: none;
}
/* items on press page */
.spacer {
  clear: both;
  height: 7px;
}
.presstoc {
  overflow: auto;
  clear: both;
  padding-bottom: 10px;
}
.presstoc div {
  float: left;
  padding-right: 15px;
}
.presstoc div.pressemail {
  border: solid 2px #3d4e53;
  padding: 5px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  border-radius: 7px 7px 7px 7px;
  max-width: 678px;
}
.pressarticles div {
  margin-bottom: 10px;
}
.pressvideos > div {
  margin-bottom: 15px;
  padding-bottom: 7px;
  border-bottom: solid 1px #3d4e53;
  float: left;
}
.pressvideos iframe {
  padding: 5px;
  border: solid 5px #EDF3F4;
  padding: 5px;
  border: solid 5px #EDF3F4;
}
.pressimages {
  clear: both;
}
.pressimages .outer {
  clear: both;
}
.pressimages .outer div {
  float: left;
  width: 25%;
  padding-bottom: 10px;
  display: table-cell;
  margin: auto 0;
}