diff -r e388117572d8 -r 2b9c120dba55 client/css/renkan.css --- 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; }