minor

fujaba · Feb 27, 2018 · ed48e3b · ed48e3b
1 parent b05f709
commit ed48e3b
Show file tree

Hide file tree

Showing 7 changed files with 4,140 additions and 0 deletions.
diff --git a/Editor.html b/Editor.html
@@ -0,0 +1 @@
+<html><head><script src="drawer.js"></script><script src="graph.js"></script><link rel="stylesheet" type="text/css" href="diagramstyle.css"/></head><body><script language="Javascript">classEditor = new ClassEditor("board");</script></body></html>
diff --git a/diagramstyle.css b/diagramstyle.css
@@ -0,0 +1,332 @@
+@charset 'UTF-8';
+.Board{
+	position: relative;
+	overflow: hidden;
+	width: 800px; height: 800px;
+	border: 1px solid rgb(204, 204, 204);
+}
+.ClassEditor{
+	width: 100%;
+	height: 100%;
+	min-height: 100%;
+	min-width: 100%;
+	border: 1px solid black;
+	vertical-align: middle;
+	text-align:center;
+}
+.Error{
+	border-color: #f00;
+	color: #f00;
+	box-shadow: inset 0 3px 4px #888;
+}
+.Ok{
+	border-color: #009B00;
+	box-shadow: inset 0 3px 4px #888;
+}
+.Add{
+	border-color: yellow;
+	box-shadow: inset 0 3px 4px #888;
+}
+.code_box {
+	position: absolute;
+	width:400px;
+	height:300px;
+	border: 1px solid #c2e1f5;
+	right:8px;
+	bottom: 56px;
+	text-align: left;
+}
+.code_box:before {
+	top: 100%;
+	right:0px;
+	border: solid transparent;
+	content: " ";
+	position: absolute;
+	border-top-color: #c2e1f5;
+	border-width: 20px;
+}
+.Toolbar {
+	background : #F4F4F4;
+	background-image: linear-gradient(#696969 1px, rgba(255,255,255,0) 0%);
+	background-position: 3px 2px;
+	background-size: 1px 5px;
+	background-repeat: repeat-y;
+	border-bottom: 1px solid #696969;
+	border-right: 1px solid #999999;
+	position:fixed;
+	bottom:6px;
+}
+.Itembar {
+	background : #F4F4F4;
+	background-image: linear-gradient(#696969 1px, rgba(255,255,255,0) 0%);
+	background-position: 3px 2px;
+	background-size: 1px 5px;
+	background-repeat: repeat-y;
+	border-bottom: 1px solid #696969;
+	border-right: 1px solid #999999;
+	position:fixed;
+	right:6px;
+	top:30px;
+}
+.CodeView {
+	background : #F4F4F4;
+	position:fixed;
+	bottom:9px;
+	right:7px;
+	width:30px;
+	height:30px;
+}
+.pi {
+	padding-top:5px;
+	cursor:hand;
+}
+.ChoiceBox{
+	position:absolute;
+	height:80px;
+	border:1px solid black;
+	overflow-y: scroll;
+	overflow-x: hidden;
+}
+.ChoiceBox div{
+	height:20px;
+	width:100%;
+	cursor:pointer;
+}
+.ChoiceBox div.alt{
+	background:#F5F5F5;
+}
+.ChoiceBox div:hover{
+	background:#8EB8FD;
+}
+
+.classdiagram{
+	border: 1px solid rgb(187, 187, 187);
+	position: absolute;
+}
+.objectdiagram{
+	border: 1px solid rgb(187, 187, 187);
+	position: absolute;
+}
+
+.classElement{
+	border: 1px solid rgb(187, 187, 187);
+	/*background-color: rgb(221, 221, 221);*/
+	position: absolute;
+	background:#ffffff;
+}
+.classElement table{
+	border-spacing:0;
+	cursor: hand;
+}
+
+.classElement th{
+	background-image: linear-gradient(left, white 0%, lightgray 50%);
+	background-image: linear-gradient(top, white 0%, lightgray 50%);
+	background-image: linear-gradient(45deg, white 0%, lightgray 50%);
+	height:20px;
+}
+
+.classElement .first{
+	border-top: 1px solid black;
+}
+.classElement .methods{
+	margin-left:10px;
+	padding-left:10px;
+	padding-right:10px;
+	text-align:left;
+	vertical-align:top;
+}
+.classElement .attributes{
+	margin-left:10px;
+	padding-left:10px;
+	padding-right:10px;
+	text-align:left;
+	vertical-align:top;
+}
+
+.objectElement{
+	border: 1px solid rgb(187, 187, 187);
+	/*background-color: rgb(221, 221, 221);*/
+	position: absolute;
+	background:#ffffff;
+}
+.objectElement table{
+	border-spacing:0;
+	cursor: hand;
+}
+.objectElement th{
+	background-image: linear-gradient(left, white 0%, lightgray 50%);
+	background-image: linear-gradient(top, white 0%, lightgray 50%);
+	background-image: linear-gradient(45deg, white 0%, lightgray 50%);
+}
+.objectElement .first{
+	border-top: 1px solid black;
+}
+
+.ToolButton{
+	background: #eeeeee; /* Old browsers */
+	background: -moz-linear-gradient(top, #eeeeee 0%, #aaaaaa 50%, #e5e5e5 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(50%,#aaaaaa), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top, #eeeeee 0%,#aaaaaa 50%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top, #eeeeee 0%,#aaaaaa 50%,#e5e5e5 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top, #eeeeee 0%,#aaaaaa 50%,#e5e5e5 100%); /* IE10+ */
+	background: linear-gradient(to bottom, #eeeeee 0%,#aaaaaa 50%,#e5e5e5 100%); /* W3C */
+	border-radius: 20px;
+	-webkit-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.75);
+	-moz-box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.75);
+	box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.75);
+	cursor:pointer;
+}
+
+.EdgeInfo{
+	position: absolute;
+}
+
+.patternElement{
+	border: 1px solid rgb(187, 187, 187);
+	/*background-color: rgb(221, 221, 221);*/
+	position: absolute;
+	background:lightblue;
+}
+.patternElement table{
+	border-spacing:0;
+
+	cursor: hand;
+}
+.patternElement .head{
+	text-align:center;
+}
+.patternElement th{
+	padding-left:10px;
+	padding-right:10px;
+}
+.patternElement .first{
+	border-top: 1px solid black;
+}
+.lineElement {
+	z-index : 42;
+	border-bottom: 1px solid black;
+}
+.lineRaster{
+	border-right: 1px dotted rgba(0,0,0,0.3);
+	border-bottom: 1px dotted rgba(0,0,0,0.3);
+	width: 1px;
+	height: 1px;
+	position:absolute;
+}
+
+.infoBox{
+	border: 1px solid rgb(187, 187, 187);
+	position: absolute;
+}
+.draggable {
+	cursor: move;
+}
+.selection{
+	cursor: hand;
+	opacity:0;
+}
+.selection:hover{
+	cursor: hand;
+	opacity:0.3;
+	fill: #FF9;
+}
+.saveBtn:hover{
+	opacity:0.75;
+	cursor: hand;
+}
+.btn:hover{
+	opacity:0.75;
+	cursor: pointer;
+}
+
+.hand{
+	cursor: pointer;
+}
+.saveBtn{
+	fill:url(#reflect);
+	filter: drop-shadow(5px 5px 2px black);
+}
+
+.draggable{
+}
+
+.draggable:hover{
+	border:1px dashed black;
+	-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;
+	cursor: move;
+	opacity:0.50;
+	fill:#ddd;
+}
+.hljs-line-numbers {
+	text-align: right;
+	border-right: 1px solid #ccc;
+	color: #999;
+	-webkit-touch-callout: none;
+	-webkit-user-select: none;
+	-khtml-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+code[data-lang]:before{display:none;content:attr(data-lang);font-size:.75em;line-height:1;text-transform:uppercase;color:#999;
+	position:relative;float:right;
+}
+code:hover[data-lang]:before{display:block}
+pre .title {text-align:center}
+
+.conum[data-value]:after {content: attr(data-value);}
+.conum[data-value] {
+	display: inline-block;
+	color: #fff!important;
+	background-color: rgba(0,0,0,.8);
+	-webkit-border-radius: 100px;
+	border-radius: 100px;
+	text-align: center;
+	font-size: 8px;
+	width: 10px;
+	height: 10px;
+	line-height: 10px;
+	font-family: "Open Sans","DejaVu Sans",sans-serif;
+	font-style: normal;
+	font-weight: bold;
+}
+.symbol {
+	font-size: 0.9em;
+	font-family: Times New Roman;
+	border-radius: 1em;
+	padding-left: .6em;
+	padding-right: .6em;
+	font-weight: bolder;
+	float:left;
+	color: white;
+	background-color: #4E5A56;
+	-webkit-margin-after:0;
+	-webkit-margin-before:0;
+}
+
+.icon-info { background-color: #3229CF; }
+.icon-error { background: #e64943; font-family: Consolas; }
+.icon-tick { background: #13c823; }
+.icon-excl { background: #ffd54b; color: black; }
+
+.icon-info:before { content: 'i'; }
+.icon-error:before { content: 'x'; }
+.icon-tick:before { content: '\002713'; }
+.notify {
+	display:flex;
+	background-color:#e3f7fc;
+	color:#555; 
+	border:.1em solid;
+	border-color: #8ed9f6;
+	border-radius:10px;
+	font-size:1.1em;
+	padding:10px 10px 10px 10px;
+	margin:10px;
+	float:none;
+	cursor: default;
+}
+.notify-text { margin-left:10px;white-space:nowrap;}
+.notify-yellow { background: #fff8c4; border-color: #f7deae; }
+.notify-red { background: #ffecec; border-color: #fad9d7; }
+.notify-green { background: #e9ffd9; border-color: #D1FAB6; }