From c79e0a38f573ae7a9ac9de44c2ba93b0cc0b3f74 Mon Sep 17 00:00:00 2001 From: Boris Kourtoukov Date: Mon, 24 Nov 2014 23:59:08 -0500 Subject: [PATCH 1/3] Update main.css Proposed adjustment for doc readability. --- doclet/resources/main.css | 82 +++++++++++++++++++++++++++++++-------- 1 file changed, 65 insertions(+), 17 deletions(-) diff --git a/doclet/resources/main.css b/doclet/resources/main.css index 82e2ddd..51cdada 100644 --- a/doclet/resources/main.css +++ b/doclet/resources/main.css @@ -1,11 +1,21 @@ +/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} + body { - font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; + font-family: "Fira Sans", "Source Sans Pro", "Helvetica Nue", sans-serif; background-color: #293134; color: #c1cbc2; + font-size: 16px; + line-height: 1.4em; } a { - color: #c1cbc2; + color: #f2dc77; + box-shadow: 0 2px 0 0 rgba(255,255,255,0.1); + text-decoration: none; +} + +a:hover { + color: #f2dc77; } .sidebar { @@ -15,67 +25,100 @@ a { left: 0px; position: fixed; overflow: auto; - margin-left: 10px; -} - -.sidebar a { - text-decoration: none; + padding: 0px 0px 0px 10px; } .ns { font-size: 24px; - font-weight: bold; + padding: 20px 0 0px 0; + margin-bottom: 10px; + box-shadow: 0 2px 0 0 rgba(255,255,255,0.1); + display: inline-block; + color: #88d; } .name { margin-top: 5px; margin-bottom: 5px; + text-indent: 10px; } .content { + padding-top: 20px; margin-left: 250px; } +.content code { + box-shadow: 0 0 0 1px rgba(255,255,255,0.2); + border-radius: 3px; + padding: 0px 3px; + background: rgba(255,255,255,0.1); + text-shadow: 0 1px 0 rgba(0,0,0,0.5); +} + +.content code, .content pre { + font-family: "Fira Mono", "Source Code Poro", "Consolas", "Menlo", monospace; +} + .item { } .clj { - + margin-bottom: 2em; } .c-head { font-size: 20px; - font-weight: bold; - margin-bottom: 10px; + margin-bottom: 1em; + color: #88d; + font-size: 1.5em; } .c-doc { - } .c-src { - + margin-bottom: 2em; } .java { - background: #444444; + margin-bottom: 2em; } .j-text { margin-bottom: 5px; } +.j-item * { + transition: opacity ease-in 300ms; +} + .j-item { - margin-bottom: 10px; + border-left: 4px solid rgba(0,0,0,0.2); + border-bottom: 5px solid transparent; + border-top: 5px solid transparent; + margin-bottom: 20px; + line-height: 1.4em; } .j-name { - font-weight: bold; + color: #D88; + text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); + padding: 0 0 0 10px; + border-top: 5px solid transparent; + display: inline-block; + font-size: 1.4em; + line-height: 1.4em; } .j-args { - margin-left: 5px; + margin-left: 1em; + opacity: 0.4; +} + +.j-item:hover .j-args { + opacity: 1; } .j-arg { @@ -87,4 +130,9 @@ a { } .j-doc { + padding: 10px 20px 20px 20px; + background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2); + text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); + box-shadow: 0 -2.3em 0 0 rgba(0, 0, 0, 0.2); + margin: 0; } From 64efbb163a8aeb8fda684206b39de18f9e2b5499 Mon Sep 17 00:00:00 2001 From: Boris Kourtoukov Date: Tue, 25 Nov 2014 01:34:30 -0500 Subject: [PATCH 2/3] Update main.css Revising based on feedback. --- doclet/resources/main.css | 56 ++++++++++++++++++++++++--------------- 1 file changed, 35 insertions(+), 21 deletions(-) diff --git a/doclet/resources/main.css b/doclet/resources/main.css index 51cdada..3eeea06 100644 --- a/doclet/resources/main.css +++ b/doclet/resources/main.css @@ -8,8 +8,12 @@ body { line-height: 1.4em; } + a { - color: #f2dc77; + transition-property: color; + transition-duration: 200ms; + transition-timing-function: cubic-bezier(.53,.4,.46,.75); + color: #f2ecd7; box-shadow: 0 2px 0 0 rgba(255,255,255,0.1); text-decoration: none; } @@ -19,6 +23,9 @@ a:hover { } .sidebar { + transition-property: opacity; + transition-duration: 200ms; + transition-timing-function: cubic-bezier(.53,.4,.46,.75); width: 240px; height: 100%; top: 0px; @@ -26,15 +33,19 @@ a:hover { position: fixed; overflow: auto; padding: 0px 0px 0px 10px; + opacity: 0.6; +} + +.sidebar:hover { + opacity: 0.9; } .ns { font-size: 24px; padding: 20px 0 0px 0; margin-bottom: 10px; - box-shadow: 0 2px 0 0 rgba(255,255,255,0.1); display: inline-block; - color: #88d; + color: #ccf; } .name { @@ -44,7 +55,7 @@ a:hover { } .content { - padding-top: 20px; + padding: 20px 0px 20px 20px; margin-left: 250px; } @@ -71,7 +82,7 @@ a:hover { .c-head { font-size: 20px; margin-bottom: 1em; - color: #88d; + color: #ccf; font-size: 1.5em; } @@ -91,34 +102,39 @@ a:hover { } .j-item * { - transition: opacity ease-in 300ms; + transition-property: opacity; + transition-duration: 200ms; + transition-timing-function: cubic-bezier(.53,.4,.46,.75); } .j-item { - border-left: 4px solid rgba(0,0,0,0.2); - border-bottom: 5px solid transparent; - border-top: 5px solid transparent; - margin-bottom: 20px; + margin-bottom: 0px; + padding: 0.8em 0 0.8em 0; line-height: 1.4em; + background: rgba(0, 0, 0, 0.15); +} +.j-item:nth-child(2n) { + background: rgba(0, 0, 0, 0.25); } - .j-name { - color: #D88; - text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); - padding: 0 0 0 10px; - border-top: 5px solid transparent; + color: #69e; + text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); + margin: 0 0px 0 20px; display: inline-block; font-size: 1.4em; line-height: 1.4em; + border-right: 5px transparent solid; + box-shadow: 0 2px 0 0 rgba(150,200,255,0.08); } .j-args { - margin-left: 1em; + padding-left: 1em; opacity: 0.4; + display: inline-block; } .j-item:hover .j-args { - opacity: 1; + opacity: 0.95; } .j-arg { @@ -130,9 +146,7 @@ a:hover { } .j-doc { - padding: 10px 20px 20px 20px; - background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2); + display: block; + padding: 17px 20px 0px 20px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); - box-shadow: 0 -2.3em 0 0 rgba(0, 0, 0, 0.2); - margin: 0; } From 38374b87eec58012b0ca12af6d048aefd3bd0318 Mon Sep 17 00:00:00 2001 From: Boris Kourtoukov Date: Tue, 25 Nov 2014 01:42:40 -0500 Subject: [PATCH 3/3] Update main.css Typo in font --- doclet/resources/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/doclet/resources/main.css b/doclet/resources/main.css index 3eeea06..b82e02c 100644 --- a/doclet/resources/main.css +++ b/doclet/resources/main.css @@ -1,7 +1,7 @@ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} body { - font-family: "Fira Sans", "Source Sans Pro", "Helvetica Nue", sans-serif; + font-family: "Fira Sans", "Source Sans Pro", "Helvetica Neue", sans-serif; background-color: #293134; color: #c1cbc2; font-size: 16px;