Repository: incubator-zeppelin Updated Branches: refs/heads/master bd8c9ea40 -> 3478f960f
Modify style.css for the aesthetically pleasant documentation I closed last PR because of my mistake. Last one is [here](https://github.com/apache/incubator-zeppelin/pull/469). I apologize to any confusion. Once again, this PR result is 1. Resize hn tag font & Add bottom-border to h2, h3 tag (Because these tags are used a lot for the title.) & Adjust table size to web page border - Before  - After  2. Change code color & Arrange code font size  3. Change Code font-family and reduce the font size - Before  - After  4. Increase padding size between p, block quote, table, pre, img Author: Ryu Ah young <[email protected]> Closes #477 from AhyoungRyu/ZEPPELIN-460-new and squashes the following commits: 3d005ee [Ryu Ah young] Modify style.css for the aesthetically pleasant documentation Project: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/repo Commit: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/commit/3478f960 Tree: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/tree/3478f960 Diff: http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/diff/3478f960 Branch: refs/heads/master Commit: 3478f960fbeb48d9733ba42dcc13622c2b447887 Parents: bd8c9ea Author: Ryu Ah young <[email protected]> Authored: Thu Nov 26 17:11:13 2015 +0900 Committer: Lee moon soo <[email protected]> Committed: Sun Nov 29 07:29:35 2015 +0900 ---------------------------------------------------------------------- docs/assets/themes/zeppelin/css/style.css | 132 +++++++++++++++++++++++-- 1 file changed, 123 insertions(+), 9 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/incubator-zeppelin/blob/3478f960/docs/assets/themes/zeppelin/css/style.css ---------------------------------------------------------------------- diff --git a/docs/assets/themes/zeppelin/css/style.css b/docs/assets/themes/zeppelin/css/style.css index 98aca0b..b0f594a 100644 --- a/docs/assets/themes/zeppelin/css/style.css +++ b/docs/assets/themes/zeppelin/css/style.css @@ -11,7 +11,9 @@ body { } .navbar-brand { - padding: 15px 5px; + padding: 12px 12px; + padding-top: 0px; + padding-bottom: 0px; } .navbar { @@ -195,7 +197,7 @@ body { /* Table for property */ .table-configuration { - width : 800px; + width : 100%; border : 1px solid gray; } .table-configuration tr td { @@ -218,15 +220,127 @@ body { transform: rotate(270deg); } +/* Custom container */ +/* <a> */ +.container a { + color: #4183C4; } +a.absent { + color: #cc0000; } +a.anchor { + display: block; + padding-left: 30px; + margin-left: -30px; + cursor: pointer; + position: absolute; + top: 0; + left: 0; + bottom: 0; +} + +/* <hn> */ +.container h1, h2, h3, h4, h5, h6 { + margin: 20px 0 10px; + padding: 0; + font-weight: bold; + -webkit-font-smoothing: antialiased; + cursor: text; + position: relative; } +.container h1 { + font-size: 30px; + color: black; } +.container h2 { + font-size: 28px; + padding-top: 5px; + padding-bottom: 5px; + border-bottom: 1px solid #E5E5E5;} +.container h3 { + font-size: 22px; + padding-top: 5px; + padding-bottom: 5px; + border-bottom: 1px solid #E5E5E5;} +.container h4 { + font-size: 18px; } +.container h5 { + font-size: 14px; } +.container h6 { + font-size: 14px; + color: #777777;} + +/* <li, ul, ol> */ +.container li { + margin: 0; } +.container li p.first { + display: inline-block;} +.container ul :first-child, ol :first-child { + margin-top: 0; +} + +/* <table> */ + .container table { + width : 100%; + padding: 0; + border-collapse: collapse; } +.container table tr { + border-top: 1px solid #cccccc; + background-color: white; + margin: 0; + padding: 0; } +.container table tr th { + text-align: center; + font-weight: bold; + border: 1px solid #cccccc; + margin: 0; + padding: 6px 13px; } +.container table tr td { + border: 1px solid #cccccc; + margin: 0; + padding: 6px 13px; +} + +/* <code> */ +.container code{ + color:#000000; + font-size: 90%; + font-family: "Menlo", "Lucida Console", monospace; + background-color: #f8f8f8; + border: 1px solid #cccccc; +} + +/* <pre> */ +.container pre { + background-color: #f8f8f8; + border: 1px solid #cccccc; + line-height: 19px; + overflow: auto; + padding: 6px 10px; + border-radius: 3px;} +.container pre code { + font-size: 95%; + margin: 0; + padding: 0; + white-space: pre; + border: none; + background: transparent; +} + +/* <blockquote> */ +.container blockquote { + border-left: 4px solid #dddddd; + padding: 0 15px; + color: #777777; } +.container blockquote > :first-child { + margin-top: 0; } +.container blockquote > :last-child { + margin-bottom: 0; } +.container blockquote p{ + font-size: 14px; +} +/* <p>, <blockquote>, <table>, <pre>, <img> margin */ +.container p, blockquote, table, pre, img { + margin: 12px 0; +} - - - - - - -/* Custom container */ .container-narrow { margin: 0 auto; /* max-width: 960px; */
