misc/ng-docs.css
/* Home Page Styles */
.home {
text-align: center;
}
.home h1 {
font-size: 30px;
font-weight: 300;
padding-top: 20px;
margin: 22px 0 0;
}
.home img {
width: 320px;
border: 1px solid #3bb1dc;
border-radius: 200px;
}
.home h3 {
margin-top: 40px;
margin-bottom: 40px;
line-height: 35px;
}
.home ul {
margin-top: 20px;
list-style: none;
}
.home ul li{
display: inline-block;
padding: 0 10px;
}
.home ul li + li{
border-left: 1px solid #bbb;
}
.navbar img {
padding-right: 20px;
height: 35px;
width: 57px;
margin-top: 8px;
margin-right: 0px;
}
a.navbar-brand img {
height: inherit;
width: inherit;
margin-top: inherit;
}
.navbar img+.brand {
padding: 10px 20px 10px 10px;
}
.navbar-inverse .navbar-brand {
color: #fff;
padding: 15px 20px 15px 0;
text-transform: uppercase;
}
.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;
}
/* this is here to avoid the display=block shuffling of ngShow */
.breadcrumb li > * {
float: none;
margin: 0;
}
.breadcrumb {
padding-top: 6px;
padding-bottom: 0;
line-height: 18px
}
/* =============================== */
.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: 23px;
}
.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;
padding-top: 6px;
}
.docs-search {
margin: 10px 0;
padding: 4px 0 4px 20px;
background: #fff;
border: 1px solid #bbb;
vertical-align: middle;
}
.docs-search > .search-query {
font-size: 14px;
border: 0;
width: 80%;
color: #555;
}
.docs-search > .search-icon {
font-size: 15px;
margin-right: 10px;
}
.docs-search > .search-query:focus {
outline:0;
}
.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;
}
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);
}
.type-hint-function {
background-color: #003399;
}
.type-hint-deprecated {
background-color: #cc0000;
}
.type-hint-date {
background:#582fc0;
}