client/css/renkan.css
changeset 649 2b9c120dba55
parent 647 eaaa1efce396
child 650 b2e22052e9d6
--- a/client/css/renkan.css	Thu Jan 05 19:34:53 2017 +0100
+++ b/client/css/renkan.css	Tue Jan 10 17:36:30 2017 +0100
@@ -341,12 +341,40 @@
 }
 
 .Rk-Label {
-    position: absolute; width: 160px; margin-left: -80px; text-align: center; font-size: 13px; line-height: 13px;
+    position: absolute; width: 160px; margin-left: -80px; text-align: center;
+}
+
+/* Separate this declaration to isolate the node title size */
+.Rk-Label {
+    font-size: 13px; line-height: 13px;
+}
+
+/* Node label size +1 */
+.Rk-Label-p1 {
+    font-size: 14px; line-height: 14px;
+}
+
+/* Node label size +2 */
+.Rk-Label-p2 {
+    font-size: 15px; line-height: 15px;
+}
+
+/* Node label size -1 */
+.Rk-Label-m1 {
+    font-size: 12px; line-height: 12px;
+}
+
+/* Node label size -2 */
+.Rk-Label-m2 {
+    font-size: 11px; line-height: 11px;
 }
 
 .Rk-Edge-Label {
-    font-size: 11px; transform-origin: 50% 0; -moz-transform-origin: 50% 0;
-    -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0;
+    font-size: 11px;
+    transform-origin: 50% 0;
+    -ms-transform-origin: 50% 0;
+    -moz-transform-origin: 50% 0;
+    -webkit-transform-origin: 50% 0;
 }
 
 /* Editors */
@@ -489,6 +517,35 @@
     left: -105px; top: 2px;
 }
 
+.Rk-Editor-p-title-color .Rk-Edit-ColorPicker {
+    left: 67px; top: 114px;
+}
+
+.Rk-Editor-p-title-style {
+    width: 100%;
+}
+
+.Rk-Editor-p-title-style .Rk-Editor-Label {
+    width: 50px;
+}
+
+.Rk-Editor-p-title-style div {
+    float: left;
+}
+
+.Rk-Editor-p-title-style .Rk-Editor-p-title-color {
+    width: 40%;
+}
+
+.Rk-Editor-p-title-color .Rk-Edit-Color {
+    margin-top: 2px;
+}
+
+.Rk-Editor-p-title-style .Rk-Editor-p-title-size {
+    width: 60%;
+}
+
+
 .Rk-Edit-ColorPicker-Text {
     color: #303080; font-weight: bold;
 }