2186 lines
43 KiB
CSS
Executable File
2186 lines
43 KiB
CSS
Executable File
@CHARSET "UTF-8";
|
|
/** ################ UI Styles #################### **/
|
|
html{
|
|
background: #F2F2F2;
|
|
}
|
|
#designer_header{
|
|
background-color: #F7F7F7;
|
|
border-bottom: 1px solid #aaaaaa;
|
|
}
|
|
#designer_header .row{
|
|
position: relative;
|
|
margin: 0px 20px 0px 10px;
|
|
}
|
|
.btn_back{
|
|
height: 20px;
|
|
width: 20px;
|
|
position: absolute;
|
|
left: 2px;
|
|
top: 10px;
|
|
padding: 5px;
|
|
cursor: pointer;
|
|
display: block;
|
|
}
|
|
.btn_back .ico{
|
|
display: block;
|
|
}
|
|
.btn_back:hover{
|
|
background-color: #eee;
|
|
}
|
|
#title_container{
|
|
display: inline-block;
|
|
}
|
|
.diagram_title{
|
|
display: inline-block;
|
|
font-size: 20px;
|
|
cursor: pointer;
|
|
padding: 0px 10px;
|
|
line-height: 30px;
|
|
height: 30px;
|
|
margin-top: 10px;
|
|
}
|
|
.diagram_title:hover{
|
|
background-color: #eee;
|
|
}
|
|
.diagram_title.readonly{
|
|
cursor: default;
|
|
}
|
|
.diagram_title.readonly:hover{
|
|
background-color: transparent;
|
|
}
|
|
#title_container input{
|
|
border: 1px solid #D9D9D9;
|
|
border-top: 1px solid silver;
|
|
padding: 4px 10px;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
width: 300px;
|
|
margin-top: 10px;
|
|
border-radius: 3px;
|
|
}
|
|
.input_text{
|
|
border: 1px solid #D9D9D9;
|
|
border-top: 1px solid silver;
|
|
padding: 3px 5px;
|
|
height: 18px;
|
|
line-height: 18px;
|
|
border-radius: 2px;
|
|
}
|
|
.input_select{
|
|
border: 1px solid #D9D9D9;
|
|
border-top: 1px solid silver;
|
|
padding: 3px 2px 3px 0px;
|
|
height: 26px;
|
|
line-height: 26px;
|
|
border-radius: 2px;
|
|
outline:none;
|
|
}
|
|
#designer_header{
|
|
position: relative;
|
|
}
|
|
#designer_header .row2{
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
|
|
#menu_bar{
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
#saving_tip{
|
|
display: inline-block;
|
|
float: left;
|
|
margin-left: 20px;
|
|
line-height: 28px;
|
|
color: #777;
|
|
}
|
|
#menu_bar li{
|
|
float: left;
|
|
line-height: 28px;
|
|
padding: 0px 10px;
|
|
cursor: default;
|
|
}
|
|
#menu_bar li:hover{
|
|
background-color: #eee;
|
|
}
|
|
#menu_bar li.readonly:hover{
|
|
background-color: transparent;
|
|
}
|
|
.toolbar{
|
|
padding-left: 25px;
|
|
background-color: #f3f3f3;
|
|
border-top: 1px solid #cbcccc;
|
|
height: 36px;
|
|
font-size: 12px;
|
|
min-width: 840px;
|
|
}
|
|
.toolbar .toolbar_button, .toolbar .spinner{
|
|
float: left;
|
|
margin-top: 5px;
|
|
}
|
|
.toolbar_devider{
|
|
float: left;
|
|
border-left: 1px solid #D2D2D2;
|
|
height: 36px;
|
|
margin: 0px 3px 0px 3px;
|
|
border-right: 1px solid #FAFAFA;
|
|
}
|
|
.toolbar_small_devider{
|
|
float: left;
|
|
width: 1px;
|
|
height: 20px;
|
|
background-color: #D2D2D2;
|
|
margin: 8px 3px 0px 3px;
|
|
}
|
|
.ico{
|
|
background: url(../images/diagraming/sprite.png?6) no-repeat;
|
|
height: 20px;
|
|
width: 20px;
|
|
opacity: 0.7;
|
|
}
|
|
.disabled .ico{
|
|
background-image: url(../images/diagraming/sprite_disabled.png?5);
|
|
}
|
|
.ico.undo{
|
|
background-position: 0px -20px;
|
|
}
|
|
.ico.redo{
|
|
background-position: -20px 0px;
|
|
}
|
|
.ico.sort{
|
|
background-position: 1px -637px;
|
|
}
|
|
.ico.resize{
|
|
background-position: -20px -637px;
|
|
}
|
|
.ico.brush{
|
|
background-position: -20px -20px;
|
|
}
|
|
.ico.bold{
|
|
background-position: -20px -40px;
|
|
}
|
|
.ico.italic{
|
|
background-position: 0px -60px;
|
|
}
|
|
.ico.underline{
|
|
background-position: -20px -60px;
|
|
}
|
|
.ico.fontcolor{
|
|
background-position: 0px -80px;
|
|
}
|
|
.ico.alignleft{
|
|
background-position: -20px -80px;
|
|
}
|
|
.ico.aligncenter{
|
|
background-position: 0px -100px;
|
|
}
|
|
.ico.alignright{
|
|
background-position: -20px -100px;
|
|
}
|
|
.ico.aligntop{
|
|
background-position: 0px -120px;
|
|
}
|
|
.ico.alignmiddle{
|
|
background-position: -20px -120px;
|
|
}
|
|
.ico.alignbottom{
|
|
background-position: 0px -140px;
|
|
}
|
|
.ico.fillcolor{
|
|
background-position: -20px -140px;
|
|
}
|
|
.ico.linecolor{
|
|
background-position: 0px -160px;
|
|
}
|
|
.ico.linewidth{
|
|
background-position: -20px -160px;
|
|
}
|
|
.ico.linedash{
|
|
background-position: 0px -180px;
|
|
}
|
|
.ico.linestyle{
|
|
width: 50px;
|
|
height: 2px;
|
|
}
|
|
.ico.linesolid{
|
|
background-position: 0px -202px;
|
|
}
|
|
.ico.linedashed{
|
|
background-position: 0px -215px;
|
|
}
|
|
.ico.linedot{
|
|
background-position: 0px -208px;
|
|
}
|
|
.ico.linedashdot{
|
|
background-position: 0px -222px;
|
|
}
|
|
.ico.linkertype_broken{
|
|
background-position: -20px -180px;
|
|
}
|
|
.ico.linkertype_curve{
|
|
background-position: -40px -160px;
|
|
}
|
|
.ico.linkertype_normal{
|
|
background-position: -40px -180px;
|
|
}
|
|
.ico_arrow{
|
|
width: 26px;
|
|
height: 10px;
|
|
}
|
|
.ico.larrow_none{
|
|
background-position: 0px -329px;
|
|
}
|
|
.larrow_solidarrow{
|
|
background-position: 0px -228px;
|
|
}
|
|
.larrow_dashedarrow{
|
|
background-position: 0px -240px;
|
|
}
|
|
.larrow_normal{
|
|
background-position: 0px -254px;
|
|
}
|
|
.larrow_soliddiamond{
|
|
background-position: 0px -266px;
|
|
}
|
|
.larrow_dasheddiamond{
|
|
background-position: 0px -279px;
|
|
}
|
|
.larrow_solidcircle{
|
|
background-position: 0px -293px;
|
|
}
|
|
.larrow_dashedcircle{
|
|
background-position: 0px -305px;
|
|
}
|
|
.larrow_cross{
|
|
background-position: 0px -319px;
|
|
}
|
|
.ico.rarrow_none{
|
|
background-position: -26px -329px;
|
|
}
|
|
.rarrow_solidarrow{
|
|
background-position: -26px -228px;
|
|
}
|
|
.rarrow_dashedarrow{
|
|
background-position: -26px -240px;
|
|
}
|
|
.rarrow_normal{
|
|
background-position: -26px -254px;
|
|
}
|
|
.rarrow_soliddiamond{
|
|
background-position: -26px -266px;
|
|
}
|
|
.rarrow_dasheddiamond{
|
|
background-position: -26px -279px;
|
|
}
|
|
.rarrow_solidcircle{
|
|
background-position: -26px -293px;
|
|
}
|
|
.rarrow_dashedcircle{
|
|
background-position: -26px -305px;
|
|
}
|
|
.rarrow_cross{
|
|
background-position: -26px -319px;
|
|
}
|
|
.ico_lock{
|
|
background-position: -40px -140px;
|
|
}
|
|
.ico_unlock{
|
|
background-position: -40px -120px;
|
|
}
|
|
.ico_link{
|
|
background-position: -20px -420px;
|
|
}
|
|
.ico_dock_diff {
|
|
background-position: -20px -440px;
|
|
}
|
|
.ico_risk{
|
|
background-position: -40px -620px;
|
|
}
|
|
.ico_import{
|
|
background-image: url(../../../../../img/icon/import16.png) !important;
|
|
background-size: 20px;
|
|
}
|
|
.ico_importShape{
|
|
background-image: url(../../../../../img/icon/import16.png) !important;
|
|
background-size: 20px;
|
|
}
|
|
|
|
.ico_selected{
|
|
background-position: -40px -100px;
|
|
}
|
|
.ico_accordion{
|
|
width: 8px;
|
|
height: 8px;
|
|
background-position: -40px -47px;
|
|
}
|
|
.ico_dock_nav{
|
|
background-position: -40px 0px;
|
|
}
|
|
.ico_dock_styles{
|
|
background-position: 1px -340px;
|
|
}
|
|
.ico_dock_metric{
|
|
background-position: 0px -360px;
|
|
}
|
|
.ico_dock_page{
|
|
background-position: -20px -360px;
|
|
}
|
|
.ico_dock_attribute{
|
|
background-position: -39px -360px;
|
|
}
|
|
.ico_dock_message{
|
|
background-position: 0px -440px;
|
|
}
|
|
.ico_dock_publish{
|
|
background-position: -40px -600px;
|
|
}
|
|
.ico_dock_enlarge{
|
|
background-position: -20px -500px;
|
|
}
|
|
.ico_dock_narrow{
|
|
background-position: -39px -500px;
|
|
}
|
|
.ico_dock_print{
|
|
background-position: 1px -620px;
|
|
}
|
|
.ico_dock_fullscreen{
|
|
background-position: -40px -580px;
|
|
}
|
|
.ico_dock_upfile{
|
|
background-position: -20px -621px;
|
|
}
|
|
.ico_attr_delete{
|
|
background-position: 0px -380px;
|
|
}
|
|
.ico_attr_delete:hover{
|
|
background-position: -20px -380px;
|
|
}
|
|
.gradient{
|
|
background-position: 0px -400px;
|
|
}
|
|
.ico_img{
|
|
background-position: -20px -400px;
|
|
}
|
|
.ico_front{
|
|
background-position: -40px -400px;
|
|
}
|
|
.ico_back{
|
|
background-position: 0px -420px;
|
|
}
|
|
.ico_goback{
|
|
background-position: -40px -420px;
|
|
}
|
|
.ico_chat{
|
|
background-position: 0px -440px;
|
|
margin: 4px 2px;
|
|
}
|
|
.ico_history{
|
|
background-position: -20px -440px;
|
|
}
|
|
.ico_play{
|
|
background-position: -40px -440px;
|
|
}
|
|
.ico_pause{
|
|
background-position: 0px -460px;
|
|
}
|
|
.ico_playing{
|
|
background-position: -20px -460px;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: -5px;
|
|
}
|
|
.ico_restore{
|
|
background-position: -40px -460px;
|
|
}
|
|
.ico.cut{
|
|
background-position: 0px -480px;
|
|
}
|
|
.ico.copy{
|
|
background-position: -20px -480px;
|
|
}
|
|
.ico.paste{
|
|
background-position: -40px -480px;
|
|
}
|
|
.ico.remove{
|
|
background-position: 0px -500px;
|
|
}
|
|
.ico.zoomin{
|
|
background-position: -20px -500px;
|
|
}
|
|
.ico.zoomout{
|
|
background-position: -40px -500px;
|
|
}
|
|
.ico.text{
|
|
background-position: 0px -520px;
|
|
}
|
|
.ico.gridsize{
|
|
background-position: -20px -520px;
|
|
}
|
|
.ico.padding{
|
|
background-position: -40px -520px;
|
|
}
|
|
.ico.edittext{
|
|
background-position: 0px -540px;
|
|
}
|
|
.ico.useradd{
|
|
background-position: -20px -540px;
|
|
}
|
|
.ico.chrome{
|
|
background-position: -40px -540px;
|
|
}
|
|
.ico.weibo{
|
|
background-position: 0px -560px;
|
|
}
|
|
.ico.twitter{
|
|
background-position: -20px -560px;
|
|
}
|
|
.ico_header_share{
|
|
background-position: 0px -580px;
|
|
}
|
|
.ico_remove_red{
|
|
background-position: -20px -580px;
|
|
}
|
|
.ico_fullscreen{
|
|
background-position: -40px -580px;
|
|
}
|
|
.ico_presentation{
|
|
background-position: 0px -600px;
|
|
}
|
|
.ico.firefox{
|
|
background-position: -20px -600px;
|
|
}
|
|
|
|
|
|
/** ################ Control Styles #################### **/
|
|
.toolbar_button{
|
|
height: 24px;
|
|
line-height: 24px;
|
|
min-width: 20px;
|
|
padding: 0;
|
|
text-align: center;
|
|
border: 1px solid transparent;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
-ms-border-radius: 2px;
|
|
border-radius: 2px;
|
|
position: relative;
|
|
cursor: default;
|
|
}
|
|
.toolbar_button.active, .toolbar_button:hover{
|
|
border-color: #c6c6c6;
|
|
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
-ms-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
background-color: #F8F8F8;
|
|
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
}
|
|
.toolbar_button.active:hover{
|
|
background-color: #f3f3f3;
|
|
background-image: -webkit-linear-gradient(top, #f8f8f8, #e8e8e8);
|
|
background-image: -moz-linear-gradient(top, #f8f8f8, #e8e8e8);
|
|
background-image: -ms-linear-gradient(top, #f8f8f8, #e8e8e8);
|
|
background-image: linear-gradient(top, #f8f8f8, #e8e8e8);
|
|
}
|
|
|
|
.spinner{
|
|
height: 24px;
|
|
border: 1px solid transparent;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
-ms-border-radius: 2px;
|
|
border-radius: 2px;
|
|
position: relative;
|
|
}
|
|
.spinner.active, .spinner:hover, .spinner.active:hover{
|
|
border-color: #c6c6c6;
|
|
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
-ms-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
background: #FFF;
|
|
}
|
|
.spinner_input{
|
|
margin-right: 15px;
|
|
}
|
|
.spinner input{
|
|
margin: 0px;
|
|
border: 0px;
|
|
height: 24px;
|
|
line-height: 16px;
|
|
padding: 0px;
|
|
text-align: right;
|
|
background: transparent;
|
|
width: 100%;
|
|
}
|
|
.spinner .buttons{
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
height: 24px;
|
|
width: 12px;
|
|
border-left: 1px solid transparent;
|
|
}
|
|
.spinner.active .buttons, .spinner:hover .buttons{
|
|
border-color: #c6c6c6;
|
|
background-color: #F8F8F8;
|
|
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
}
|
|
.spinner .buttons div{
|
|
background-image: url(../images/diagraming/sprite.png?5);
|
|
height: 12px;
|
|
width: 12px;
|
|
}
|
|
.spinner_up{
|
|
background-position: -44px -343px;
|
|
}
|
|
.spinner_down{
|
|
background-position: -3px -46px;
|
|
}
|
|
.spinner .buttons div:hover{
|
|
background-color: #d2d2d2;
|
|
}
|
|
|
|
.spinner.disabled:hover{
|
|
border-color: transparent;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
-ms-box-shadow: none;
|
|
box-shadow: none;
|
|
background: transparent;
|
|
}
|
|
.spinner.active.disabled, .spinner.active.disabled:hover{
|
|
border-color: #d6d6d6;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
-ms-box-shadow: none;
|
|
box-shadow: none;
|
|
background: #FFF;
|
|
}
|
|
.spinner.disabled input{
|
|
color: #b3b3b3;
|
|
}
|
|
.spinner.active.disabled .buttons, .spinner.active.disabled:hover .buttons{
|
|
border-color: #c6c6c6;
|
|
background-color: #fcfcfc;
|
|
background-image: -webkit-linear-gradient(top, #fcfcfc, #f5f5f5);
|
|
background-image: -moz-linear-gradient(top, #fcfcfc, #f5f5f5);
|
|
background-image: -ms-linear-gradient(top, #fcfcfc, #f5f5f5);
|
|
background-image: linear-gradient(top, #fcfcfc, #f5f5f5);
|
|
}
|
|
.spinner.disabled:hover .buttons{
|
|
border-color: transparent;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.spinner.disabled .buttons div:hover{
|
|
background-color: transparent;
|
|
}
|
|
.spinner.disabled .buttons div{
|
|
background-image: url(../images/diagraming/sprite_disabled.png?5);
|
|
}
|
|
|
|
.toolbar_button .ico{
|
|
margin: 2px;
|
|
}
|
|
.drop_button .ico{
|
|
margin-right: 0px;
|
|
}
|
|
.drop_button .ico_arrow{
|
|
margin-top: 7px;
|
|
margin-left: 4px;
|
|
}
|
|
.drop_button{
|
|
padding-right: 13px;
|
|
}
|
|
.toolbar_button .ico_dropdown{
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 2px;
|
|
background-position: -3px -40px;
|
|
height: 20px;
|
|
width: 13px;
|
|
margin: 0px;
|
|
}
|
|
.btn_color{
|
|
height: 3px;
|
|
width: 20px;
|
|
position: absolute;
|
|
left: 2px;
|
|
bottom: 2px;
|
|
background-color: #333;
|
|
}
|
|
.text_content{
|
|
margin: 0px 13px 0px 5px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
text-align: left;
|
|
cursor: default;
|
|
}
|
|
.toolbar_button.disabled{
|
|
color: #b3b3b3;
|
|
}
|
|
.toolbar_button.disabled:hover{
|
|
border-color: transparent;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
-ms-box-shadow: none;
|
|
box-shadow: none;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
.toolbar_button.active.disabled, .toolbar_button.active.disabled:hover{
|
|
border-color: #d6d6d6;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
-ms-box-shadow: none;
|
|
box-shadow: none;
|
|
background-color: #fcfcfc;
|
|
background-image: -webkit-linear-gradient(top, #fcfcfc, #f5f5f5);
|
|
background-image: -moz-linear-gradient(top, #fcfcfc, #f5f5f5);
|
|
background-image: -ms-linear-gradient(top, #fcfcfc, #f5f5f5);
|
|
background-image: linear-gradient(top, #fcfcfc, #f5f5f5);
|
|
}
|
|
.toolbar_button.selected, .toolbar_button.selected:hover{
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
|
|
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
|
|
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
|
|
background-color: #eee;
|
|
background-image: -webkit-linear-gradient(top,#eee,#e0e0e0);
|
|
background-image: -moz-linear-gradient(top,#eee,#e0e0e0);
|
|
background-image: -ms-linear-gradient(top,#eee,#e0e0e0);
|
|
background-image: -o-linear-gradient(top,#eee,#e0e0e0);
|
|
background-image: linear-gradient(top,#eee,#e0e0e0);
|
|
border-color: #ccc;
|
|
}
|
|
.toolbar_button.disabled .btn_color{
|
|
opacity: 0.3;
|
|
filter:alpha(opacity=30);
|
|
}
|
|
#font_align_list{
|
|
padding: 4px;
|
|
width: 78px;
|
|
height: 52px;
|
|
}
|
|
#font_align_list li{
|
|
float: left;
|
|
width:20px;
|
|
height: 20px;
|
|
padding: 3px;
|
|
border-radius: 2px;
|
|
}
|
|
#line_style_list li{
|
|
padding-top: 12px;
|
|
padding-bottom: 12px;
|
|
}
|
|
#line_type_list{
|
|
padding: 4px;
|
|
}
|
|
#line_type_list li{
|
|
width:20px;
|
|
height: 20px;
|
|
padding: 3px;
|
|
border-radius: 2px;
|
|
}
|
|
#beginarrow_list li, #endarrow_list li{
|
|
padding: 8px 30px;
|
|
}
|
|
|
|
.color_picker{
|
|
padding: 0px 10px 10px;
|
|
z-index: 1;
|
|
}
|
|
.color_items{
|
|
border-color: #000;
|
|
border-width: 0 1px 1px 0;
|
|
border-style: solid;
|
|
width: 156px;
|
|
margin-top: 10px;
|
|
}
|
|
.color_extend{
|
|
margin-top: 10px;
|
|
width: 156px;
|
|
position: relative;
|
|
}
|
|
.color_extend .toolbar_button{
|
|
display: inline-block;
|
|
padding: 0px 2px;
|
|
}
|
|
#bar_fill_img{
|
|
margin-left: 5px;
|
|
}
|
|
#bar_fill_more{
|
|
position: absolute;
|
|
right: 0px; top: 0px;
|
|
padding: 0px 10px;
|
|
}
|
|
.color_items div{
|
|
height: 12px;
|
|
width: 12px;
|
|
float: left;
|
|
border: #000 solid 1px;
|
|
border-width: 1px 0 0 1px;
|
|
}
|
|
.color_items div:hover{
|
|
position: relative;
|
|
border: #FFF solid 2px;
|
|
margin: -1px -2px -2px -1px;
|
|
}
|
|
.color_items .selected{
|
|
position: relative;
|
|
border: #f7ddaa solid 2px;
|
|
margin: -1px -2px -2px -1px;
|
|
}
|
|
.color_items .clear{
|
|
border: 0px;
|
|
float: none;
|
|
height: 0px;
|
|
width: 100%;
|
|
clear: both;
|
|
}
|
|
.options_menu{
|
|
display: none;
|
|
}
|
|
.options_menu li{
|
|
width: 180px;
|
|
position: relative;
|
|
color: #333;
|
|
text-shadow: none;
|
|
padding: 0px 30px;
|
|
}
|
|
.options_menu.noico li{
|
|
padding: 0px 20px;
|
|
}
|
|
.options_menu li .ico{
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 5px;
|
|
}
|
|
.options_menu li .extend{
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 0px;
|
|
color: #777;
|
|
text-align: right;
|
|
}
|
|
.options_menu li .ex_arrow{
|
|
color: #888;
|
|
}
|
|
.options_menu li:hover .extend{
|
|
/* color: #a9ddf3; */
|
|
}
|
|
.options_menu li:hover .ex_arrow{
|
|
color: #444;
|
|
}
|
|
.options_menu li.disabled:hover .extend{
|
|
color: #ccc;
|
|
}
|
|
.options_menu li.disabled .extend{
|
|
color: #ccc;
|
|
}
|
|
.options_menu li.disabled .ex_arrow{
|
|
color: #C9C9C9;
|
|
}
|
|
.options_menu li.disabled:hover .ex_arrow{
|
|
color: #C9C9C9;
|
|
}
|
|
.options_menu li:hover .extend_menu{
|
|
display: block;
|
|
}
|
|
.options_menu li.disabled:hover .extend_menu{
|
|
display: none;
|
|
}
|
|
.extend_menu{
|
|
position: absolute;
|
|
border-top-left-radius: 0px;
|
|
border-left: 1px solid #999;
|
|
top: -5px;
|
|
right: -162px;
|
|
display: none;
|
|
}
|
|
.extend_menu li{
|
|
width: 120px;
|
|
padding: 0px 20px;
|
|
}
|
|
.extend_menu.menu_ico li{
|
|
width: 100px;
|
|
padding: 0px 30px;
|
|
}
|
|
.extend_menu .list_text{
|
|
color: #999;
|
|
}
|
|
.extend_menu .list_text:hover{
|
|
color: #999;
|
|
background-color: transparent;
|
|
background-image: none;
|
|
filter: none;
|
|
text-shadow:none;
|
|
}
|
|
.options_menu .ico_selected{
|
|
position: absolute;
|
|
left: 2px;
|
|
top: 1px;
|
|
}
|
|
|
|
.dialog{
|
|
background-color: #fff;
|
|
position: absolute;
|
|
border: 1px solid #acacac;
|
|
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
|
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
|
|
display: none;
|
|
z-index: 1;
|
|
}
|
|
.dlg_close{
|
|
position: absolute;
|
|
top: 15px;
|
|
right: 10px;
|
|
background-position: 0px -380px;
|
|
cursor: pointer;
|
|
}
|
|
.dlg_close:hover{
|
|
background-position: -20px -380px;
|
|
}
|
|
.dlg_mask{
|
|
background: #fff;
|
|
opacity: 0.60;
|
|
filter: alpha(opacity=60);
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 3000px;
|
|
height: 3000px;
|
|
}
|
|
.dialog_header{
|
|
height: 50px;
|
|
line-height: 50px;
|
|
font-size: 20px;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
padding: 0px 30px 0px 20px;
|
|
cursor: default;
|
|
}
|
|
.dialog_content{
|
|
padding: 15px 20px;
|
|
}
|
|
.dialog_buttons{
|
|
padding: 0px 20px 20px;
|
|
text-align: right;
|
|
}
|
|
|
|
.export-list li{
|
|
padding: 10px 0px;
|
|
border-bottom: 1px solid #EFEFEF;
|
|
font-weight: bold;
|
|
}
|
|
.export_des{
|
|
font-weight: normal;
|
|
color: #555;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.mark_content{
|
|
display:none;
|
|
max-width: 280px;
|
|
padding-bottom: 15px;
|
|
}
|
|
.mark_content .dialog_header{
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 10px 30px 5px 13px;
|
|
}
|
|
.mark_content .dlg_close{
|
|
top: 12px;
|
|
}
|
|
.mark_content ._content{
|
|
margin: 5px 10px 5px 10px;
|
|
line-height: 20px;
|
|
}
|
|
.mark_content .arr-icon{
|
|
position: absolute;
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
.mark_content .mark_next{
|
|
text-align: right;
|
|
padding-right: 15px;
|
|
}
|
|
.mark_content .mark_next span{
|
|
cursor: pointer;
|
|
height: 24px;
|
|
line-height: 24px;
|
|
padding: 0px 5px;
|
|
}
|
|
.mark_content p{
|
|
margin: 0px;
|
|
padding: 4px 0px;
|
|
}
|
|
.arr-icon .arr-border{
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
left: 0;
|
|
border-width: 10px 12px 10px 0px;
|
|
border-color: transparent #b4b4b4 transparent transparent;
|
|
border-style: dashed solid dashed none;
|
|
overflow: hidden;
|
|
}
|
|
.arr-icon .inner-arr{
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
left: 1px;
|
|
border-width: 10px 12px 10px 0px;
|
|
border-color: transparent #fff transparent transparent;
|
|
border-style: dashed solid dashed none;
|
|
overflow: hidden;
|
|
}
|
|
.arr-icon.left{
|
|
top: 45%;
|
|
left: -12px;
|
|
}
|
|
.arr-icon.top{
|
|
top: -12px;
|
|
left: 45%;
|
|
-webkit-transform: rotate(90deg);
|
|
-moz-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
-o-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
}
|
|
.arr-icon.right{
|
|
right: -12px;
|
|
top: 45%;
|
|
-webkit-transform: rotate(180deg);
|
|
-moz-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
-o-transform: rotate(180deg);
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.non_support_mask{
|
|
text-shadow: 0 1px rgba(255, 255, 255, .9);
|
|
background: #F2F2F2;
|
|
color: #666;
|
|
font-size: .75em;
|
|
font-family: NewsGothic,"News Gothic MT","Lucida Sans","Lucida Grande",sans-serif !important;
|
|
}
|
|
.no_sup_mask_main{
|
|
position: relative;
|
|
margin: 0px auto;
|
|
padding: 0 25px;
|
|
max-width: 700px;
|
|
text-align: center;
|
|
}
|
|
.no_sup_mask_main h1{
|
|
margin: 50px 0px 30px;
|
|
display: block;
|
|
font-size: 64px;
|
|
font-weight: 100;
|
|
}
|
|
.no_sup_mask_main h1 del{
|
|
color: #999;
|
|
text-decoration: line-through;
|
|
}
|
|
.no_sup_mask_main p{
|
|
margin: 20px 0px;
|
|
font-size: 14px;
|
|
line-height: 26px;
|
|
}
|
|
.bs_logo_list{
|
|
height: 80px;
|
|
}
|
|
.bs_logo_list a{
|
|
display: inline-block;
|
|
width: 80px;
|
|
height: 80px;
|
|
overflow: hidden;
|
|
margin: 0px 5px;
|
|
background: url("../images/diagraming/support_browsers_list.png") 0px 0px no-repeat;
|
|
}
|
|
.non_support_mask .no_sup_mask_main .bs_logo_list a.sup_chrome{
|
|
background-position: 0px 0px;
|
|
}
|
|
.non_support_mask .no_sup_mask_main .bs_logo_list a.sup_firefox{
|
|
background-position: -80px 0px;
|
|
}
|
|
.non_support_mask .no_sup_mask_main .bs_logo_list a.sup_ie{
|
|
background-position: -160px 0px;
|
|
}
|
|
.non_support_mask .no_sup_mask_main .bs_logo_list a.sup_safari{
|
|
background-position: 0px -80px;
|
|
}
|
|
.non_support_mask .no_sup_mask_main .bs_logo_list a.sup_opera{
|
|
background-position: -80px -80px;
|
|
}
|
|
.non_support_mask .no_sup_footer{
|
|
position: fixed;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
background-color: #272727;
|
|
padding: 25px 25px 20px;
|
|
}
|
|
.non_support_mask .no_sup_footer .processon_logo{
|
|
display: inline-block;
|
|
width: 120px;
|
|
height: 26px;
|
|
background: url("/images/default/logo/logo_m.png") no-repeat;
|
|
}
|
|
|
|
/* Dock */
|
|
#dock{
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
border-width: 0px 0px 1px 1px;
|
|
border-color: #aaa;
|
|
border-style: solid;
|
|
background: #f5f5f5;
|
|
border-bottom-left-radius: 3px;
|
|
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
-ms-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
z-index: 1;
|
|
}
|
|
.dock_header{
|
|
background: #5c5c5c;
|
|
background-image: -webkit-linear-gradient(top,#5c5c5c,#3e3e3e);
|
|
background-image: -moz-linear-gradient(top,#5c5c5c,#3e3e3e);
|
|
background-image: -ms-linear-gradient(top,#5c5c5c,#3e3e3e);
|
|
background-image: -o-linear-gradient(top,#5c5c5c,#3e3e3e);
|
|
background-image: linear-gradient(top,#5c5c5c,#3e3e3e);
|
|
height: 8px;
|
|
border-top: 1px solid #646464;
|
|
border-bottom: 1px solid #000;
|
|
width: 36px;
|
|
}
|
|
.dock_buttons{
|
|
border-top: 1px solid #f9f9f9;
|
|
padding: 0px 0px 10px;
|
|
}
|
|
.dock_buttons .ico{
|
|
opacity: 1;
|
|
}
|
|
#dock .toolbar_button{
|
|
margin: 5px 5px 0px 5px;
|
|
}
|
|
.dock_view{
|
|
background: #f5f5f5;
|
|
border: 1px solid #999;
|
|
-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.33);
|
|
-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.33);
|
|
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.33);
|
|
z-index: 0;
|
|
position: absolute;
|
|
top: 10px;
|
|
display: none;
|
|
width: 220px;
|
|
}
|
|
.dock_view_header{
|
|
height: 18px;
|
|
line-height: 18px;
|
|
border-top: #bfbfbf solid 1px;
|
|
border-bottom: #666666 solid 1px;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.33);
|
|
background-color: #a6a6a6;
|
|
background-image: -webkit-linear-gradient(top,#b2b2b2,#9b9b9b);
|
|
background-image: -moz-linear-gradient(top,#b2b2b2,#9b9b9b);
|
|
background-image: -ms-linear-gradient(top,#b2b2b2,#9b9b9b);
|
|
background-image: -o-linear-gradient(top,#b2b2b2,#9b9b9b);
|
|
background-image: linear-gradient(top,#b2b2b2,#9b9b9b);
|
|
padding: 0px 10px;
|
|
position: relative;
|
|
}
|
|
.ico_dock_collapse{
|
|
width: 12px;
|
|
height: 12px;
|
|
position: absolute;
|
|
right: 3px;
|
|
top: 2px;
|
|
background-position: -43px -24px;
|
|
cursor: pointer;
|
|
border-radius: 2px;
|
|
border: 1px solid transparent;
|
|
}
|
|
.ico_dock_collapse:hover{
|
|
background-color: #878787;
|
|
border-color: #737373;
|
|
}
|
|
.dock_content{
|
|
padding: 5px 10px 10px;
|
|
position: relative;
|
|
}
|
|
.dock_content_title{
|
|
font-weight: bold;
|
|
margin: 5px 0px;
|
|
}
|
|
.dock_devider{
|
|
height: 0px;
|
|
border-width: 1px 0px;
|
|
border-style: solid;
|
|
border-top-color: #c4c4c4;
|
|
border-bottom-color: #fff;
|
|
margin-top: 10px;
|
|
clear: both;
|
|
}
|
|
.fill_detail{
|
|
margin-top: 10px;
|
|
display: none;
|
|
}
|
|
.picker_btn{
|
|
position: relative;
|
|
border: 2px solid #d2d2d2;
|
|
display: inline-block;
|
|
border-radius: 2px;
|
|
}
|
|
.picker_btn.disabled{
|
|
border-color: #dcdcdc;
|
|
}
|
|
.disabled .ico_colordrop{
|
|
background-color: #e5e5e5;
|
|
}
|
|
.disabled .picker_btn_holder{
|
|
opacity: 0.3;
|
|
filter:alpha(opacity=30);
|
|
}
|
|
.picker_btn_holder{
|
|
width: 20px;
|
|
height: 20px;
|
|
background: white;
|
|
border: 1px solid #f0f0f0;
|
|
}
|
|
.ico_colordrop{
|
|
position: absolute;
|
|
right: 0px;
|
|
bottom: 0px;
|
|
background-position: -5px -46px;
|
|
height: 9px;
|
|
width: 9px;
|
|
background-color: #d2d2d2;
|
|
border-top: 1px solid #f0f0f0;
|
|
border-left: 1px solid #e6e6e6;
|
|
border-top-left-radius: 1px;
|
|
}
|
|
.gradient_swap{
|
|
background-position: -20px -340px;
|
|
display: inline-block;
|
|
}
|
|
.btn_normal{
|
|
display: inline-block;
|
|
margin-top: 0px;
|
|
}
|
|
.btn_inline{
|
|
float: left;
|
|
}
|
|
#gradient_swap{
|
|
margin: 0px 5px 0px 5px;
|
|
}
|
|
.gradient_details{
|
|
margin-top: 10px;
|
|
float: right;
|
|
display: none;
|
|
}
|
|
#dock_line_style .linestyle{
|
|
margin-top: 12px;
|
|
margin-left: 5px;
|
|
}
|
|
.dock_label{
|
|
display: inline-block;
|
|
line-height: 26px;
|
|
float: left;
|
|
margin-right:5px;
|
|
min-width: 26px;
|
|
text-align: right;
|
|
}
|
|
.dock_page_menu{
|
|
z-index: 1;
|
|
}
|
|
|
|
.attr_add{
|
|
padding: 5px 10px 0px;
|
|
}
|
|
.attr_add_items{
|
|
display: none;
|
|
}
|
|
.attr_list{
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
.attr_none{
|
|
padding: 30px 0px;
|
|
text-align: center;
|
|
}
|
|
.attr_item{
|
|
padding-left: 10px;
|
|
margin-top: 1px;
|
|
position: relative;
|
|
}
|
|
.attr_item:hover{
|
|
background-color: #ebebeb;
|
|
}
|
|
.attr_item .ico_attr_delete{
|
|
position: absolute;
|
|
right: 5px;
|
|
top: 4px;
|
|
z-index: 1;
|
|
cursor: pointer;
|
|
display: none;
|
|
}
|
|
.attr_item:hover .ico_attr_delete{
|
|
display: block;
|
|
}
|
|
.attr_name{
|
|
width: 100px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
float: left;
|
|
}
|
|
.attr_type{
|
|
width: 60px;
|
|
margin-left: 10px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
float: left;
|
|
}
|
|
.attr_value{
|
|
width: 130px;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
margin-left: 10px;
|
|
height: 28px;
|
|
line-height: 28px;
|
|
float: left;
|
|
}
|
|
.attr_editing{
|
|
background-color: #ebebeb;
|
|
}
|
|
.attr_item.attr_editing .ico_attr_delete{
|
|
display: none;
|
|
}
|
|
.attr_editing .input_text, .attr_editing .input_select{
|
|
margin-top: 1px;
|
|
}
|
|
.attr_edit_display{
|
|
padding-top: 5px;
|
|
}
|
|
.attr_edit_btns{
|
|
clear: both;
|
|
padding: 5px 0px;
|
|
border-top: 1px solid #ccc;
|
|
margin-top: 5px;
|
|
}
|
|
.attr_edit_btns div{
|
|
display: inline-block;
|
|
width: 70px;
|
|
}
|
|
.attr_display_options .opt_area{
|
|
float: left;
|
|
width: 110px;
|
|
padding-top: 5px;
|
|
}
|
|
.attr_display_options .location_area{
|
|
margin-left: 10px;
|
|
width: 200px;
|
|
}
|
|
.location_area .dock_label{
|
|
width: 66px;
|
|
text-align: left;
|
|
margin-top: 5px;
|
|
}
|
|
.location_area .toolbar_button{
|
|
width: 125px;
|
|
margin-top: 5px;
|
|
}
|
|
#attr_display_icon img{
|
|
margin-top: 2px;
|
|
}
|
|
#attr_icon_list li{
|
|
width: 120px;
|
|
height: 245px;
|
|
background: url(../images/diagraming/data-attr-icons.png) no-repeat;
|
|
padding: 0px;
|
|
margin: 0px 5px;
|
|
}
|
|
#attr_icon_list div{
|
|
float: left;
|
|
width: 22px;
|
|
height: 21px;
|
|
border: 1px solid transparent;
|
|
}
|
|
#attr_icon_list .attr_icon_item:hover{
|
|
border-color: #6EB1EB;
|
|
}
|
|
.attr_location_menu li{
|
|
position: relative;
|
|
padding: 0px 10px 0px 30px;
|
|
width: 85px;
|
|
}
|
|
.location_content{
|
|
position: relative;
|
|
margin: 0px 13px 0px 5px;
|
|
padding-left: 23px;
|
|
}
|
|
.attr_location_menu li div, .location_content div{
|
|
position: absolute;
|
|
width: 11px;
|
|
height: 11px;
|
|
left: 10px;
|
|
top: 6px;
|
|
border: 1px solid #333;
|
|
background: white;
|
|
}
|
|
.location_content div{
|
|
left: 5px;
|
|
}
|
|
.attr_location_menu span, .location_content span{
|
|
display: block;
|
|
position: absolute;
|
|
width: 5px;
|
|
height: 5px;
|
|
background: #dd4b39;
|
|
top: 3px;
|
|
left: 3px;
|
|
}
|
|
|
|
.image_sources{
|
|
float: left;
|
|
padding: 15px 0px;
|
|
}
|
|
.image_sources li{
|
|
height: 30px;
|
|
line-height: 30px;
|
|
width: 160px;
|
|
padding-left: 16px;
|
|
border-left: 4px solid transparent;
|
|
cursor: pointer;
|
|
}
|
|
.image_sources li.active{
|
|
border-color: #dd4b39;
|
|
color: #cf4236;
|
|
font-weight: bold;
|
|
}
|
|
.image_sources li:hover{
|
|
background: #eee;
|
|
}
|
|
.image_content{
|
|
float: left;
|
|
border-left: 1px solid #e5e5e5;
|
|
}
|
|
.image_list{
|
|
border-bottom: 1px solid #e5e5e5;
|
|
width: 600px;
|
|
padding: 15px 20px;
|
|
overflow-y: auto;
|
|
}
|
|
#btn_img_upload{
|
|
display: inline-block;
|
|
position: relative;
|
|
text-align: left;
|
|
padding-right: 10px;
|
|
float: left;
|
|
}
|
|
#btn_img_upload div{
|
|
float: left;
|
|
margin: 2px 0px 0px 5px;
|
|
background-position: -40px -380px;
|
|
}
|
|
#btn_img_upload input{
|
|
width: 100%;
|
|
height: 26px;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
border: 0px;
|
|
left: 0px;
|
|
top: 0px;
|
|
opacity: 0;
|
|
filter:alpha(opacity=0);
|
|
position: absolute;
|
|
}
|
|
#upload_img_res{
|
|
color: #cf4236;
|
|
margin-left: 10px;
|
|
line-height: 26px;
|
|
}
|
|
.image_btns{
|
|
height: 30px;
|
|
padding: 15px 20px;
|
|
}
|
|
.image_btns div{
|
|
width: 60px;
|
|
margin-right: 5px;
|
|
}
|
|
#set_image_text{
|
|
color: #555;
|
|
}
|
|
#set_image_text.errored{
|
|
color: #cf4236;
|
|
}
|
|
.image_items{
|
|
padding: 15px 0px;
|
|
}
|
|
.image_item{
|
|
float: left;
|
|
width: 140px;
|
|
height: 140px;
|
|
text-align: center;
|
|
border-radius: 4px;
|
|
position: relative;
|
|
}
|
|
.image_item:hover{
|
|
background-color: #F3F3F3;
|
|
box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
|
|
}
|
|
.image_item .ico{
|
|
position: absolute;
|
|
right: -10px;
|
|
top: -10px;
|
|
cursor: pointer;
|
|
}
|
|
.image_items img{
|
|
max-width: 120px;
|
|
max-height: 120px;
|
|
-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
|
|
-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
|
|
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
|
|
}
|
|
.image_item_selected, .image_item_selected:hover{
|
|
background-color: #63ABF7;
|
|
box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.2);
|
|
}
|
|
#img_url_area{
|
|
padding: 20px 0px;
|
|
text-align: center;
|
|
}
|
|
#img_url_area img{
|
|
max-width: 600px;
|
|
}
|
|
.img_url_loading{
|
|
display: none;
|
|
}
|
|
.img_url_loading_tip{
|
|
display: block;
|
|
color:#666;
|
|
margin-top: 80px;
|
|
}
|
|
.img_url_error{
|
|
color: #cf4236;
|
|
margin-top: 80px;
|
|
text-align: left;
|
|
}
|
|
.img_url_error ul{
|
|
margin: 10px 0px 0px 30px;
|
|
list-style: disc;
|
|
}
|
|
.tip_content b{
|
|
color: #cf4236;
|
|
}
|
|
.img_gg_loading_tip{
|
|
color:#666;
|
|
line-height: 40px;
|
|
height: 40px;
|
|
text-align: center;
|
|
}
|
|
.gg_img_more{
|
|
margin: 15px auto;
|
|
}
|
|
#history_versions{
|
|
overflow-y: auto;
|
|
min-height: 140px;
|
|
position: relative;
|
|
}
|
|
#history_versions li{
|
|
border-bottom: 1px solid #ddd;
|
|
padding: 5px 10px;
|
|
cursor: default;
|
|
position: relative;
|
|
}
|
|
#history_versions li:hover{
|
|
background: #ebebeb;
|
|
}
|
|
.version_name{
|
|
color: #808080;
|
|
}
|
|
.version_name div, .history_remark{
|
|
padding: 2px 0px 0px;
|
|
}
|
|
#history_versions .selected, #history_versions .selected:hover{
|
|
background-color: #e6e6e6;
|
|
}
|
|
#history_versions .selected .version_time{
|
|
color: #d14836;
|
|
font-weight: bold;
|
|
}
|
|
.remark_container a{
|
|
display: none;
|
|
}
|
|
#history_versions .selected .remark_container a{
|
|
display: inline-block;
|
|
}
|
|
#history_versions .selected.playing .remark_container a{
|
|
display: none;
|
|
}
|
|
.edit_container{
|
|
display: none;
|
|
}
|
|
.edit_container textarea{
|
|
width: 179px;
|
|
height: 36px;
|
|
}
|
|
.edit_container a{
|
|
margin-top: 4px;
|
|
}
|
|
.history_bar{
|
|
padding: 10px;
|
|
height: 26px;
|
|
-webkit-box-shadow: 0 -4px 16px rgba(0,0,0,0.2);
|
|
-moz-box-shadow: 0 -4px 16px rgba(0,0,0,0.2);
|
|
box-shadow: 0 -4px 16px rgba(0,0,0,0.2);
|
|
}
|
|
.history_bar .toolbar_button, .history_bar .spinner{
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
.history_bar .toolbar_button{
|
|
margin-left: 5px;
|
|
cursor: pointer;
|
|
}
|
|
.history_msg{
|
|
display: none;
|
|
}
|
|
#btn_history_restore{
|
|
float: right;
|
|
}
|
|
/*****************************colla-add-dialog********************************/
|
|
.designer_button{
|
|
display: inline-block;
|
|
line-height:30px;
|
|
border: 0px;
|
|
height:30px;
|
|
padding:0px 10px;
|
|
text-align: center;
|
|
background-color: #2EB5E5;
|
|
background-image: -moz-linear-gradient(top, #34C0E9, #29AAE1);
|
|
background-image: -webkit-linear-gradient(top, #34C0E9, #29AAE1);
|
|
background-image: -o-linear-gradient(top, #34C0E9, #29AAE1);
|
|
background-image: -ms-linear-gradient(top, #34C0E9, #29AAE1);
|
|
background-image: linear-gradient(top, #34C0E9, #29AAE1);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c0e9', endColorstr='#29aae1',GradientType=0 );
|
|
color: white;
|
|
cursor: pointer;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
|
|
border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
-o-border-radius: 2px;
|
|
-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
|
|
-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);
|
|
min-width: 50px;
|
|
}
|
|
.designer_button:hover{
|
|
background-color: #2EB5E5;
|
|
background-image: -moz-linear-gradient(top, #34c0df, #29aad7);
|
|
background-image: -webkit-linear-gradient(top, #34c0df, #29aad7);
|
|
background-image: -o-linear-gradient(top, #34c0df, #29aad7);
|
|
background-image: -ms-linear-gradient(top, #34c0df, #29aad7);
|
|
background-image: linear-gradient(top, #34c0df, #29aad7);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34c0df', endColorstr='#29aad7',GradientType=0 );
|
|
text-decoration: none;
|
|
}
|
|
.designer_button.disabled, .designer_button.disabled:hover{
|
|
background-color: #48d4fd;
|
|
background-image: -moz-linear-gradient(top, #48d4fd, #3dbeeb);
|
|
background-image: -webkit-linear-gradient(top, #48d4fd, #3dbeeb);
|
|
background-image: -o-linear-gradient(top, #48d4fd, #3dbeeb);
|
|
background-image: -ms-linear-gradient(top, #48d4fd, #3dbeeb);
|
|
background-image: linear-gradient(top, #48d4fd, #3dbeeb);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48d4fd', endColorstr='#3dbeeb',GradientType=0 );
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
cursor: default;
|
|
color: #e6e6e6;
|
|
}
|
|
.designer_button.normal{
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
|
|
color: #333;
|
|
line-height:28px;
|
|
height:28px;
|
|
border: 1px solid #c6c6c6;
|
|
background-color: #F8F8F8;
|
|
min-width: 48px;
|
|
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#f1f1f1',GradientType=0 );
|
|
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
-ms-box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
box-shadow: 0px 1px 1px rgba(0,0,0,.1);
|
|
}
|
|
.designer_button.normal:hover{
|
|
background-color: #f3f3f3;
|
|
background-image: -webkit-linear-gradient(top, #f8f8f8, #e8e8e8);
|
|
background-image: -moz-linear-gradient(top, #f8f8f8, #e8e8e8);
|
|
background-image: -ms-linear-gradient(top, #f8f8f8, #e8e8e8);
|
|
background-image: -o-linear-gradient(top, #f8f8f8, #e8e8e8);
|
|
background-image: linear-gradient(top, #f8f8f8, #e8e8e8);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 );
|
|
}
|
|
|
|
#colla_suggest_box .alert{
|
|
margin-top: 10px;
|
|
}
|
|
.colla_suggest li{
|
|
padding: 2px;
|
|
cursor: pointer;
|
|
}
|
|
.colla_suggest li:hover{
|
|
background-color: #eee;
|
|
}
|
|
.colla_suggest li.seled{
|
|
background-color: #63ABF7;
|
|
color: white;
|
|
}
|
|
.colla_suggest img{
|
|
width: 25px;
|
|
height: 25px;
|
|
border-radius: 3px;
|
|
vertical-align: middle;
|
|
margin-right: 8px;
|
|
}
|
|
|
|
/***调整****/
|
|
._update{
|
|
-webkit-transition: all .15s ease-in-out 0.05s;
|
|
-o-transition: all .15s ease-in-out 0.05s;
|
|
-moz-transition: all .15s ease-in-out 0.05s;
|
|
transition: all .15s ease-in-out 0.05s;
|
|
}
|
|
|
|
#colla_dialog .role_list{
|
|
border: 1px solid #d9d9d9;
|
|
padding: 1px;
|
|
width: 488px;
|
|
max-height: 130px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
margin-bottom: 20px;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
#colla_dialog .role_list .role_item{
|
|
height: 25px;
|
|
padding: 2px 0px;
|
|
overflow: hidden;
|
|
line-height: 25px;
|
|
position: relative;
|
|
border-top: 1px solid #f1f0f0;
|
|
}
|
|
#colla_dialog .role_list .role_item.top{
|
|
border-top: 0px;
|
|
}
|
|
#colla_dialog .role_list .role_item span{
|
|
display: inline-block;
|
|
position: relative;
|
|
line-height: 25px;
|
|
height: 25px;
|
|
}
|
|
#colla_dialog .role_list .role_item .role_photo{
|
|
width: 25px;
|
|
float: left;
|
|
margin-left: 5px;
|
|
}
|
|
#colla_dialog .role_list .role_item .role_photo img{
|
|
width: 25px;
|
|
height: 25px;
|
|
border: 0px;
|
|
display: block;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
}
|
|
#colla_dialog .role_list .role_item .role_username{
|
|
text-align: left;
|
|
width: 410px;
|
|
margin-left: 10px;
|
|
float: left;
|
|
}
|
|
.role_username .inviting_{
|
|
display: inline-block;
|
|
width: 60px;
|
|
float: right;
|
|
margin-right: 50px;
|
|
text-align: right;
|
|
}
|
|
#colla_dialog ._fail{
|
|
color: red;
|
|
}
|
|
#colla_dialog .role_list .role_item .role_name{
|
|
width: 18px;
|
|
height: 18px !important;
|
|
line-height: 18px !important;
|
|
margin: 3px 0px;
|
|
cursor: pointer;
|
|
margin: 3px 0px 3px 10px;
|
|
display: none;
|
|
opacity: 0.9;
|
|
filter: alpha(opacity=90);
|
|
background: url(../images/diagraming/sprite.png?5) no-repeat;
|
|
background-position: -1px -381px;
|
|
float: left;
|
|
}
|
|
#colla_dialog .role_list .role_item:hover .role_name{
|
|
display: inline-block;
|
|
}
|
|
#colla_dialog .role_list .role_item:hover .role_name:hover{
|
|
background-position: -21px -381px;
|
|
}
|
|
.role_username .given_role{
|
|
width: 66px;
|
|
float: right;
|
|
margin-right: 20px;
|
|
text-align: left;
|
|
}
|
|
.select_add_role{
|
|
margin-bottom: 10px;
|
|
}
|
|
.given_role select{
|
|
margin: 3px 0px;
|
|
line-height: 18px !important;
|
|
height: 18px !important;
|
|
width: 66px;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
}
|
|
.given_role select option{
|
|
line-height: 18px !important;
|
|
height: 18px !important;
|
|
}
|
|
.given_role .change_success{
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin: 3px 0px;
|
|
height: 18px !important;
|
|
width: 40px;
|
|
line-height: 18px !important;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-weight: bolder;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
font-size: 12px;
|
|
background: #63ABF7;
|
|
border-radius: 3px 0px 0px 3px;
|
|
-webkit-border-radius: 3px 0px 0px 3px;
|
|
-moz-border-radius: 3px 0px 0px 3px;
|
|
}
|
|
#input_add_colla{
|
|
width: 480px; padding: 4px 5px;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;
|
|
margin-bottom: 10px;
|
|
}
|
|
#colla_suggest_box{
|
|
background: url("../images/network/man2.png") center center no-repeat;
|
|
background-size: 90px 90px;
|
|
height: 130px;
|
|
width: 486px;
|
|
padding: 2px;
|
|
border: 1px solid #d9d9d9;
|
|
overflow: auto;
|
|
}
|
|
.new_invitation_container .badge{
|
|
padding: 2px 6px;margin-right: 5px;
|
|
}
|
|
.add_new_button .designer_button{
|
|
height: 25px;line-height: 25px;margin-bottom: 15px;
|
|
}
|
|
#confirm_dlg{
|
|
display: none;
|
|
position: absolute;
|
|
background: #fff;
|
|
z-index: 999;
|
|
overflow: hidden;
|
|
border: 1px solid #acacac;
|
|
width: 50px;
|
|
height: 25px;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
-webkit-transition: all .15s ease-in-out 0.05s;
|
|
-o-transition: all .15s ease-in-out 0.05s;
|
|
-moz-transition: all .15s ease-in-out 0.05s;
|
|
transition: all .15s ease-in-out 0.05s;
|
|
}
|
|
#confirm_dlg.newSize{
|
|
width: 270px;
|
|
height: 102px;
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
-webkit-box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.3);
|
|
-moz-box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.3);
|
|
box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.3);
|
|
}
|
|
#confirm_dlg .confirm_header{
|
|
height: 30px;
|
|
padding: 0px 10px;
|
|
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
line-height: 30px;
|
|
font-size: 15px;
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
#confirm_dlg .confirm_content{
|
|
text-align: center;
|
|
margin: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
#confirm_dlg .confirm_content p{
|
|
padding: 0px;margin: 0px;
|
|
}
|
|
#confirm_dlg .confirm_content .designer_button{
|
|
float: right;height: 25px;line-height: 25px;width: 50px;margin:auto;margin-top: 10px;display: block;
|
|
}
|
|
/*****************************colla-add-dialog********end************************/
|
|
|
|
#hotkey_list{
|
|
width: auto;
|
|
}
|
|
#hotkey_list .dialog_content{
|
|
padding:0px;
|
|
max-height: 500px;
|
|
overflow:auto;
|
|
margin-bottom: 65px;
|
|
}
|
|
#hotkey_list .hotkey_content{
|
|
margin: 0px;
|
|
padding: 20px;
|
|
}
|
|
.hotkey_content span{
|
|
padding: 0px;
|
|
margin: 0px;
|
|
display: inline-block;
|
|
padding: 4px 8px;
|
|
text-align: left;
|
|
}
|
|
.hotkey_content .hotkey_line{
|
|
display: block;
|
|
min-width: 663px;
|
|
border-bottom: #f3f2f2 solid 1px;
|
|
}
|
|
.hotkey_content .hotkey_line.null_line{
|
|
border-bottom: 0;
|
|
}
|
|
.hotkey_content .hotkey_line.hotkey_group{
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.hotkey_content .hotkey_line .hotkey{
|
|
width: 160px;
|
|
margin-right: 20px;
|
|
}
|
|
#hotkey_list .hotkey_ok{
|
|
position: absolute;
|
|
right: 20px;
|
|
bottom: 20px;
|
|
line-height:25px;
|
|
height:25px;
|
|
}
|
|
|
|
#send_feedback .feedback_lebal{
|
|
display: block;
|
|
width: 490px;
|
|
text-align: left;
|
|
}
|
|
.feedback_error_email_format{
|
|
display: none;
|
|
color: #cf4236;
|
|
margin-left: 20px;
|
|
}
|
|
.feedback_error_msg{
|
|
display: none;
|
|
color: #cf4236;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
#chattingbox{
|
|
display: none;
|
|
bottom: 35px;
|
|
left: 260px;
|
|
width: 260px;
|
|
position: absolute;
|
|
background: #f5f5f5;
|
|
border-width: 1px 1px 0px 0px;
|
|
border-style: solid;
|
|
border-color: #999;
|
|
}
|
|
.chatting_icon{
|
|
position:absolute;
|
|
top:2px;
|
|
display:block;
|
|
width: 12px;
|
|
height: 12px;
|
|
cursor: pointer;
|
|
background: url(../images/diagraming/sprite.png?5) -44px -564px no-repeat;
|
|
border: 1px solid transparent;
|
|
border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
right:5px;
|
|
}
|
|
.chatting_icon:hover{
|
|
background-color: #878787;
|
|
border-color: #737373;
|
|
}
|
|
#chat_messages{
|
|
height: 200px;
|
|
overflow: auto;
|
|
padding: 5px 10px;
|
|
}
|
|
#chat_messages li{
|
|
padding: 2px 0px;
|
|
}
|
|
#chat_messages li span{
|
|
color: #4183C4;
|
|
}
|
|
.chatting_bottom{
|
|
text-align: right;
|
|
padding: 5px 10px 10px;
|
|
}
|
|
.chatting_bottom .designer_button{
|
|
height: 24px;
|
|
line-height: 24px;
|
|
margin-top: 3px;
|
|
margin-right: 0px;
|
|
}
|
|
#chat_prompt{
|
|
background: #e43a3c;
|
|
padding: 0px 5px;
|
|
height: 18px;
|
|
position: absolute;
|
|
right: -8px;
|
|
top: -9px;
|
|
color: white;
|
|
line-height: 18px;
|
|
border-radius: 9px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
box-shadow: 0px 0px 3px rgba(0,0,0,0.6);
|
|
display: none;
|
|
}
|
|
#designer_contextmenu{
|
|
cursor: default;
|
|
}
|
|
#designer_footer{
|
|
position: fixed;
|
|
left: 0px;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
height: 34px;
|
|
background: #f3f3f3;
|
|
border-top: 1px solid #aaaaaa;
|
|
}
|
|
.footer_content{
|
|
position: relative;
|
|
}
|
|
.footer_content .left_box{
|
|
width: 162px;
|
|
border-right: 1px solid #A2A2A2;
|
|
height: 34px;
|
|
text-align: center;
|
|
position: absolute;
|
|
left: 0px;
|
|
top: 0px;
|
|
}
|
|
.left_box div{
|
|
line-height: 24px;
|
|
height: 24px;
|
|
margin-top: 4px;
|
|
width: 80px;
|
|
}
|
|
.footer_content .content_box{
|
|
margin-left: 163px;
|
|
height: 34px;
|
|
line-height: 34px;
|
|
padding-left: 5px;
|
|
color: #525252;
|
|
}
|
|
.footer_left .toolbar_button{
|
|
display: inline-block;
|
|
float: left;
|
|
margin-left: 5px;
|
|
padding: 0px 10px 0px 3px;
|
|
margin-top: 4px;
|
|
cursor: pointer;
|
|
}
|
|
.footer_devider{
|
|
float: left;
|
|
border-left: 1px solid #aaa;
|
|
border-right: 1px solid #FFF;
|
|
height: 26px;
|
|
margin: 4px 5px 0px 10px;
|
|
}
|
|
#collaborators{
|
|
display: inline-block;
|
|
float: left;
|
|
height: 24px;
|
|
margin-top: 5px;
|
|
}
|
|
#collaborators img{
|
|
float: left;
|
|
height: 24px;
|
|
width: 24px;
|
|
margin-left: 5px;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
-ms-border-radius: 2px;
|
|
border-radius: 2px;
|
|
}
|
|
.footer_right{
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
}
|
|
.footer_right li{
|
|
float: left;
|
|
cursor: pointer;
|
|
font-weight: bold;
|
|
border-left: 1px solid #aaa;
|
|
}
|
|
.footer_right li a{
|
|
padding: 0px 12px;
|
|
display: block;
|
|
color: #525252;
|
|
}
|
|
.footer_right li a:hover{
|
|
color: #29AAE1;
|
|
text-decoration: none;
|
|
}
|
|
.footer_right .footer_fb{
|
|
padding: 0px 12px;
|
|
color: #fff;
|
|
background-color: #555;
|
|
border-left: 0px;
|
|
}
|
|
.footer_fb:hover{
|
|
color: #fff;
|
|
background-color: #2EB5E5;
|
|
background-image: -moz-linear-gradient(top, #34C0E9, #29AAE1);
|
|
background-image: -webkit-linear-gradient(top, #34C0E9, #29AAE1);
|
|
background-image: -o-linear-gradient(top, #34C0E9, #29AAE1);
|
|
background-image: -ms-linear-gradient(top, #34C0E9, #29AAE1);
|
|
background-image: linear-gradient(top, #34C0E9, #29AAE1);
|
|
}
|
|
.footer_chrome{
|
|
display: none;
|
|
}
|
|
.footer_right li span{
|
|
display: inline-block;
|
|
margin-top: 7px;
|
|
float: left;
|
|
margin-right: 5px;
|
|
opacity: 1;
|
|
}
|
|
#shapes_dialog .dialog_header{
|
|
border-color: #ccc;
|
|
}
|
|
#shape_manage_list li{
|
|
background: #F3F3F3;
|
|
border-top: #fff solid 1px;
|
|
border-bottom: #ccc solid 1px;
|
|
cursor: default;
|
|
}
|
|
#shape_manage_list li div{
|
|
border-left: 4px solid transparent;
|
|
padding: 5px 10px 5px 20px;
|
|
}
|
|
#shape_manage_list li:hover div{
|
|
border-left-color: #dd4b39;
|
|
}
|
|
#shape_manage_list li.child{
|
|
background: #fafafa;
|
|
}
|
|
#shape_manage_list li.child div{
|
|
padding-left: 50px;
|
|
}
|
|
#shape_manage_list input{
|
|
float: left;
|
|
}
|
|
|
|
.share_container{
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 20px;
|
|
height: 30px;
|
|
z-index: 0;
|
|
}
|
|
.share_container .user{
|
|
text-shadow: 0 1px 0 #FFF;
|
|
color: #525252;
|
|
font-weight: bold;
|
|
line-height: 30px;
|
|
float: left;
|
|
position: relative;
|
|
padding-right: 10px;
|
|
cursor: pointer;
|
|
}
|
|
.share_container .user img{
|
|
width: 30px;
|
|
height: 30px;
|
|
float: left;
|
|
border-radius: 50%;
|
|
box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
|
|
float: left;
|
|
margin-right: 5px;
|
|
}
|
|
.share_container .user .ico{
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 12px;
|
|
}
|
|
.share_container .designer_button{
|
|
position: relative;
|
|
}
|
|
.header_right_btn{
|
|
float: left;
|
|
height: 30px;
|
|
border-right: 1px solid #cbcccc;
|
|
margin-right: 10px;
|
|
}
|
|
.header_right_btn .toolbar_button{
|
|
float: left;
|
|
padding: 2px;
|
|
margin-right: 10px;
|
|
cursor: pointer;
|
|
}
|
|
#bar_list_pagesize .lbl, #page_size_list .lbl{
|
|
display: inline-block;
|
|
width: 20px;
|
|
}
|
|
#bar_list_pagesize .spinner, #page_size_list .spinner{
|
|
display: inline-block;
|
|
}
|
|
.ico_dock_performance{
|
|
background:url(../images/performance.png) no-repeat;
|
|
height:20px;
|
|
width:20px;
|
|
margin:2px;
|
|
} |