You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
217 lines
3.5 KiB
217 lines
3.5 KiB
/** Copyright 2005-2015 Alfresco Software, Ltd.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
body, html {
|
|
font-family: tahoma,arial,helvetica,sans-serif;
|
|
font-size: 12px;
|
|
}
|
|
|
|
/*********
|
|
* SVG Style
|
|
*/
|
|
|
|
text,
|
|
text * {
|
|
cursor:default;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
/*********
|
|
* HEADER SECTION
|
|
*
|
|
*/
|
|
|
|
#oryx_canvas_htmlContainer {
|
|
|
|
}
|
|
|
|
.ORYX_Editor {
|
|
background: white;
|
|
border: none;
|
|
margin:-5px;
|
|
margin-top:0px;
|
|
width:1200px;
|
|
height:600px;
|
|
}
|
|
|
|
.icon-large {
|
|
width:18px !important;
|
|
}
|
|
|
|
#oryxcanvas {
|
|
width:1200px;
|
|
height:600px;
|
|
}
|
|
|
|
/** Resizer for the Canvas **/
|
|
.canvas_resize_indicator_area {
|
|
|
|
margin :auto;
|
|
display :block;
|
|
height :30px;
|
|
left :20%;
|
|
position :absolute;
|
|
text-align :center;
|
|
top :0;
|
|
width :60%;
|
|
|
|
}
|
|
|
|
.canvas_resize_indicator {
|
|
|
|
width : 15px;
|
|
height : 15px;
|
|
position : absolute;
|
|
display : block;
|
|
margin : auto;
|
|
opacity : 0.6;
|
|
}
|
|
|
|
.canvas_resize_indicator:hover {
|
|
|
|
opacity : 1.0;
|
|
}
|
|
/** End Resizer **/
|
|
|
|
.Oryx_down {
|
|
|
|
}
|
|
|
|
.Oryx_button img {
|
|
width:16px;
|
|
height:16px;
|
|
top:0px;
|
|
left:0px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.Oryx_Right .Oryx_button,
|
|
.Oryx_Left .Oryx_button,
|
|
.Oryx_Top .Oryx_button,
|
|
.Oryx_Bottom .Oryx_button {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.Oryx_button.x-opacity-0 {
|
|
opacity: 0;
|
|
display:none;
|
|
}
|
|
|
|
.Oryx_button.x-opacity-10 {
|
|
opacity: 0.1;
|
|
}
|
|
|
|
.Oryx_button.x-opacity-20 {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.Oryx_button.x-opacity-50 {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.Oryx_Right:hover .Oryx_button,
|
|
.Oryx_Left:hover .Oryx_button,
|
|
.Oryx_Top:hover .Oryx_button,
|
|
.Oryx_Bottom:hover .Oryx_button {
|
|
opacity: 0.7;
|
|
display:block;
|
|
}
|
|
|
|
|
|
.Oryx_button img {
|
|
top:0px;
|
|
}
|
|
|
|
.Oryx_Left img {
|
|
top:0px;
|
|
}
|
|
|
|
.Oryx_button {
|
|
width:24px;
|
|
height:24px;
|
|
padding:2px;
|
|
position:absolute;
|
|
background-color: #ffffff;
|
|
background-color: rgba(255,255,255,0.7);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Oryx_button_with_caption {
|
|
width:inherit;
|
|
height:16px;
|
|
padding:4px;
|
|
position:absolute;
|
|
}
|
|
|
|
/*** Resizer ***/
|
|
|
|
.resizer_southeast,
|
|
.resizer_northwest {
|
|
width:12px;
|
|
height:12px;
|
|
position:relative;
|
|
background-color: transparent;
|
|
background-repeat:no-repeat;
|
|
}
|
|
|
|
/*** Selection Frame ***/
|
|
|
|
.Oryx_SelectionFrame{
|
|
position:absolute;
|
|
border:1px dotted gray;
|
|
background:none;
|
|
}
|
|
|
|
.LoadingIndicator {
|
|
background-image: url('../../images/loading.gif');
|
|
}
|
|
|
|
.Oryx_hover, .Oryx_button:hover {
|
|
background-color: #999999;
|
|
background-color: rgba(193, 229, 238, 0.7);
|
|
opacity: 1 !important;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.ValidateButton {
|
|
width:24px;
|
|
height:24px;
|
|
padding:2px;
|
|
position:absolute;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ValidateButton:hover {
|
|
background-color: #999999;
|
|
background-color: rgba(193, 229, 238, 0.7);
|
|
opacity: 1 !important;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.resizer_southeast {
|
|
background-image:url(../../images/se-handle-dark.gif);
|
|
cursor: se-resize;
|
|
background-position: 4px 4px;
|
|
}
|
|
|
|
.resizer_northwest {
|
|
background-image:url(../../images/nw-handle-dark.gif);
|
|
cursor: nw-resize;
|
|
background-position: -2px -2px;
|
|
}
|