mirror of
https://github.com/silverstripe/silverstripe-docsviewer
synced 2024-10-22 09:05:56 +00:00
Update layout.css
Update of CSS to current standards.
This commit is contained in:
parent
ff5b667022
commit
a2712ee324
@ -19,20 +19,18 @@ html {
|
|||||||
padding-right: 15px;
|
padding-right: 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.introduction {
|
.introduction {}
|
||||||
}
|
|
||||||
.introduction h1 {
|
.introduction h1 {
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.introduction p {
|
.introduction p {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
max-width: 80%;
|
max-width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.no-box {
|
.no-box {
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
}
|
}
|
||||||
@ -42,14 +40,17 @@ html {
|
|||||||
float: right;
|
float: right;
|
||||||
width: 72%;
|
width: 72%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content .box {
|
#content .box {
|
||||||
padding: 30px;
|
padding: 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*! sidebar */
|
/*! sidebar */
|
||||||
#sidebar {
|
#sidebar {
|
||||||
float: left;
|
float: left;
|
||||||
padding-top:24px;
|
padding-top:24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar .nav,
|
#sidebar .nav,
|
||||||
#sidebar .minor-nav {
|
#sidebar .minor-nav {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -64,18 +65,19 @@ html {
|
|||||||
#sidebar .nav .top {
|
#sidebar .nav .top {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
||||||
line-height: 15px;
|
line-height: 15px;
|
||||||
color: #808c8d;
|
color: #808c8d;
|
||||||
padding: 15px 15px 14px;
|
padding: 15px 15px 14px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar .nav a {
|
#sidebar .nav a {
|
||||||
display:block;
|
display:block;
|
||||||
padding-top:8px;
|
padding-top:8px;
|
||||||
padding-bottom:8px;
|
padding-bottom:8px;
|
||||||
padding-right:12px;
|
padding-right:12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar .nav a:hover {
|
#sidebar .nav a:hover {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background:#eee;
|
background:#eee;
|
||||||
@ -102,8 +104,7 @@ html {
|
|||||||
color:#fff;
|
color:#fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar .nav > li {
|
#sidebar .nav > li {}
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar .nav .section ul,
|
#sidebar .nav .section ul,
|
||||||
#sidebar .nav .current ul {
|
#sidebar .nav .current ul {
|
||||||
@ -124,18 +125,16 @@ html {
|
|||||||
font-size:14px;
|
font-size:14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar .nav a.current {
|
#sidebar .nav a.current {}
|
||||||
|
|
||||||
}
|
|
||||||
#sidebar .minor-nav a {
|
#sidebar .minor-nav a {
|
||||||
color: #181C17;
|
color: #181C17;
|
||||||
opacity: 0.4;
|
opacity: 0.4;
|
||||||
|
filter: alpha(opacity=40);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#sidebar .search {}
|
||||||
|
|
||||||
#sidebar .search {
|
|
||||||
|
|
||||||
}
|
|
||||||
#sidebar .search fieldset {
|
#sidebar .search fieldset {
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
padding: 15px 10px 14px;
|
padding: 15px 10px 14px;
|
||||||
@ -168,6 +167,7 @@ html {
|
|||||||
background:#f6f7f8;
|
background:#f6f7f8;
|
||||||
position:relative;
|
position:relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
#masthead.has_versions {
|
#masthead.has_versions {
|
||||||
padding-bottom: 0;
|
padding-bottom: 0;
|
||||||
}
|
}
|
||||||
@ -179,6 +179,7 @@ html {
|
|||||||
.versions {
|
.versions {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.versions p {
|
.versions p {
|
||||||
margin: 0 0 5px;
|
margin: 0 0 5px;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
@ -204,19 +205,19 @@ html {
|
|||||||
.versions .current {
|
.versions .current {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-toggle {
|
.menu-toggle {
|
||||||
position:absolute;
|
position:absolute;
|
||||||
right:20px;
|
right:20px;
|
||||||
top:14px;
|
top:14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-toggle img {
|
.menu-toggle img {
|
||||||
width:32px;
|
width:32px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*! language */
|
/*! language */
|
||||||
#language {
|
#language {}
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
#language label {
|
#language label {
|
||||||
float: left;
|
float: left;
|
||||||
@ -242,11 +243,13 @@ html {
|
|||||||
padding: 0 0 14px 0;
|
padding: 0 0 14px 0;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header h1 {
|
#header h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
line-height: 38px;
|
line-height: 38px;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
#header h1 a {
|
#header h1 a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
@ -260,11 +263,9 @@ html {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Search Results */
|
/* Search Results */
|
||||||
#search-results {
|
#search-results {}
|
||||||
|
|
||||||
}
|
|
||||||
#search-results li {
|
#search-results li {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
@ -288,9 +289,11 @@ html {
|
|||||||
margin: 20px auto;
|
margin: 20px auto;
|
||||||
padding: 0 30px;
|
padding: 0 30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer p {
|
#footer p {
|
||||||
color: #798D85;
|
color: #798D85;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer p a {
|
#footer p a {
|
||||||
color: #798D85;
|
color: #798D85;
|
||||||
}
|
}
|
||||||
@ -301,9 +304,8 @@ html {
|
|||||||
padding: 3px 5px;
|
padding: 3px 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#page-numbers span {
|
#page-numbers span {}
|
||||||
|
|
||||||
}
|
|
||||||
#page-numbers a:hover {
|
#page-numbers a:hover {
|
||||||
color: #FFFFFF;
|
color: #FFFFFF;
|
||||||
background-color: #005F99;
|
background-color: #005F99;
|
||||||
@ -312,6 +314,7 @@ html {
|
|||||||
.pagination {
|
.pagination {
|
||||||
margin: 27px 0;
|
margin: 27px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pagination li {
|
.pagination li {
|
||||||
display: inline;
|
display: inline;
|
||||||
background: none;
|
background: none;
|
||||||
@ -338,16 +341,17 @@ html {
|
|||||||
padding: 6px 6px 6px 10px;
|
padding: 6px 6px 6px 10px;
|
||||||
background: #f6fbfe;
|
background: #f6fbfe;
|
||||||
border: 1px solid #DDE8ED;
|
border: 1px solid #DDE8ED;
|
||||||
-moz-border-radius: 4px;
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
margin-bottom: 21px;
|
margin-bottom: 21px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#table-of-contents h4 {
|
#table-of-contents h4 {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#table-of-contents h4 span.updown {
|
#table-of-contents h4 span.updown {
|
||||||
color: #a2c1d0;
|
color: #a2c1d0;
|
||||||
margin-left: 6px;
|
margin-left: 6px;
|
||||||
@ -356,12 +360,14 @@ html {
|
|||||||
|
|
||||||
#table-of-contents h4:hover {
|
#table-of-contents h4:hover {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
|
filter: alpha(opacity=80);
|
||||||
}
|
}
|
||||||
|
|
||||||
#table-of-contents ul {
|
#table-of-contents ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#table-of-contents li {
|
#table-of-contents li {
|
||||||
line-height: 14px;
|
line-height: 14px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
@ -369,6 +375,7 @@ html {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#table-of-contents li.H2 { padding-left:20px; }
|
#table-of-contents li.H2 { padding-left:20px; }
|
||||||
#table-of-contents li.H3 { padding-left:40px; }
|
#table-of-contents li.H3 { padding-left:40px; }
|
||||||
#table-of-contents li.H4 { padding-left:60px; }
|
#table-of-contents li.H4 { padding-left:60px; }
|
||||||
@ -378,6 +385,7 @@ html {
|
|||||||
#table-of-contents li li {
|
#table-of-contents li li {
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#table-of-contents a,
|
#table-of-contents a,
|
||||||
#table-of-contents a:visited {
|
#table-of-contents a:visited {
|
||||||
color: #1389ce;
|
color: #1389ce;
|
||||||
@ -437,6 +445,7 @@ html {
|
|||||||
position: relative;
|
position: relative;
|
||||||
margin: 40px 0;
|
margin: 40px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.typography .note h3,
|
.typography .note h3,
|
||||||
.typography .hint h3 {
|
.typography .hint h3 {
|
||||||
line-height: 27px;
|
line-height: 27px;
|
||||||
@ -452,6 +461,7 @@ html {
|
|||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
font-weight:400;
|
font-weight:400;
|
||||||
}
|
}
|
||||||
|
|
||||||
.pageSkip {
|
.pageSkip {
|
||||||
background-color: #f9fafa;
|
background-color: #f9fafa;
|
||||||
border: 1px solid #a5b5b0;
|
border: 1px solid #a5b5b0;
|
||||||
@ -469,11 +479,13 @@ html {
|
|||||||
background: #FF8480;
|
background: #FF8480;
|
||||||
color:#fff;
|
color:#fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning a,
|
.warning a,
|
||||||
.alert a {
|
.alert a {
|
||||||
color:#fff;
|
color:#fff;
|
||||||
text-decoration:underline;
|
text-decoration:underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warning code,
|
.warning code,
|
||||||
.alert code {
|
.alert code {
|
||||||
color:#666;
|
color:#666;
|
||||||
@ -516,26 +528,30 @@ html {
|
|||||||
background-color: #0973A6;
|
background-color: #0973A6;
|
||||||
padding: 12px 0 16px;
|
padding: 12px 0 16px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.warningBoxBottom a { color: #fff; }
|
.warningBoxBottom a { color: #fff; }
|
||||||
.warningBoxBottom a:hover { color: #f3fbfe; }
|
.warningBoxBottom a:hover { color: #f3fbfe; }
|
||||||
.warningBoxBottom ul { margin: 0 0 0 40px; }
|
.warningBoxBottom ul { margin: 0 0 0 40px; }
|
||||||
.warningBoxBottom li { background: none; margin-bottom: 0; }
|
.warningBoxBottom li { background: none; margin-bottom: 0; }
|
||||||
|
|
||||||
.doc-breadcrumbs {
|
.doc-breadcrumbs {}
|
||||||
}
|
|
||||||
.doc-breadcrumbs p {
|
.doc-breadcrumbs p {
|
||||||
margin: 0 0 5px 0;
|
margin: 0 0 5px 0;
|
||||||
color: #999;
|
color: #999;
|
||||||
font-size: 38px;
|
font-size: 38px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.doc-breadcrumbs p a {
|
.doc-breadcrumbs p a {
|
||||||
color: rgb(3, 91, 136);
|
color: rgb(3, 91, 136);
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
font-weight:200;
|
font-weight:200;
|
||||||
}
|
}
|
||||||
|
|
||||||
.doc-breadcrumbs p a.current {
|
.doc-breadcrumbs p a.current {
|
||||||
color:#696868;
|
color:#696868;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-toggle {
|
.menu-toggle {
|
||||||
display:none;
|
display:none;
|
||||||
}
|
}
|
||||||
@ -547,16 +563,15 @@ html {
|
|||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
border: 1px solid #e3e3e3;
|
border: 1px solid #e3e3e3;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
|
|
||||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
|
box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.well h4 {
|
.well h4 {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.result {
|
.result {}
|
||||||
|
|
||||||
}
|
|
||||||
.result h2 {
|
.result h2 {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
@ -593,22 +608,27 @@ html {
|
|||||||
.documentation_children p {
|
.documentation_children p {
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
|
filter: alpha(opacity=90);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
background: #eee;
|
background: #eee;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn:hover {
|
.btn:hover {
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
background:#E7E6E6;
|
background:#E7E6E6;
|
||||||
}
|
}
|
||||||
|
|
||||||
.next-prev {
|
.next-prev {
|
||||||
border-top: 1px solid #eee;
|
border-top: 1px solid #eee;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
padding-top: 19px;
|
padding-top: 19px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.next-prev a {
|
.next-prev a {
|
||||||
color: #798D85;
|
color: #798D85;
|
||||||
}
|
}
|
||||||
@ -629,10 +649,12 @@ html {
|
|||||||
a.breadcrumb, .introduction p {
|
a.breadcrumb, .introduction p {
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.documentation_children li {
|
.documentation_children li {
|
||||||
float: none;
|
float: none;
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.next-prev .prev-link,
|
.next-prev .prev-link,
|
||||||
.next-prev .next-link {
|
.next-prev .next-link {
|
||||||
float:none;
|
float:none;
|
||||||
@ -643,6 +665,7 @@ html {
|
|||||||
.wrapper {
|
.wrapper {
|
||||||
width: 750px;
|
width: 750px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.documentation_children li {
|
.documentation_children li {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
}
|
}
|
||||||
@ -651,9 +674,11 @@ html {
|
|||||||
.wrapper {
|
.wrapper {
|
||||||
width: 970px;
|
width: 970px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#sidebar {
|
#sidebar {
|
||||||
width: 25%;
|
width: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.documentation_children li {
|
.documentation_children li {
|
||||||
width:33%;
|
width:33%;
|
||||||
}
|
}
|
||||||
@ -674,34 +699,33 @@ html {
|
|||||||
bottom: 0;
|
bottom: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 9999;
|
z-index: 9999;
|
||||||
-moz-box-shadow: -3px 3px 5px 6px #ccc;
|
|
||||||
-webkit-box-shadow: -3px 3px 5px 6px #ccc;
|
|
||||||
box-shadow: -2px 1px 12px -3px #ccc;
|
box-shadow: -2px 1px 12px -3px #ccc;
|
||||||
overflow-y:auto;
|
overflow-y:auto;
|
||||||
overflow-x:hidden;
|
overflow-x:hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content {
|
#content {
|
||||||
float:none;
|
float:none;
|
||||||
width:auto;
|
width:auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
#masthead {
|
#masthead {
|
||||||
padding:20px 0;
|
padding:20px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.doc-breadcrumbs p {
|
.doc-breadcrumbs p {
|
||||||
font-size:18px;
|
font-size:18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.introduction p {
|
.introduction p {
|
||||||
font-size:14px;
|
font-size:14px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-toggle {
|
.menu-toggle {
|
||||||
display:block;
|
display:block;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#content pre {
|
#content pre {
|
||||||
display: block;
|
display: block;
|
||||||
background-color: #333;
|
background-color: #333;
|
||||||
@ -709,6 +733,7 @@ html {
|
|||||||
padding:13px 16px;
|
padding:13px 16px;
|
||||||
margin-bottom:30px;
|
margin-bottom:30px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#content pre code {
|
#content pre code {
|
||||||
color:#fff;
|
color:#fff;
|
||||||
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
|
font-family: Menlo,Monaco,Consolas,"Courier New",monospace;
|
||||||
@ -777,8 +802,7 @@ li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 {
|
|||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
li.L1,li.L3,li.L5,li.L7,li.L9 {
|
li.L1, li.L3, li.L5, li.L7, li.L9 {}
|
||||||
}
|
|
||||||
|
|
||||||
@media print {
|
@media print {
|
||||||
#content pre.prettyprint {
|
#content pre.prettyprint {
|
||||||
@ -788,7 +812,6 @@ li.L1,li.L3,li.L5,li.L7,li.L9 {
|
|||||||
border-radius:4px;
|
border-radius:4px;
|
||||||
padding:13px 16px;
|
padding:13px 16px;
|
||||||
margin-bottom:30px;
|
margin-bottom:30px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
pre .str,code .str {
|
pre .str,code .str {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user