You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@nifi.apache.org by jo...@apache.org on 2015/03/18 04:50:10 UTC

[15/22] incubator-nifi git commit: NIFI-280 fixing up table formatting of tables in components

NIFI-280 fixing up table formatting of tables in components


Project: http://git-wip-us.apache.org/repos/asf/incubator-nifi/repo
Commit: http://git-wip-us.apache.org/repos/asf/incubator-nifi/commit/4ab278dd
Tree: http://git-wip-us.apache.org/repos/asf/incubator-nifi/tree/4ab278dd
Diff: http://git-wip-us.apache.org/repos/asf/incubator-nifi/diff/4ab278dd

Branch: refs/heads/develop
Commit: 4ab278dd197c81e40b73f70e03fbb71997be6823
Parents: 6e80ae7
Author: danbress <db...@onyxconsults.com>
Authored: Sat Feb 7 11:51:04 2015 -0500
Committer: danbress <db...@onyxconsults.com>
Committed: Sat Feb 7 11:51:04 2015 -0500

----------------------------------------------------------------------
 .../src/main/webapp/css/component-usage.css     | 94 +++++++++++++++-----
 1 file changed, 71 insertions(+), 23 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/incubator-nifi/blob/4ab278dd/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/css/component-usage.css
----------------------------------------------------------------------
diff --git a/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/css/component-usage.css b/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/css/component-usage.css
index 8164034..f43db46 100644
--- a/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/css/component-usage.css
+++ b/nifi/nifi-nar-bundles/nifi-framework-bundle/nifi-framework/nifi-web/nifi-web-docs/src/main/webapp/css/component-usage.css
@@ -42,30 +42,75 @@ body {
 /* tables */
 
 table {
-    background-color: #fefefe;
-    border: 1px solid #ccc;
-    border-left: 6px solid #ccc;
-    color: #555;
-    display: block;
-    margin-bottom: 12px;
-    padding: 5px 8px;
+	color:#666;
+	font-size:14px;
+	background:#eaebec;	
+	border:#ccc 1px solid;
+	-webkit-border-radius:3px;
+	border-radius:3px;
+	width: 100%;
 }
 
-tr td {
-    font-size: 14px;
-    vertical-align:top;
-    text-align:left;
-    padding: 4px;
-    border-width: 0;
+table th {
+	padding:21px 25px 22px 25px;
+	border-top:1px solid #fafafa;
+	border-bottom:1px solid #e0e0e0;
+
+	background: #ededed;
 }
 
-tr th {
-    font-size: 16px;
-    vertical-align:top;
-    text-align:left;
-    padding: 4px;
-    border-width: 0;
-    white-space: nowrap;
+table th:first-child {
+	text-align: left;
+	padding-left:20px;
+}
+
+table th:last-child {
+	text-align: left;
+	padding-left:20px;
+}
+
+table tr:first-child th:first-child {
+	border-top-left-radius:3px;
+}
+
+table tr:first-child th:last-child {
+	border-top-right-radius:3px;
+}
+
+table tr {
+	text-align: center;
+	padding-left:20px;
+}
+
+table td:first-child {
+	text-align: left;
+	padding-left:20px;
+	border-left: 0;
+}
+
+table td:last-child {
+	text-align: left;
+	padding-left:20px;
+	border-left: 0;
+	vertical-align: top;
+	
+}
+
+table td {
+	padding:18px;
+	background: #fafafa;
+}
+
+table tr:last-child td {
+	border-bottom:0;
+}
+
+table tr:last-child td:first-child {
+	border-bottom-left-radius:3px;
+}
+
+table tr:last-child td:last-child {
+	border-bottom-right-radius:3px;
 }
 
 /* links */
@@ -99,10 +144,13 @@ p strong {
 }
 
 /* ul li */
-
+td ul {
+	margin: 0px 0px 0px 0px;
+	padding-left: 20px;
+}
 ul li {
-    font-family: 'Noto Serif', 'DejaVu Serif', serif;
-    font-size: 16px;
+	text-align: left;
+	display: list-item;    
 }
 
 ul li strong {