angular-scroll-animate/docs/css/docs.css

An Angular.js directive which allows you to perform any javascript actions (in the controller, or on the element) when an element is scrolled into, or out of, the users viewport, without any other dependencies.

img.AngularJS-small {
  width: 95px;
  height: 25px;
}

/* this is here to avoid the display=block shuffling of ngShow */
.breadcrumb li > * {
  float:left;
  margin:0 2px 0 0;
}

.breadcrumb {
  padding-top: 6px;
  padding-bottom: 0;
  line-height: 18px
}

.navbar img {
  max-height: 40px;
  padding-right: 20px;
}

.navbar img+.brand {
  padding: 10px 20px 10px 10px;
}

.clear-navbar {
  margin-top: 60px;
}

.footer {
  padding-top: 2em;
  background-color: #333;
  color: white;
  padding-bottom: 2em;
}

.spacer {
  height: 1em;
}


.icon-cog {
  line-height: 13px;
}

/* =============================== */

.form-search {
  margin-right: 10px;
}

.form-search .search-query {
  width: 180px;
  width: 200px \9;
}

.form-search .dropdown-menu {
  margin-left: 10px;
}

.form-search .code {
  font-family: monospace;
  font-weight: bold;
  font-size: 13px;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-search > ul.nav > li > a {
  margin: 0;
}

.form-search > ul.nav > li.module {
  background-color: #d3d3d3;
}

.form-search > ul.nav > li.section {
  background-color: #ebebeb;
  min-height: 14px;
}

.form-search > ul.nav > li.first {
  padding-top: 6px;
}

.form-search > ul.nav > li.last {
  padding-bottom: 6px;
}

.form-search > ul.nav > li.last + li.api-list-item {
  margin-top: -6px;
  padding-bottom: 6px;
}

.form-search .well {
  border-color: #d3d3d3;
  padding: 0;
  margin-bottom: 15px;
}

.form-search .well .nav-header {
  text-transform: none;
  padding: 3px 1px;
  margin: 0;
}

.form-search .well .nav-header a {
  text-transform: none;
  color: black;
}
.form-search .well .nav-header a:hover {
  background-color: inherit;
}

.form-search .well li {
  line-height: 14px;
}

.form-search .well li a:focus {
	outline: none;
}

.form-search .well .guide {
  float: right;
  padding-top: 0;
  color: gray;
}

.form-search .module .guide {
  line-height: 20px;
}

.match > a, .nav > .match > a:hover {
	background-color: #dbeaf4;
}

/* =============================== */
/*            Content              */
/* =============================== */

.edit-example {
  margin-top: 9px;
}

.improve-docs, .view-source, .edit-example {
  float: right;
  margin-left: 35px;
  position: relative;
}

.improve-docs i, .view-source i, .edit-example i {
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -.5em;
  text-decoration: none !important;
}

.methods .view-source {
  margin: -0.5em 0 0 0;
  text-decoration: none !important;
}

.hint {
  font-size: .6em;
  color: #c0c0c0;
  display: block;
}

.content code {
  background-color: inherit;
  color: inherit;
  border: none;
  padding: 0;
  font-size: inherit;
  font-family: monospace;
}

.content h2,
.content h3,
.content h4,
.content h5 {
  margin: 1em 0 5px;
}

.content h1 {
  font-size: 30px;
  line-height: 36px;
}

.content h2 {
  font-size: 24px;
  line-height: 36px;
}

.content h3 {
  line-height: 27px;
  font-size: 18px;
}

.content h4 {
  font-size: 15px;
}

ul.parameters > li > p,
.returns > p {
  display: inline;
}

ul.methods > li,
ul.properties > li,
ul.events > li {
  list-style: none;
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.member.method > h2,
.member.property > h2,
.member.event > h2 {
  margin-bottom: .5em;
}

ul.methods > li > h3,
ul.properties > li > h3,
ul.events > li > h3 {
  margin: -19px -19px 1em -19px;
  padding: .25em 39px .25em 19px;
  background-color: #d3d3d3;
  font-family: monospace;
}

.center {
  display: block;
  margin: 2em auto;
}

.diagram {
  display: block;
  margin: 2em auto;
  padding: 1em;
  border: 1px solid black;

  -moz-box-shadow: 4px 4px 6px #48577D;
  -webkit-box-shadow: 4px 4px 6px #48577D;
  box-shadow: 4px 4px 6px #48577D;

  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

.tutorial-nav {
  margin-left: 175px;
  color: black;
  margin-top: 2em;
  margin-bottom: 2em;
}

.tutorial-nav a {
  color: white;
}

.tutorial-nav a:hover {
  color: white;
  text-decoration: none;
}

.clear {
  clear: both;
}

.variables-matrix td {
  vertical-align:top;
  padding:5px;
}

.type-hint {
  display:inline-block;
}

.variables-matrix .type-hint {
  text-align:center;
  display:block;
  min-width:60px;
}

.type-hint + .type-hint {
  margin-top:5px;
}

.type-hint-string {
  background:#3a87ad;
}

.type-hint-object {
  background:#999;
}

.type-hint-array {
  background:#F90;;
}

.type-hint-boolean {
  background:rgb(18, 131, 39);
}

.type-hint-number {
  background:rgb(189, 63, 66);
}