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