first commit

i/css/home.css

@@ -0,0 +1,278 @@
+
+    .form-inline
+    {
+        .checkbox
+        {
+            margin-right: 12px;
+        }
+    }
+
+    #addEdge
+	{
+    	display: none;
+    }
+
+    #addVertex
+    {
+        display: none;
+        width: auto;
+        min-width: 300px;
+    }
+
+    #GroupRenameDialog
+    {
+        width: auto;
+        min-width: 250px;
+    }
+
+    #GroupRenameDialog textarea
+    {
+        width: 100%;
+    }
+
+    #adjacencyMatrix
+       {
+    	display: none;
+    }	
+
+    #incidenceMatrix
+    {
+    	display: none;
+    }
+
+    #saveDialog
+    {
+    	display: none;
+    }
+
+    #saveImageDialog
+    {
+        display: none;
+    }
+
+	#AdjacencyMatrixField
+	{
+		overflow: scroll;
+		width : 100%;
+        height: 300px;
+		overflow-wrap: normal;
+	}
+
+	#IncidenceMatrixField
+	{
+		overflow: scroll;
+		width : 100%;
+		height: 300px;
+		overflow-wrap: normal;
+	}
+
+    #EdgeWeight
+    {
+        max-width : 80px;
+    }
+
+    #EdgeWeightSlider
+    {
+        width: auto;
+        max-width: 100%;
+        display: inline-block;
+    }
+
+    #sentAlgorithm
+    {
+    	display: none;
+    }
+
+    .ui-dialog.EdgeDialog
+       {
+      font-size: 15px;         //14px;
+      font-family: 'PT Sans', Arial, Helvetica, sans-serif;
+    }
+
+
+    .ui-dialog-titlebar-close
+    {
+ 	border: 1px solid #c5dbec;
+/*	background: #dfeffc url("./images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x; */
+        background-image: url("./images/ui-icons_6da8d5_256x240.png");
+	background-position: -96px -128px;
+	font-weight: bold;
+	color: #2e6e9e;
+    }
+
+    .ui-dialog-buttonset button 
+    {
+  	border: 1px solid #c5dbec;
+  	background: #dfeffc url("/themeroller/images/ui-bg_glass_85_dfeffc_1x400.png") 50% 50% repeat-x;
+  	font-weight: bold;
+  	color: #2e6e9e;
+ 	margin: .5em .4em .5em 0;
+	cursor: pointer;
+    }
+
+  #BadMatrixFormatMessage
+  {
+      background: #f8b74b;
+      padding: 8px;
+  }
+
+  #BadIncidenceMatrixFormatMessage
+  {
+      background: #f8b74b;
+      padding: 8px;
+  }
+
+  .defaultWeigth
+  {
+	padding: 2px 4px 2px 4px;
+	margin: 2px 2px 2px 0;
+	text-decoration: none;
+	white-space: nowrap;
+	display: inline-block;
+	border: 2px solid #1c94c4;
+  }
+
+  .inputBox
+  {
+	padding-left: 4px;
+  }
+
+  #GraphName
+  {
+    width: 100%;
+    font-size: 12px;	
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+
+    #GraphImageName
+{
+    width: 100%;
+    font-size: 12px;
+    padding-left: 8px;
+    padding-right: 8px;
+}
+
+.share-buttons{
+	list-style: none;
+	padding: 0;
+}
+
+.share-buttons li{
+	display: inline;
+}
+
+.btn-submenu {
+	width: 100%;
+	border: none;
+	text-align: left;
+}
+
+#canvas
+{
+  width: auto;
+  height: 100%;
+}
+
+.content {
+  padding-bottom: 8px;
+}
+
+#SaveImageLinks a {
+    text-decoration: underline;
+}
+
+#developerTools
+{
+    display : none;
+    position: absolute;
+    right: 0px;
+    top : 0px;
+    z-index: 1;
+    width  : 30%;
+    height : 470px;
+    float: right;
+}
+
+#developerTools textarea
+{
+    width: 100%;
+    height: 350px;
+    padding: 4px;
+    overflow: scroll;
+    resize: none;
+    overflow-wrap: normal;
+    white-space: pre;
+}
+
+::-webkit-scrollbar {
+    -webkit-appearance: none;
+    width: 7px;
+    height: 7px;
+}
+
+::-webkit-scrollbar-thumb {
+    border-radius: 4px;
+    background-color: rgba(0,0,0,.5);
+    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
+}
+
+.leftTopPosition
+{
+    position: absolute;
+    top    : 9px;
+    right  : 9px;
+    cursor : pointer
+}
+
+    .ProgresssBarLink
+    {
+        text-decoration:none;
+        color:#459ef8;
+    }
+
+    .ProgressBar
+    {
+        width:100%;
+        height:32px;
+        background-color:#b9e3ff!important;
+        font-size:20px;
+        line-height:1;
+    }
+
+    .ProgressBarFill
+    {
+        height:100%;
+        background-color:#459ef8!important
+    }
+
+    .ProgressBarText
+    {
+        position: relative;
+        left: 0px;
+        z-index: 1;
+        width:100%;
+        text-align: center;
+        color: #0649a6!important;
+    }
+
+
+@media only screen and (max-width: 650px) {
+    #canvasSection
+    {
+        margin-left: 12px;
+    }
+	#AdjacencyMatrixField
+	{
+        height: 200px;
+	}
+    #IncidenceMatrixField
+    {
+        height: 200px;
+    }
+    
+    #addVertex
+    {
+        min-width: 0px;
+    }
+}