First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>

1 files changed, 487 insertions, 0 deletions

diff --git a/_scss/imports/scss/_Tools.scss b/_scss/imports/scss/_Tools.scss
new file mode 100644
index 00000000..8614285f
--- /dev/null
+++ b/_scss/imports/scss/_Tools.scss
@@ -0,0 +1,487 @@
+// <copyright>
+// This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+// No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+// (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+// </copyright>
+
+/*
+ * Tools.scss
+ * For individual tool styles in the toolbar, see toolbar.scss.
+ * Note that colors and font definitions go in 
+ * _scss/themes/themename/_colors.scss and _scss/themes/themename/_fonts.scss
+ * 
+ */
+
+/*Made changes to toolButton */
+
+.toolButton {
+    width:26px;
+    height:23px;
+    padding: 0px;
+    margin:1px;
+    border-width: 1px;
+    border-style: solid; 
+}
+
+.subToolButton {
+    float:left;
+}
+
+#topPanelContainer .subToolButton {
+
+}
+
+.subOption{
+    float:left;
+    /*margin:10px;*/
+    margin-top: 5px;
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+.toolButton:active {   
+    border-top-width: 1px;
+    border-top-style: solid; 
+    border-left-width: 1px;
+    border-left-style: solid; 
+}
+
+.toolButtonSelected {
+    border-top-width: 1px;
+    border-top-style: solid; 
+    border-left-width: 1px;
+    border-left-style: solid;
+
+}
+
+.toolSeparator {
+    height:1px;
+    width:30px;
+    /*margin-left: 3px;*/
+    /*margin-right: 3px;*/
+}
+
+.toolSeparatorTop {
+    margin-top: 3px;
+    margin-bottom: 0px;
+}
+
+.toolSeparatorMiddle {
+    margin-top: 0px;
+    margin-bottom: 0px;
+}
+
+.toolSeparatorBottom {
+    margin-top: 0px;
+    margin-bottom: 3px;
+}
+
+.toolImageBase {
+    padding: 0px;
+    width: 26px;
+    height: 23px;
+    opacity: 0.7;
+    background-repeat:no-repeat;
+}
+
+.toolImageBase:hover {
+   opacity: 1.0;
+   }
+
+
+.drawingMode {
+    outline:blue solid thin;
+}
+
+
+/* Added new styling Sub Tool Shape Options*/
+
+.textBox {
+
+   padding-top:3px;
+   min-width:10em;
+   /*height:14px;*/
+   margin-left:5px;
+   position:relative;
+   margin-top:0px;
+}
+
+.selectBox {
+   width:10em;
+   opacity: 0.9;
+   margin-left: 10px;
+   float:left;
+   display:block;
+   background-color: $color-tool-select-bg;
+   /*-webkit-border-radius: 0;*/
+   border: 1px solid $color-tool-select-border;
+   color:$color-tool-text;
+   outline:none;
+}
+
+.selectBox:hover, .selectBox:active {
+    background-color: $color-tool-select-hover-bg;
+    opacity: 1;
+    color:$color-tool-select-border;
+}
+
+.label{
+   padding-top:3px;
+   margin-left:10px;
+   font-size:12px;
+   /*display:inline;*/
+   /*line-height:10px;*/
+   float:left;
+   margin-right:5px;
+}
+
+.subToolPropertiespanel{
+   margin-left:43px;
+}
+
+
+.LockToolUp {
+    background-image: url("../images/optionsbar/link.png");
+    background-repeat:no-repeat;
+    width:17px;
+    height:18px;
+
+    margin-right:10px;
+}
+
+.UnLockToolUp {
+    background-image: url("../images/optionsbar/unlinked.png");
+
+    background-repeat:no-repeat;
+    width:17px;
+    height:18px;
+
+    margin-right:10px;
+}
+
+
+.cornerRadius {
+    background-image: url("../images/optionsbar/rectangle/cornerRadius.png");
+    background-repeat:no-repeat;
+    width:16px;
+    height:16px;
+
+    opacity:0.7;
+}
+
+.cornerRadius:hover, .cornerRadius:active {
+    opacity:1;
+}
+
+.cornerRadius.topLeft
+{
+    -webkit-transform: rotate(0deg);
+}
+
+.cornerRadius.topRight
+{
+    -webkit-transform: rotate(90deg);
+    margin-right : -2px;
+}
+
+.cornerRadius.bottomLeft
+{
+    margin-top: 3px;
+    -webkit-transform: rotate(270deg);
+}
+
+.cornerRadius.bottomRight
+{
+    margin-top: 3px;
+    -webkit-transform: rotate(180deg);
+    margin-right : -2px;
+}
+
+#toolOptionsContainer
+{
+    display:inline;
+    float:left;
+    /*margin-left: 20px;*/
+}
+
+.leftLabel{
+        margin-top: 3px;
+        float:left;
+}
+
+/* Skin Radio Buttons */
+input[type="radio"] {
+    -webkit-appearance: none;
+    background: $color-radio-bg;
+    width: 28px;
+    height: 24px;
+    vertical-align: middle;
+    border-width: 1px;
+    border-style: solid;
+    border-color:$color-radio-border;
+    font-size:10px;
+    color:$color-radio;
+    margin:4px;
+       
+}
+
+input[type="radio"]:hover {
+    border-width: 1px;
+    border-style: solid;
+}
+
+input[type="radio"]:checked {
+    background:$color-radio-border;
+    border-width: 1px;
+    border-style: solid;
+}
+
+/*disabled settings for checkbox and radiobutton*/
+input[type="radio"]:disabled {
+    opacity: .3;
+    background: $color-radio-border;
+    border-width: 1px;
+    border-style: solid;
+}
+
+.toolPropertiesContainer{
+    float:left;
+    margin-left:10%;
+    width:100%;
+}