414 lines
6.1 KiB
CSS
414 lines
6.1 KiB
CSS
@import url("../fonts/OpenSans.css");
|
|
html {
|
|
overflow:hidden;
|
|
}
|
|
body {
|
|
margin:0;
|
|
padding:0;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
#backcanvas{
|
|
position:absolute;
|
|
width:595px;
|
|
height:595px;
|
|
left:30px;
|
|
top:75px;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
/* Tooltips */
|
|
|
|
.tip_ctr{
|
|
z-index: 100000;
|
|
}
|
|
|
|
.tip {
|
|
color: #fff;
|
|
z-index: 1000;
|
|
border:1px solid #DDD;
|
|
background:#565656;
|
|
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
|
|
}
|
|
|
|
.tip-title {
|
|
font-size: 10px;
|
|
color: #ffffff;
|
|
padding: 0px 5px 0px 5px;
|
|
}
|
|
|
|
|
|
.tip-text {
|
|
font-size: 10px;
|
|
padding: 0px 5px 4px 5px;
|
|
z-index: 1000;
|
|
}
|
|
|
|
/*TREEVIEW*/
|
|
|
|
#menu_list{
|
|
overflow:hidden;
|
|
width:1000px;
|
|
}
|
|
|
|
.treeview {
|
|
width:250px;
|
|
height:250px;
|
|
align:center;
|
|
}
|
|
|
|
.folder {
|
|
display:none;
|
|
clear:both;
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0 0 0 10px;
|
|
}
|
|
|
|
.item_node {
|
|
background:transparent;
|
|
clear:both;
|
|
color:#666;
|
|
line-height:24px;
|
|
position: relative;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
|
|
.sortElement{
|
|
width:14px;
|
|
height:14px;
|
|
cursor:row-resize;
|
|
float:left;
|
|
margin-top:3px;
|
|
left:0;
|
|
}
|
|
|
|
.sortElementFolder{
|
|
margin-left:19px;
|
|
}
|
|
|
|
.dragIntoFolder{
|
|
width:14px;
|
|
height:14px;
|
|
cursor:move;
|
|
float:left;
|
|
margin-right:4px;
|
|
margin-top:3px;
|
|
}
|
|
|
|
.item_leaf:hover .dragIntoFolder {
|
|
background:url("icons/move_to_zone.png") no-repeat 0 0 transparent;
|
|
}
|
|
|
|
.item_leaf:hover .sortElement {
|
|
background:url("icons/up_down.png") no-repeat 0 0 transparent;
|
|
visibility:visible;
|
|
}
|
|
|
|
.item_node:hover .sortElement {
|
|
background:url("icons/up_down.png") no-repeat 0 0 transparent;
|
|
visibility:visible;
|
|
}
|
|
|
|
.item_node_selected:hover .sortElement {
|
|
background:url("icons/up_down.png") no-repeat 0 0 transparent;
|
|
visibility:visible;
|
|
}
|
|
|
|
.sorting{
|
|
background-color:#555555;
|
|
}
|
|
|
|
.item_node:hover {
|
|
color:#000;
|
|
}
|
|
|
|
|
|
.imgToolbar{
|
|
margin-bottom:-10px;
|
|
|
|
}
|
|
|
|
ul li{
|
|
margin-left:10px;
|
|
}
|
|
|
|
|
|
.item_node_selected {
|
|
background:#888;
|
|
clear:both;
|
|
color:#666;
|
|
line-height:24px;
|
|
position: relative;
|
|
top:0;
|
|
left:0;
|
|
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
|
filter:alpha(opacity=75);
|
|
opacity=0.75;
|
|
}
|
|
|
|
.item_leaf {
|
|
background:transparent;
|
|
clear:both;
|
|
color:#666;
|
|
line-height:24px;
|
|
position: relative;
|
|
top:0;
|
|
left:0;
|
|
}
|
|
|
|
.item_leaf:hover {
|
|
color:#000;
|
|
}
|
|
|
|
.label {
|
|
color:#333;
|
|
font-family:Arial;
|
|
font-size:11px;
|
|
padding-left:0px;
|
|
}
|
|
|
|
.image {
|
|
float:left;
|
|
height:16px;
|
|
padding:4px 4px 4px 3px;
|
|
text-align:center;
|
|
vertical-align:middle;
|
|
}
|
|
|
|
.image img {
|
|
width:16px;
|
|
height:16px;
|
|
}
|
|
|
|
.droppable {
|
|
display:none;
|
|
height:12px;
|
|
background-color:#666;
|
|
padding:1px 1px;
|
|
margin:1px 1px;
|
|
}
|
|
|
|
.droppable_content {
|
|
background:#999;
|
|
color:#FFF;
|
|
font-size:10px;
|
|
line-height:12px;
|
|
padding:0;
|
|
text-align:center;
|
|
}
|
|
|
|
.toolbar_item{
|
|
color:#AFAFAF;
|
|
font-size: 11px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.tab_wrapper{
|
|
height:24px;
|
|
width:49%;
|
|
padding-right:2px;
|
|
float:left;
|
|
text-align:left;
|
|
font-family: Open Sans;
|
|
font-weight: 300;
|
|
font-size: 15px;
|
|
color: #FFFFFF;
|
|
position:relative;
|
|
}
|
|
|
|
#custom_tab_wrapper{
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
font-size: 11px;
|
|
background: #43AFC3;
|
|
cursor: default;
|
|
display: inline-block;
|
|
font-family: Open Sans;
|
|
font-weight: 300;
|
|
font-size: 15;
|
|
color: #FFFFFF;
|
|
list-style-type: none;
|
|
vertical-align: baseline;
|
|
box-sizing: border-box;
|
|
margin: 0;
|
|
height: 24px;
|
|
padding-top: 5px;
|
|
text-align: center;
|
|
}
|
|
.tree_frame{
|
|
height:100%;
|
|
overflow-x:hidden;
|
|
width:49%;
|
|
border:1px solid #B0B0B0;
|
|
float:left;
|
|
box-sizing: border-box;
|
|
}
|
|
.tree_wrapper{
|
|
height:100%;
|
|
}
|
|
#navmenu_tabcontainer{
|
|
position: absolute;
|
|
top: 52px;
|
|
left: 30px;
|
|
}
|
|
|
|
/*properties*/
|
|
|
|
#properties{
|
|
position:absolute;
|
|
font-family:lucida grande,tahoma,verdana,arial,sans-serif;
|
|
top:0px;
|
|
height:100%;
|
|
z-index:102;
|
|
display:block;
|
|
position:static;
|
|
left:0;
|
|
right:0;
|
|
border:0;
|
|
border-radius:0;
|
|
width: 270px;
|
|
min-width: auto;
|
|
padding-left: 0;
|
|
background:transparent;
|
|
overflow-y:scroll;
|
|
}
|
|
#properties .content{
|
|
padding: 0px;
|
|
}
|
|
#properties .pSheet{
|
|
overflow:hidden;
|
|
}
|
|
.content .pSheet{
|
|
padding: 0;
|
|
}
|
|
#properties .pSeparator{
|
|
display:none;
|
|
}
|
|
#properties .psTopBar{
|
|
display:none;
|
|
}
|
|
#properties .ctrlSelect{
|
|
display:none;
|
|
}
|
|
|
|
|
|
#properties .tdButton{
|
|
width:18px;
|
|
height:18px;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
#properties .properties_button_color{
|
|
width:18px;
|
|
height:18px;
|
|
float:right;
|
|
overflow:hidden;
|
|
cursor:pointer;
|
|
}
|
|
|
|
#properties .input_zoom{
|
|
border:1px solid #454545;
|
|
background-color:transparent;
|
|
background-repeat:repeat;
|
|
}
|
|
|
|
.form_prop_nPages{
|
|
width:100%;
|
|
padding:0px;
|
|
font-size:11px;
|
|
border:none;
|
|
float:left;
|
|
margin-bottom:3px;
|
|
color:#787878;
|
|
background-color:#F9F9F9;
|
|
border:1px solid #DEDEDE;
|
|
height:18px;
|
|
}
|
|
#properties .properties_checkbox_container{
|
|
background:transparent;
|
|
}
|
|
#properties .properties_checkbox{
|
|
height:18px
|
|
}
|
|
|
|
#properties .properties_data{
|
|
width:100%;
|
|
padding:0px;
|
|
font-size:11px;
|
|
border:none;
|
|
margin-bottom:3px;
|
|
color:#787878;
|
|
background-color:#F9F9F9;
|
|
height:18px;
|
|
}
|
|
#properties .pSeparator{
|
|
height:0px;
|
|
width:100%;
|
|
overflow:hidden;
|
|
border-width:1px 0px;
|
|
border-color:#676767 #000000;
|
|
border-style:solid;
|
|
}
|
|
#properties .propertySheet {
|
|
border:0;
|
|
border-radius:0;
|
|
}
|
|
|
|
#propertiespropertySheetResizeLeft{
|
|
display:none;
|
|
}
|
|
|
|
.nano > .pane{
|
|
background: #F3F3F3;
|
|
}
|
|
|
|
#findList {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
margin-left: 7px;
|
|
font-family: Open Sans;
|
|
font-weight: 300;
|
|
font-size: 12px;
|
|
line-height: 23px;
|
|
white-space: no-wrap;
|
|
color: #232323;
|
|
}
|
|
#findList ul {
|
|
padding: 0;
|
|
margin-left:0;
|
|
list-style-type: none;
|
|
}
|
|
#findList li {
|
|
cursor: pointer;
|
|
background-color:#f3f3f3;
|
|
margin-bottom:5px;
|
|
}
|
|
#findList li .resultName {
|
|
padding-left:5px;
|
|
}
|
|
#findList li:hover {
|
|
font-family: Open Sans;
|
|
font-weight: 300;
|
|
background-color:#00a0bd;
|
|
color:#fff;
|
|
}
|
|
#findList li .searchbold {
|
|
font-weight: 600;
|
|
}
|
|
|
|
#findList .selected {
|
|
font-family: Open Sans;
|
|
font-weight: 300;
|
|
cursor: default;
|
|
background-color:#00a0bd;
|
|
color:#fff;
|
|
}
|