fix documentation CSS
- make documentation usable on small (narrow) screens - slightly smaller font size in tables - fix search input width
This commit is contained in:
parent
2b30998159
commit
21b256dbc9
4 changed files with 112 additions and 64 deletions
|
|
@ -231,25 +231,35 @@ body {
|
||||||
.columns {
|
.columns {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box;
|
||||||
|
margin-left: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
.column,
|
.column:first-child,
|
||||||
.columns {
|
.columns:first-child {
|
||||||
margin-left: 1%; }
|
|
||||||
|
|
||||||
.column:first-child,
|
|
||||||
.columns:first-child {
|
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
|
|
||||||
.three.columns {
|
.three.columns {
|
||||||
width: 19%; }
|
width: 19%; }
|
||||||
|
|
||||||
.nine.columns {
|
.nine.columns {
|
||||||
width: 80.0%; }
|
width: 80.0%; }
|
||||||
|
|
||||||
.twelve.columns {
|
.twelve.columns {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 860px) {
|
||||||
|
.three.columns {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.nine.columns {
|
||||||
|
width: 98.0%;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.35;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
cite {
|
cite {
|
||||||
|
|
@ -261,7 +271,7 @@ div#searchInputDiv {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
input#searchInput {
|
input#searchInput {
|
||||||
width: 145px;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -608,7 +618,9 @@ table {
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-color: #ccc;
|
border-color: #ccc;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
table th, table td {
|
table th, table td {
|
||||||
padding: 0px 0.5em 0px;
|
padding: 0px 0.5em 0px;
|
||||||
|
|
|
||||||
|
|
@ -56,25 +56,35 @@ body {
|
||||||
.columns {
|
.columns {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box;
|
||||||
|
margin-left: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
.column,
|
.column:first-child,
|
||||||
.columns {
|
.columns:first-child {
|
||||||
margin-left: 1%; }
|
|
||||||
|
|
||||||
.column:first-child,
|
|
||||||
.columns:first-child {
|
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
|
|
||||||
.three.columns {
|
.three.columns {
|
||||||
width: 19%; }
|
width: 19%; }
|
||||||
|
|
||||||
.nine.columns {
|
.nine.columns {
|
||||||
width: 80.0%; }
|
width: 80.0%; }
|
||||||
|
|
||||||
.twelve.columns {
|
.twelve.columns {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 860px) {
|
||||||
|
.three.columns {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.nine.columns {
|
||||||
|
width: 98.0%;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.35;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
cite {
|
cite {
|
||||||
|
|
@ -86,7 +96,7 @@ div#searchInputDiv {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
input#searchInput {
|
input#searchInput {
|
||||||
width: 145px;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -433,7 +443,9 @@ table {
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-color: #ccc;
|
border-color: #ccc;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
table th, table td {
|
table th, table td {
|
||||||
padding: 0px 0.5em 0px;
|
padding: 0px 0.5em 0px;
|
||||||
|
|
|
||||||
|
|
@ -56,25 +56,35 @@ body {
|
||||||
.columns {
|
.columns {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box;
|
||||||
|
margin-left: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
.column,
|
.column:first-child,
|
||||||
.columns {
|
.columns:first-child {
|
||||||
margin-left: 1%; }
|
|
||||||
|
|
||||||
.column:first-child,
|
|
||||||
.columns:first-child {
|
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
|
|
||||||
.three.columns {
|
.three.columns {
|
||||||
width: 19%; }
|
width: 19%; }
|
||||||
|
|
||||||
.nine.columns {
|
.nine.columns {
|
||||||
width: 80.0%; }
|
width: 80.0%; }
|
||||||
|
|
||||||
.twelve.columns {
|
.twelve.columns {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 860px) {
|
||||||
|
.three.columns {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.nine.columns {
|
||||||
|
width: 98.0%;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.35;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
cite {
|
cite {
|
||||||
|
|
@ -86,7 +96,7 @@ div#searchInputDiv {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
input#searchInput {
|
input#searchInput {
|
||||||
width: 145px;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -433,7 +443,9 @@ table {
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-color: #ccc;
|
border-color: #ccc;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
table th, table td {
|
table th, table td {
|
||||||
padding: 0px 0.5em 0px;
|
padding: 0px 0.5em 0px;
|
||||||
|
|
|
||||||
|
|
@ -56,25 +56,35 @@ body {
|
||||||
.columns {
|
.columns {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
float: left;
|
float: left;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box;
|
||||||
|
margin-left: 1%;
|
||||||
|
}
|
||||||
|
|
||||||
.column,
|
.column:first-child,
|
||||||
.columns {
|
.columns:first-child {
|
||||||
margin-left: 1%; }
|
|
||||||
|
|
||||||
.column:first-child,
|
|
||||||
.columns:first-child {
|
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
|
|
||||||
.three.columns {
|
.three.columns {
|
||||||
width: 19%; }
|
width: 19%; }
|
||||||
|
|
||||||
.nine.columns {
|
.nine.columns {
|
||||||
width: 80.0%; }
|
width: 80.0%; }
|
||||||
|
|
||||||
.twelve.columns {
|
.twelve.columns {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-left: 0; }
|
margin-left: 0; }
|
||||||
|
|
||||||
|
@media screen and (max-width: 860px) {
|
||||||
|
.three.columns {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.nine.columns {
|
||||||
|
width: 98.0%;
|
||||||
|
}
|
||||||
|
body {
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.35;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
cite {
|
cite {
|
||||||
|
|
@ -86,7 +96,7 @@ div#searchInputDiv {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
input#searchInput {
|
input#searchInput {
|
||||||
width: 145px;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -433,7 +443,9 @@ table {
|
||||||
margin-bottom: 1.5em;
|
margin-bottom: 1.5em;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
border-color: #ccc;
|
border-color: #ccc;
|
||||||
border-spacing: 0; }
|
border-spacing: 0;
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
table th, table td {
|
table th, table td {
|
||||||
padding: 0px 0.5em 0px;
|
padding: 0px 0.5em 0px;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue