Create the sub components for new Clamp UI

Create the sub components for the new React Clamp UI

Issue-ID: CLAMP-414
Change-Id: I3e9e6bf05559829d22936e06556fef60635a33d0
Signed-off-by: xuegao <xg353y@intl.att.com>

1 files changed, 88 insertions, 0 deletions

diff --git a/ui-react/src/css/index.css b/ui-react/src/css/index.css
new file mode 100644
index 00000000..5a06c3b2
--- /dev/null
+++ b/ui-react/src/css/index.css
@@ -0,0 +1,88 @@
+.cldsmodelling {
+	height: 90vh;
+	overflow: hidden;
+	margin-left: 1px;
+	margin-right: 1px;
+}
+.cl_panel {
+	margin-bottom: 20px;
+	background-color: #fff;
+	border: 1px solid transparent;
+	border-radius: 4px;
+	box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
+	width:100% ;
+	height: 100%;
+	border-color: #337ab7;
+}
+.cl_panel_heading{
+	color: #fff;
+	background-color: #337ab7;
+	border-color: #337ab7;
+	padding: 10px 15px;
+	border-bottom: 1px solid transparent;
+	border-top-left-radius: 3px;
+	border-top-right-radius: 3px;
+	font-size: 12px;
+}
+.pull-left{
+	float: left !important;
+}
+.pull-right{
+	float: right !important;
+}
+
+.color_white {
+	color: white;
+}
+.cl_view_body {
+	height: 83.5vh; width: 100%;
+}
+.logo_text {
+	font-size: 20px;
+	font-weight: bold;
+}
+.js_canvas {
+	margin-top: 200px;
+	margin-left: 20px;
+	margin-right: 20px;
+}
+.log_div{
+	border: 2px solid gray;
+	margin-right: 20px;
+	font-size: 12px;
+}
+.log_table {
+	width: 100%;
+	height: 87%;
+	overflow: auto;
+}
+.row_10_per {
+	width: 10%;
+}
+.row_30_per {
+	width: 30%;
+}
+.row_70_per {
+	width: 70%;
+}
+.table_header {
+	font-weight: bold;
+}
+.status_title{
+	position: absolute;
+	left: 61%;
+	top: 151px;
+	font-size:20px;
+}
+.status{
+	background-color: gray;
+	-moz-border-radius: 50px;
+	-webkit-border-radius: 50px;
+	border-radius: 50px;
+}
+.status_table {
+	position: absolute;
+	left: 61%;
+	top: 191px;
+	font-size:10px;
+}