You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@zeppelin.apache.org by mo...@apache.org on 2015/11/28 23:28:49 UTC
incubator-zeppelin git commit: Modify style.css for the aesthetically
pleasant documentation
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
![before resize](https://github.com/AhyoungRyu/Platform-Documentation/blob/master/compared_img/BeforeHn.png?raw=true)
- After
![After resize](https://github.com/AhyoungRyu/Platform-Documentation/blob/master/compared_img/AfterHn.png?raw=true)
2. Change code color & Arrange code font size
![img1](https://github.com/AhyoungRyu/Platform-Documentation/blob/master/compared_img/Code%20Color%20&%20Size.png?raw=true)
3. Change Code font-family and reduce the font size
- Before
![before](https://github.com/AhyoungRyu/Platform-Documentation/blob/master/compared_img/BeforeCode.png?raw=true)
- After
![after](https://github.com/AhyoungRyu/Platform-Documentation/blob/master/compared_img/AfterCode.png?raw=true)
4. Increase padding size between p, block quote, table, pre, img
Author: Ryu Ah young <fb...@hanmail.net>
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 <fb...@hanmail.net>
Authored: Thu Nov 26 17:11:13 2015 +0900
Committer: Lee moon soo <mo...@apache.org>
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; */