chore(docs): apply consistent css property spacing

This commit is contained in:
sathify
2014-09-03 13:38:36 -07:00
committed by Martin Staffa
parent a48f64162d
commit fc3e48980b
2 changed files with 226 additions and 217 deletions
+2 -2
View File
@@ -22,7 +22,7 @@ ul.doc-example > li.doc-example-heading {
span.nojsfiddle {
float: right;
font-size: 14px;
margin-right:10px;
margin-right: 10px;
margin-top: 10px;
}
@@ -42,7 +42,7 @@ form.jsfiddle button {
color: #7989D6;
border-color: #7989D6;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}
+224 -215
View File
@@ -1,21 +1,21 @@
html, body {
position:relative;
height:100%;
position: relative;
height: 100%;
}
#wrapper {
min-height:100%;
position:relative;
padding-bottom:120px;
min-height: 100%;
position: relative;
padding-bottom: 120px;
}
.footer {
border-top:20px solid white;
position:absolute;
bottom:0;
left:0;
right:0;
z-index:100;
border-top: 20px solid white;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
padding-top: 2em;
background-color: #333;
color: white;
@@ -23,20 +23,20 @@ html, body {
}
.header-fixed {
position:fixed;
z-index:1000;
top:0;
left:0;
right:0;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
right: 0;
}
.header-branding {
min-height:41px!important;
min-height: 41px !important;
}
.docs-navbar-primary {
border-radius:0!important;
margin-bottom:0!important;
border-radius: 0 !important;
margin-bottom: 0 !important;
}
/* Logo */
@@ -49,7 +49,7 @@ h1,h2,h3,h4,h5,h6 {
}
.subnav-body {
margin:70px 0 20px;
margin: 70px 0 20px;
}
.header .brand {
@@ -58,32 +58,32 @@ h1,h2,h3,h4,h5,h6 {
}
.header .brand img {
margin-top:5px;
margin-top: 5px;
height: 30px;
}
.docs-search {
margin:10px 0;
padding:4px 0 4px 20px;
background:white;
border-radius:20px;
vertical-align:middle;
margin: 10px 0;
padding: 4px 0 4px 20px;
background: white;
border-radius: 20px;
vertical-align: middle;
}
.docs-search > .search-query {
font-size:14px;
border:0;
width:80%;
color:#555;
font-size: 14px;
border: 0;
width: 80%;
color: #555;
}
.docs-search > .search-icon {
font-size:15px;
margin-right:10px;
font-size: 15px;
margin-right: 10px;
}
.docs-search > .search-query:focus {
outline:0;
outline: 0;
}
/* end: Logo */
@@ -101,31 +101,31 @@ h1,h2,h3,h4,h5,h6 {
.naked-list,
.naked-list ul,
.naked-list li {
list-style:none;
margin:0;
padding:0;
list-style: none;
margin: 0;
padding: 0;
}
.nav-index-section a {
font-weight:bold;
font-weight: bold;
font-family: "Open Sans";
color:black!important;
margin-top:10px;
display:block;
color: black !important;
margin-top: 10px;
display: block;
}
.nav-index-group {
margin-bottom:20px!important;
margin-bottom: 20px !important;
}
.nav-index-group-heading {
color:#6F0101;
font-weight:bold;
font-size:1.2em;
padding:0;
margin:0;
border-bottom:1px solid #aaa;
margin-bottom:5px;
color: #6F0101;
font-weight: bold;
font-size: 1.2em;
padding: 0;
margin: 0;
border-bottom: 1px soild #aaa;
margin-bottom: 5px;
}
.nav-index-group .nav-index-listing.current a {
@@ -133,58 +133,58 @@ h1,h2,h3,h4,h5,h6 {
}
.nav-breadcrumb {
margin:4px 0;
padding:0;
margin: 4px 0;
padding: 0;
}
.nav-breadcrumb-entry {
font-family: "Open Sans";
padding:0;
margin:0;
font-size:18px;
display:inline-block;
vertical-align:middle;
padding: 0;
margin: 0;
font-size: 18px;
display: inline-block;
vertical-align: middle;
}
.nav-breadcrumb-entry > .divider {
color:#555;
display:inline-block;
padding-left:8px;
color: #555;
display: inline-block;
padding-left: 8px;
}
.nav-breadcrumb-entry > span,
.nav-breadcrumb-entry > a {
color:#6F0101;
color: #6F0101;
}
.step-list > li:nth-child(1) {
padding-left:20px;
padding-left: 20px;
}
.step-list > li:nth-child(2) {
padding-left:40px;
padding-left: 40px;
}
.step-list > li:nth-child(3) {
padding-left:60px;
padding-left: 60px;
}
.api-profile-header-heading {
margin:0;
padding:0;
margin: 0;
padding: 0;
}
.api-profile-header-structure,
.api-profile-header-structure a {
font-family: "Open Sans";
font-weight:bold;
color:#999;
font-weight: bold;
color: #999;
}
.api-profile-section {
margin-top:30px;
padding-top:30px;
border-top:1px solid #aaa;
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #aaa;
}
pre {
@@ -196,23 +196,23 @@ pre {
.aside-nav a:link,
.aside-nav a:visited,
.aside-nav a:active {
color:#999;
color: #999;
}
.aside-nav a:hover {
color:black;
color: black;
}
.api-profile-description > p:first-child {
margin:15px 0;
font-size:18px;
margin: 15px 0;
font-size: 18px;
}
p > code,
code.highlighted {
background:#f4f4f4;
border-radius:5px;
padding:2px 5px;
color:maroon;
background: #f4f4f4;
border-radius: 5px;
padding: 2px 5px;
color: maroon;
}
ul + p {
@@ -220,8 +220,8 @@ ul + p {
}
.docs-version-jump {
min-width:100%;
max-width:100%;
min-width: 100%;
max-width: 100%;
}
.picker {
@@ -267,14 +267,14 @@ ul + p {
}
.picker:after {
content:"";
content: "";
position: absolute;
right: 8%;
top: 50%;
z-index: 0;
color: #999;
width: 0;
margin-top:-2px;
margin-top: -2px;
height: 0;
border-top: 6px solid;
border-right: 6px solid transparent;
@@ -287,32 +287,32 @@ iframe.example {
}
.search-results-frame {
clear:both;
display:table;
width:100%;
clear: both;
display: table;
width: 100%;
}
.search-results.ng-hide {
display:none;
display: none;
}
.search-results-container {
padding-bottom:1em;
border-top:1px solid #111;
background:#181818;
box-shadow:inset 0 0 10px #111;
padding-bottom: 1em;
border-top: 1px solid #111;
background: #181818;
box-shadow: inset 0 0 10px #111;
}
.search-results-container .search-results-group {
vertical-align:top;
padding:10px 10px;
display:inline-block;
vertical-align: top;
padding: 10px 10px;
display: inline-block;
}
.search-results-group-heading {
font-family: "Open Sans";
padding-left:10px;
color:white;
padding-left: 10px;
color: white;
}
.search-results-group .search-results {
@@ -321,14 +321,23 @@ iframe.example {
}
.search-results-frame > .search-results-group:first-child > .search-results {
border-right:1px solid #222;
border-right: 1px solid #222;
}
.search-results-group.col-group-api {
width: 30%;
}
.search-results-group.col-group-api { width:30%; }
.search-results-group.col-group-guide,
.search-results-group.col-group-tutorial { width:20%; }
.search-results-group.col-group-tutorial {
width: 20%;
}
.search-results-group.col-group-misc,
.search-results-group.col-group-error { width:15%; float: right; }
.search-results-group.col-group-error {
width: 15%;
float: right;
}
@supports ((column-count: 2) or (-moz-column-count: 2) or (-ms-column-count: 2) or (-webkit-column-count: 2)) {
.search-results-group.col-group-api .search-results {
@@ -371,14 +380,14 @@ iframe.example {
}
.search-results-group.col-group-api .search-result {
width:48%;
display:inline-block;
width: 48%;
display: inline-block;
padding-left: 12px;
}
@supports ((column-count: 2) or (-moz-column-count: 2) or (-ms-column-count: 2) or (-webkit-column-count: 2)) {
.search-results-group.col-group-api .search-result {
width:auto;
width: auto;
display: list-item;
}
}
@@ -395,135 +404,135 @@ iframe.example {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
width: 200px;
box-shadow:0 0 10px #111;
box-shadow: 0 0 10px #111;
}
.variables-matrix {
border:1px solid #ddd;
width:100%;
margin:10px 0;
border: 1px solid #ddd;
width: 100%;
margin: 10px 0;
}
.variables-matrix td,
.variables-matrix th {
padding:10px;
padding: 10px;
}
.variables-matrix td {
border-top:1px solid #eee;
border-top: 1px solid #eee;
}
.variables-matrix td + td,
.variables-matrix th + th {
border-left:1px solid #eee;
border-left: 1px solid #eee;
}
.variables-matrix tr:nth-child(even) td {
background:#f5f5f5;
background: #f5f5f5;
}
.variables-matrix th {
background:#f1f1f1;
background: #f1f1f1;
}
.sup-header {
padding-top:10px;
padding-bottom:5px;
background:rgba(245,245,245,0.88);
box-shadow:0 0 2px #999;
padding-top: 10px;
padding-bottom: 5px;
background: rgba(245,245,245,0.88);
box-shadow: 0 0 2px #999;
}
.main-body-grid {
margin-top:120px;
position:relative;
margin-top: 120px;
position: relative;
}
.main-body-grid > .grid-left,
.main-body-grid > .grid-right {
padding:20px 0;
padding: 20px 0;
}
.main-body-grid > .grid-left {
position:fixed;
top:120px;
bottom:0;
overflow:auto;
position: fixed;
top: 120px;
bottom: 0;
overflow: auto;
}
.main-header-grid > .grid-left,
.main-body-grid > .grid-left {
width:260px;
width: 260px;
}
.main-header-grid > .grid-right,
.main-body-grid > .grid-right {
margin-left:270px;
position:relative;
margin-left: 270px;
position: relative;
}
.main-header-grid > .grid-left {
float:left;
float: left;
}
.main-body-grid .side-navigation {
position:relative;
padding-bottom:120px;
position: relative;
padding-bottom: 120px;
}
.main-body-grid .side-navigation.ng-hide {
display:block!important;
display: block!important;
}
.variables-matrix td {
vertical-align:top;
padding:5px;
vertical-align: top;
padding: 5px;
}
.type-hint {
display:inline-block;
display: inline-block;
background: gray;
}
.variables-matrix .type-hint {
text-align:center;
min-width:60px;
margin:1px 5px;
text-align: center;
min-width: 60px;
margin: 1px 5px;
}
.type-hint + .type-hint {
margin-top:5px;
margin-top: 5px;
}
.type-hint-expression {
background:purple;
background: purple;
}
.type-hint-date {
background:pink;
background: pink;
}
.type-hint-string {
background:#3a87ad;
background: #3a87ad;
}
.type-hint-function {
background:green;
background: green;
}
.type-hint-object {
background:#999;
background: #999;
}
.type-hint-array {
background:#F90;;
background: #F90;;
}
.type-hint-boolean {
background:rgb(18, 131, 39);
background: rgb(18, 131, 39);
}
.type-hint-number {
background:rgb(189, 63, 66);
background: rgb(189, 63, 66);
}
.type-hint-regexp {
@@ -535,19 +544,19 @@ iframe.example {
}
.runnable-example-frame {
width:100%;
height:300px;
width: 100%;
height: 300px;
border: 1px solid #ddd;
border-radius:5px;
border-radius: 5px;
}
.runnable-example-tabs {
margin-top:10px;
margin-bottom:20px;
margin-top: 10px;
margin-bottom: 20px;
}
.tutorial-nav {
display:block;
display: block;
}
h1 + ul, h1 + ul > li,
@@ -556,23 +565,23 @@ ul.tutorial-nav, ul.tutorial-nav > li,
.usage > ul, .usage > ul > li,
ul.methods, ul.methods > li,
ul.events, ul.events > li {
list-style:none;
padding:0;
list-style: none;
padding: 0;
}
h2 {
border-top:1px solid #eee;
margin-top:30px;
padding-top:30px;
border-top: 1px solid #eee;
margin-top: 30px;
padding-top: 30px;
}
h4 {
margin-top:20px;
padding-top:20px;
margin-top: 20px;
padding-top: 20px;
}
.btn {
color:#428bca;
color: #428bca;
position: relative;
width: auto;
display: inline-block;
@@ -595,26 +604,26 @@ h4 {
}
.btn + .btn {
margin-left:10px;
margin-left: 10px;
}
.btn:hover, .btn:focus {
color: black!important;
border: 1px solid #ddd!important;
background: white!important;
color: black !important;
border: 1px solid #ddd !important;
background: white !important;
}
.view-source, .improve-docs {
position:relative;
z-index:100;
position: relative;
z-index: 100;
}
.view-source {
margin-right:10px;
margin-right: 10px;
}
.improve-docs {
float:right;
float: right;
}
.return-arguments,
@@ -622,17 +631,17 @@ h4 {
.return-arguments th + th,
.return-arguments td,
.return-arguments td + td {
border-radius:0;
border:0;
border-radius: 0;
border: 0;
}
.return-arguments td:first-child {
width:100px;
width: 100px;
}
ul.methods > li,
ul.events > li {
margin-bottom:40px;
margin-bottom: 40px;
}
.definition-table td {
@@ -671,66 +680,66 @@ ul.events > li {
@media only screen and (max-width : 768px) {
.picker, .picker select {
width:auto;
display:block;
margin-bottom:10px;
width: auto;
display: block;
margin-bottom: 10px;
}
.docs-navbar-primary {
text-align:center;
text-align: center;
}
.main-body-grid {
margin-top:0;
margin-top: 0;
}
.main-header-grid > .grid-left,
.main-body-grid > .grid-left,
.main-header-grid > .grid-right,
.main-body-grid > .grid-right {
display:block;
float:none;
width:auto!important;
margin-left:0;
display: block;
float: none;
width: auto !important;
margin-left: 0;
}
.main-body-grid > .grid-left,
.header-fixed, .footer {
position:static!important;
position: static !important;
}
.main-body-grid > .grid-left {
background:#efefef;
margin-left:-1em;
margin-right:-1em;
padding:1em;
width:auto!important;
overflow:visible;
background: #efefef;
margin-left: -1em;
margin-right: -1em;
padding: 1em;
width: auto !important;
overflow: visible;
}
.main-header-grid > .grid-right,
.main-body-grid > .grid-right {
margin-left:0;
margin-left: 0;
}
.main-body-grid .side-navigation {
display:block!important;
padding-bottom:50px;
display: block !important;
padding-bottom: 50px;
}
.main-body-grid .side-navigation.ng-hide {
display:none!important;
display: none !important;
}
.nav-index-group .nav-index-listing {
display:inline-block;
padding:3px 0;
display: inline-block;
padding: 3px 0;
}
.nav-index-group .nav-index-listing:not(.nav-index-section):after {
padding-right:5px;
margin-left:-3px;
content:", ";
padding-right: 5px;
margin-left: -3px;
content: ", ";
}
.nav-index-group .nav-index-listing:last-child:after {
content:"";
display:inline-block;
content: "";
display: inline-block;
}
.nav-index-group .nav-index-section {
display:block;
display: block;
}
.toc-toggle {
margin-bottom:20px;
margin-bottom: 20px;
}
.toc-close {
position: absolute;
@@ -742,16 +751,16 @@ ul.events > li {
background: #eee;
border-radius: 5px;
width: 100%;
border:1px solid #ddd;
box-shadow:0 0 10px #bbb;
border: 1px solid #ddd;
box-shadow: 0 0 10px #bbb;
}
.navbar-brand {
float:none;
text-align:center;
float: none;
text-align: center;
}
.search-results-container {
padding-bottom:60px;
text-align:left;
padding-bottom: 60px;
text-align: left;
}
.search-results-frame > .search-results-group:first-child > .search-results {
@@ -759,11 +768,11 @@ ul.events > li {
}
.search-results-group {
float:none!important;
display:block!important;
width:auto!important;
border:0!important;
padding:0!important;
float: none !important;
display: block !important;
width: auto !important;
border: 0! important;
padding: 0! important;
}
@supports ((column-count: 2) or (-moz-column-count: 2) or (-ms-column-count: 2) or (-webkit-column-count: 2)) {
@@ -776,15 +785,15 @@ ul.events > li {
}
.search-results-group .search-result {
display:inline-block!important;
padding:0 5px;
width:auto!important;
display: inline-block !important;
padding: 0 5px;
width: auto !important;
text-indent: initial;
margin-left: 0;
}
.search-results-group .search-result:after {
content:", ";
content: ", ";
}
.search-results-group .search-result:before {
@@ -802,10 +811,10 @@ ul.events > li {
}
#wrapper {
padding-bottom:0px;
padding-bottom: 0px;
}
}
iframe[name="example-anchoringExample"] {
height:400px;
height: 400px;
}