From a2712ee3243e52f0a0261f61adef893264ec99c3 Mon Sep 17 00:00:00 2001 From: Petar Simic Date: Fri, 5 Aug 2016 22:02:07 +0200 Subject: [PATCH] Update layout.css Update of CSS to current standards. --- css/layout.css | 99 +++++++++++++++++++++++++++++++------------------- 1 file changed, 61 insertions(+), 38 deletions(-) diff --git a/css/layout.css b/css/layout.css index da7ee3c..28efed7 100644 --- a/css/layout.css +++ b/css/layout.css @@ -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 {