From 2f21eb37a4e7afb4ba3273b3ec50964717448b2f Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Thu, 3 May 2012 17:16:04 -0700 Subject: Removing more id and changing the appropriate CSS for them Signed-off-by: Valerio Virgillito --- css/ninja.css | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) (limited to 'css') diff --git a/css/ninja.css b/css/ninja.css index 297ed7cd..7fa654bd 100755 --- a/css/ninja.css +++ b/css/ninja.css @@ -118,9 +118,9 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co #sceneBar { height: 70px; background-color: #474747; } -#mainContainer #rulerTop { display: none; background: gray url("../images/temp/ruler-top.png"); height: 15px; margin-bottom: 0px; border-right: 11px solid black; } +#mainContainer .rulerTop { display: none; background: gray url("../images/temp/ruler-top.png"); height: 15px; margin-bottom: 0px; border-right: 11px solid black; } -#rulerLeft { display: none; background: gray url("../images/temp/ruler-left.png"); width: 16px; border-bottom: 11px solid black; } +.rulerLeft { display: none; background: gray url("../images/temp/ruler-left.png"); width: 16px; border-bottom: 11px solid black; } #stateBar { height: 20px; background-color: #282828; margin-bottom: 0px; } @@ -164,9 +164,7 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co .verticalBox { -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; } -#rightPanelContent { overflow-y: hidden; } - -#openDocumentsTabComponent { height: 25px; position: relative; overflow: hidden; color: white; } +.openDocumentsTab { height: 25px; position: relative; overflow: hidden; color: white; } #openDocuments { float: left; height: 25px; width: 100%; font-size: 12px; list-style: none; margin: 0; padding: 0; position: relative; text-decoration: none; } @@ -174,7 +172,7 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co #openDocuments li:hover, #openDocuments li:active, #openDocuments li.activeTab { background-color: #7f7f7f; } -#documentBar { height: 25px; width: 1000px; position: relative; overflow: hidden; color: white; } +.documentBar { height: 25px; width: 1000px; position: relative; overflow: hidden; color: white; } .montage-popup-modal-mask { opacity: 1; background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.8) 80%); } @@ -212,7 +210,7 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co #mainContent .CodeMirror { width: 100%; height: 100%; background: white; } -#mainContent .CodeMirror-scroll { height: 100%; overflow:auto; } +#mainContent .CodeMirror-scroll { height: 100%; overflow: auto; } .montage-editor-frame { position: absolute; z-index: 7; top: 0; left: 0; display: none; -webkit-user-select: initial; } @@ -648,7 +646,7 @@ button.panel-button { -webkit-appearance: none; font-size: 9px; color: white; ba .panel.collapsed .arrowIcon { -webkit-transform: rotate(-90deg); } -.rightPanelContent { position: absolute; height: 100%; width: 100%; } +.rightPanelContent { position: absolute; overflow-y: hidden; height: 100%; width: 100%; } #rightPanelContainer .panel { -webkit-box-flex: 100; } -- cgit v1.2.3 From f1f2e65712d7c5a163dd6fdbd8f5911555c3f377 Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Thu, 3 May 2012 17:46:23 -0700 Subject: finishing to replace all id with data-montage-id Signed-off-by: Valerio Virgillito --- css/ninja.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'css') diff --git a/css/ninja.css b/css/ninja.css index 7fa654bd..c1c09f5e 100755 --- a/css/ninja.css +++ b/css/ninja.css @@ -198,11 +198,11 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co #iframeContainer { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; width: 100%; height: 100%; overflow: scroll; background: gray; } -#drawingCanvas { position: absolute; margin: 0px; border: none; padding: 0px; top: 0px; left: 0px; z-index: 6; } +.drawingCanvas { position: absolute; margin: 0px; border: none; padding: 0px; top: 0px; left: 0px; z-index: 6; } -#stageCanvas { position: absolute; margin: 0px; border: none; padding: 0px; top: 0px; left: 0px; z-index: 5; } +.stageCanvas { position: absolute; margin: 0px; border: none; padding: 0px; top: 0px; left: 0px; z-index: 5; } -#layoutCanvas { position: absolute; margin: 0px; border: none; padding: 0px; top: 0px; left: 0px; z-index: 4; } +.layoutCanvas { position: absolute; margin: 0px; border: none; padding: 0px; top: 0px; left: 0px; z-index: 4; } #codeViewContainer { position: absolute; top: 0px; left: 0px; margin: 0px; padding: 0px; background: black; width: 100%; height: 100%; display: none; } -- cgit v1.2.3 From 26248a5fd11954b670c36cde25a13af990774c8c Mon Sep 17 00:00:00 2001 From: Valerio Virgillito Date: Fri, 4 May 2012 14:08:20 -0700 Subject: Fixing the tools list separators and document bar disabled state Signed-off-by: Valerio Virgillito --- css/ninja.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'css') diff --git a/css/ninja.css b/css/ninja.css index c1c09f5e..6a804e99 100755 --- a/css/ninja.css +++ b/css/ninja.css @@ -172,7 +172,7 @@ body { position: absolute; margin: 0px; width: 100%; height: 100%; background-co #openDocuments li:hover, #openDocuments li:active, #openDocuments li.activeTab { background-color: #7f7f7f; } -.documentBar { height: 25px; width: 1000px; position: relative; overflow: hidden; color: white; } +.documentBar { height: 25px; position: relative; overflow: hidden; color: white; } .montage-popup-modal-mask { opacity: 1; background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.8) 80%); } @@ -819,7 +819,7 @@ input[type="radio"]:disabled { opacity: .3; background: #282828; border-width: 1 .toolsList { width: 29px; margin: auto; } -.toolsList hr { border: 0px; border-top: 1px solid #232323; border-bottom: 1px solid #3A3A3A; margin: 2px; } +.toolsList hr { border: 0px; border-top: 1px solid #232323; border-bottom: 1px solid #3A3A3A; margin: 2px; width: 100%; } .toolbutton { width: 29px; height: 29px; background-position: center center; background-repeat: no-repeat; border-radius: 3px; opacity: 1; margin-bottom: 2px; -webkit-transform: scale(0.8); -webkit-transition: 0.15s all cubic-bezier(0.44, 0.19, 0, 0.99); } -- cgit v1.2.3