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.
LiaoNingDangAn/public/static/diaowen/css/design-survey.css

2049 lines
41 KiB

2 years ago
@charset "UTF-8";
* {
margin: 0px;
padding: 0px;
}
body {
background: #e8e9eb;
}
.notification {
position: fixed;
display: inline-block;
padding: 0.5em 5em;
/* box-shadow: 2px 2px 5px -2px rgba(0,0,0,0.5); */
background: #589fd3;
color: white;
z-index: 1000;
font-family: "微软雅黑";
text-align: center;
letter-spacing: 5px;
/* filter:alpha(opacity=50); IE50%
-moz-opacity:0.5; Firefox50%
opacity:0.5;50% */
}
.ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-icab-text-overflow: ellipsis;
-khtml-text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
}
input[type="checkbox"],
input[type="radio"] {
/* _vertical-align:-1px;
vertical-align:-2px;
margin-right: 5px; */
vertical-align: middle !important;
line-height: normal;
cursor: pointer;
margin: 0px 5px !important;
padding: initial;
background-color: initial;
border: initial;
}
textarea {
resize: none;
outline: none;
padding: 5px;
}
#wrap {
/*如果浏览器小于1200则设置wrap为1200*/
/* width: 1200px; */
margin: 0px auto;
}
#header {
background: #122e57;
padding-top: 5px;
padding-bottom: 4px;
overflow: auto;
zoom: 1;
width: 100%;
background: #24292c;
background: rgb(52, 73, 94);
}
.header_Item {
color: #f7f7f7;
}
#header_left {
float: left;
width: 500px;
}
#header_left img {
float: left;
margin-left: 15px;
}
#header_title {
color: #f7f7f7;
font-size: 14px;
margin-top: 12px;
margin-left: 10px;
float: left;
text-transform: capitalize;
}
#header_right {
float: right;
padding-right: 55px;
padding-top: 10px;
}
#header_right a {
color: #f7f7f7;
text-decoration: none;
}
#header_right a:hover {
text-decoration: underline;
}
#tools_wrap {
background: #d6dce4;
/* margin-bottom: 15px; */
/* border-top: 2px solid #ED6C00; */
padding-top: 1px;
position: fixed;
z-index: 200;
width: 100%;
/* overflow:auto; */
box-shadow: 4px 1px 3px rgba(224, 229, 233, 0.44);
/* header隐藏情况 */
top: 0;
}
#tools {
width: 100%;
}
#tools .tools_tabs {
overflow: auto;
zoom: 1;
/* height: 25px; */
}
#tools .tools_tabs ul {
padding: 0px;
margin: 0px;
list-style: none;
}
#tools .tools_tabs_left {
float: left;
padding-left: 65px;
margin: 0px;
}
#tools .tools_tabs .tools_tabs_left ul li {
float: left;
padding: 3px 40px;
font-family: "新宋体";
font-size: 14px;
font-weight: 600;
font-style: normal;
text-decoration: none;
border-top: 3px solid transparent;
color: #333333;
letter-spacing: 2px;
margin-left: 1px;
margin-top: 1px;
cursor: pointer;
}
#tools .tools_tabs .tools_tabs_left ul li:hover {
border-top: 3px solid #9ac600;
background: #e8ebee;
}
#tools .tools_tabs .tools_tabs_left ul li.current {
border-top: 3px solid #9ac600;
background: #f7f7f7;
}
#tools .tools_tabs_right {
float: right;
padding-right: 20px;
}
#tools .tools_tabs .tools_tabs_right ul li {
float: left;
padding: 5px 8px;
font-family: Arial;
font-size: 13px;
font-weight: normal;
font-style: normal;
text-decoration: none;
color: #333333;
}
#tools .tools_tabs .tools_tabs_left ul li:hover {
}
/** 定义工具栏样式 **/
.tools_tab_div {
display: none;
}
#tools_tab1 {
/* width: 950px; */
float: left;
overflow: auto;
position: relative;
}
#tools .tools_contents {
background: #f7f7f7;
border-bottom: 1px solid #bcbcbc;
overflow: auto;
position: relative;
zoom: 1;
}
.tools_item {
float: left;
border-right: 1px dashed #c7c7c7;
overflow: auto;
display: inline;
}
#toolsBashQu {
width: 491px;
}
#toolsChenQu {
width: 251px;
}
#toolsEvent {
width: 131px;
}
.tools_contents .toolbars {
background: #f7f7f7;
overflow: auto;
zoom: 1;
padding-right: 5px;
}
.tools_contents .tooltext {
height: 20px;
background: #f1f2f4;
font-size: 12px;
font-family: "新宋体";
color: #707781;
line-height: 20px;
text-align: center;
padding: 3px 0px;
border-top: 1px dashed #c7c7c7;
width: 100%;
}
.toolbars ul {
list-style: none;
padding: 0px;
margin: 0px;
margin-left: 5px;
}
.toolbars ul li {
float: left;
margin: 5px 5px;
padding: 0px;
display: inline;
*width: 50px;
/* border: 1px solid #cc3333; */
}
.toolbars ul li .dwToolbar_icon {
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
width: 50px;
height: 60px;
margin: 0px;
display: block;
padding: 0px;
}
.toolbars ul li .dwQuTypeModel {
display: none;
}
/* 工具栏单选题 */
/* #radioQuModel .dwToolbar_icon {
background-position: -0px -6px;
}
#radioQuModel:hover .dwToolbar_icon,
#radioQuModel.hover .dwToolbar_icon {
background-position: -0px -74px;
} */
.radio-qu-model {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px 10px;
cursor: pointer;
}
.radio-qu-model:hover {
background-color: #d5d5d5;
}
.radio-qu-model .dwToolbar-icon {
width: 22px;
height: 22px;
background-image: url("../images/style-model/1/radio@2x.png");
background-repeat: no-repeat;
background-size: 100%;
}
.radio-qu-model .dwToolbar-text {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6a6c6f;
margin-top: 5px;
}
/* #checkboxQuModel .dwToolbar_icon {
background-position: -57px -6px;
}
#checkboxQuModel:hover .dwToolbar_icon,
#checkboxQuModel.hover .dwToolbar_icon {
background-position: -57px -74px;
} */
.checkbox-qu-model {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px 10px;
cursor: pointer;
}
.checkbox-qu-model:hover {
background-color: #d5d5d5;
}
.checkbox-qu-model .dwToolbar-icon {
width: 22px;
height: 22px;
background-image: url("../images/style-model/1/checkbox@2x.png");
background-repeat: no-repeat;
background-size: 100%;
}
.checkbox-qu-model .dwToolbar-text {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6a6c6f;
margin-top: 5px;
}
/* #fillblankQuModel .dwToolbar_icon {
background-position: -113px -6px;
}
#fillblankQuModel:hover .dwToolbar_icon,
#fillblankQuModel.hover .dwToolbar_icon {
background-position: -113px -74px;
} */
.fillblank-qu-model {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px 10px;
cursor: pointer;
}
.fillblank-qu-model:hover {
background-color: #d5d5d5;
}
.fillblank-qu-model .dwToolbar-icon {
width: 22px;
height: 22px;
background-image: url("../images/style-model/1/fillblank@2x.png");
background-repeat: no-repeat;
background-size: 100%;
}
.fillblank-qu-model .dwToolbar-text {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6a6c6f;
margin-top: 5px;
}
#scoreQuModel .dwToolbar_icon {
background-position: -170px -6px;
}
#scoreQuModel:hover .dwToolbar_icon,
#scoreQuModel.hover .dwToolbar_icon {
background-position: -170px -74px;
}
/* #selectQuModel .dwToolbar_icon {
background-position: -908px -6px;
}
#selectQuModel:hover .dwToolbar_icon,
#selectQuModel.hover .dwToolbar_icon {
background-position: -908px -74px;
} */
.select-qu-model {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px 10px;
cursor: pointer;
}
.select-qu-model:hover {
background-color: #d5d5d5;
}
.select-qu-model .dwToolbar-icon {
width: 22px;
height: 22px;
background-image: url("../images/style-model/1/select@2x.png");
background-repeat: no-repeat;
background-size: 100%;
}
.select-qu-model .dwToolbar-text {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6a6c6f;
margin-top: 5px;
}
#timeQuModel .dwToolbar_icon {
background-position: -850px -6px;
}
#timeQuModel:hover .dwToolbar_icon,
#selectQuModel.hover .dwToolbar_icon {
background-position: -850px -74px;
}
#orderQuModel .dwToolbar_icon {
background-position: -227px -6px;
}
#orderQuModel:hover .dwToolbar_icon,
#orderQuModel.hover .dwToolbar_icon {
background-position: -227px -74px;
}
#pageQuModel .dwToolbar_icon {
background-position: -283px -6px;
}
#pageQuModel:hover .dwToolbar_icon,
#pageQuModel.hover .dwToolbar_icon {
background-position: -283px -74px;
}
/* #paragraphQuModel .dwToolbar_icon {
background-position: -340px -6px;
}
#paragraphQuModel:hover .dwToolbar_icon,
#paragraphQuModel.hover .dwToolbar_icon {
background-position: -340px -74px;
} */
.paragraph-qu-model {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px 10px;
cursor: pointer;
}
.paragraph-qu-model:hover {
background-color: #d5d5d5;
}
.paragraph-qu-model .dwToolbar-icon {
width: 22px;
height: 22px;
background-image: url("../images/style-model/1/paragraph@2x.png");
background-repeat: no-repeat;
background-size: 100%;
}
.paragraph-qu-model .dwToolbar-text {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6a6c6f;
margin-top: 5px;
}
/* #mfillblankQuModel .dwToolbar_icon {
background-position: -397px -6px;
}
#mfillblankQuModel:hover .dwToolbar_icon,
#mfillblankQuModel.hover .dwToolbar_icon {
background-position: -397px -74px;
} */
.mfillblank-qu-model {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px 10px;
cursor: pointer;
}
.mfillblank-qu-model:hover {
background-color: #d5d5d5;
}
.mfillblank-qu-model .dwToolbar-icon {
width: 22px;
height: 22px;
background-image: url("../images/style-model/1/mfillblank@2x.png");
background-repeat: no-repeat;
background-size: 100%;
}
.mfillblank-qu-model .dwToolbar-text {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6a6c6f;
margin-top: 5px;
}
/** 矩阵题 **/
#chenRadioQuModel .dwToolbar_icon {
background-position: -454px -6px;
}
#chenRadioQuModel:hover .dwToolbar_icon,
#chenRadioQuModel.hover .dwToolbar_icon {
background-position: -454px -74px;
}
#chenCheckboxQuModel .dwToolbar_icon {
background-position: -510px -6px;
}
#chenCheckboxQuModel:hover .dwToolbar_icon,
#chenCheckboxQuModel.hover .dwToolbar_icon {
background-position: -510px -74px;
}
#chenScoreQuModel .dwToolbar_icon {
background-position: -567px -6px;
}
#chenScoreQuModel:hover .dwToolbar_icon,
#chenScoreQuModel.hover .dwToolbar_icon {
background-position: -567px -74px;
}
#chenFillblankQuModel .dwToolbar_icon {
background-position: -624px -6px;
}
#chenFillblankQuModel:hover .dwToolbar_icon,
#chenFillblankQuModel.hover .dwToolbar_icon {
background-position: -624px -74px;
}
#exportToolbar .dwToolbar_icon {
background-position: -680px -6px;
}
#exportToolbar:hover .dwToolbar_icon,
#exportToolbar.hover .dwToolbar_icon {
background-position: -680px -74px;
}
#logicToolbar .dwToolbar_icon {
background-position: -737px -6px;
}
#logicToolbar:hover .dwToolbar_icon,
#logicToolbar.hover .dwToolbar_icon {
background-position: -737px -74px;
}
#qubankToolbar .dwToolbar_icon {
background-position: -794px -6px;
}
#qubankToolbar:hover .dwToolbar_icon,
#qubankToolbar.hover .dwToolbar_icon {
background-position: -794px -74px;
}
#surveyAttrSetToolbar .dwToolbar_icon {
background-position: -680px -250px;
}
#surveyAttrSetToolbar:hover .dwToolbar_icon,
#surveyAttrSetToolbar.hover .dwToolbar_icon {
background-position: -680px -320px;
}
#surveyStyleEditToolbar .dwToolbar_icon {
background-position: -738px -250px;
}
#surveyStyleEditToolbar:hover .dwToolbar_icon,
#surveyStyleEditToolbar.hover .dwToolbar_icon {
background-position: -738px -320px;
}
/**更多题型**/
#userNameQuModel .dwToolbar_icon {
background-position: -113px -250px;
}
#userNameQuModel:hover .dwToolbar_icon,
#userNameQuModel.hover .dwToolbar_icon {
background-position: -113px -320px;
}
#phoneNoQuModel .dwToolbar_icon {
background-position: -56px -250px;
}
#phoneNoQuModel:hover .dwToolbar_icon,
#phoneNoQuModel.hover .dwToolbar_icon {
background-position: -56px -320px;
}
#addressQuModel .dwToolbar_icon {
background-position: -170px -250px;
}
#addressQuModel:hover .dwToolbar_icon,
#addressQuModel.hover .dwToolbar_icon {
background-position: -170px -320px;
}
#birthdayQuModel .dwToolbar_icon {
background-position: -283px -250px;
}
#birthdayQuModel:hover .dwToolbar_icon,
#birthdayQuModel.hover .dwToolbar_icon {
background-position: -283px -320px;
}
#emailQuModel .dwToolbar_icon {
background-position: -0px -250px;
}
#emailQuModel:hover .dwToolbar_icon,
#emailQuModel.hover .dwToolbar_icon {
background-position: -0px -320px;
}
#genderQuModel .dwToolbar_icon {
background-position: -568px -250px;
}
#genderQuModel:hover .dwToolbar_icon,
#genderQuModel.hover .dwToolbar_icon {
background-position: -568px -320px;
}
#educationQuModel .dwToolbar_icon {
background-position: -398px -250px;
}
#educationQuModel:hover .dwToolbar_icon,
#educationQuModel.hover .dwToolbar_icon {
background-position: -398px -320px;
}
#companyQuModel .dwToolbar_icon {
background-position: -343px -250px;
}
#companyQuModel:hover .dwToolbar_icon,
#companyQuModel.hover .dwToolbar_icon {
background-position: -343px -320px;
}
#cityQuModel .dwToolbar_icon {
background-position: -455px -250px;
}
#cityQuModel:hover .dwToolbar_icon,
#cityQuModel.hover .dwToolbar_icon {
background-position: -455px -320px;
}
#maritalQuModel .dwToolbar_icon {
background-position: -229px -250px;
}
#maritalQuModel:hover .dwToolbar_icon,
#maritalQuModel.hover .dwToolbar_icon {
background-position: -229px -320px;
}
#salaryQuModel .dwToolbar_icon {
background-position: -511px -250px;
}
#salaryQuModel:hover .dwToolbar_icon,
#salaryQuModel.hover .dwToolbar_icon {
background-position: -511px -320px;
}
#dateQuModel .dwToolbar_icon {
background-position: -626px -250px;
}
#dateQuModel:hover .dwToolbar_icon,
#dateQuModel.hover .dwToolbar_icon {
background-position: -626px -320px;
}
/* #uploadFileQuModel .dwToolbar_icon {
background-position: -1135px -6px;
}
#uploadFileQuModel.hover .dwToolbar_icon,
#uploadFileQuModel:hover .dwToolbar_icon {
background-position: -1135px -77px;
} */
.uploadFile-qu-model {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 10px 10px;
cursor: pointer;
}
.uploadFile-qu-model:hover {
background-color: #d5d5d5;
}
.uploadFile-qu-model .dwToolbar-icon {
width: 22px;
height: 22px;
background-image: url("../images/style-model/1/radio@2x.png");
background-repeat: no-repeat;
background-size: 100%;
}
.uploadFile-qu-model .dwToolbar-text {
font-size: 14px;
font-family: Source Han Sans CN;
font-weight: 400;
color: #6a6c6f;
margin-top: 5px;
}
/* #publishBtn .dwToolbar_icon {
width: 70px;
height: 39px;
background-position: -0px -145px;
}
#publishBtn:hover .dwToolbar_icon,
#publishBtn.hover .dwToolbar_icon {
width: 70px;
height: 39px;
background-position: -0px -199px;
} */
/* 发布按钮 */
.publish-btn {
border: 1px solid #1e80eb;
border-radius: 4px;
padding: 10px 18px;
color: #1e80eb;
cursor: pointer;
}
.publish-btn:hover {
color: #ffffff;
background-color: #188fff;
}
/* #saveBtn .dwToolbar_icon {
width: 70px;
height: 39px;
background-position: -90px -145px;
}
#saveBtn:hover .dwToolbar_icon,
#saveBtn.hover .dwToolbar_icon {
width: 70px;
height: 39px;
background-position: -90px -200px;
} */
/* 保存按钮 */
.save-btn {
padding: 10px 18px;
color: #ffffff;
cursor: pointer;
background: #1e80eb;
border-radius: 4px;
}
.save-btn:hover {
background-color: #91b8e3;
}
/* #previewBtn .dwToolbar_icon {
width: 70px;
height: 39px;
background-position: -180px -145px;
}
#previewBtn:hover .dwToolbar_icon,
#previewBtn.hover .dwToolbar_icon {
width: 70px;
height: 39px;
background-position: -180px -199px;
} */
/* 预览按钮 */
.preview-btn {
padding: 10px 18px;
color: #ffffff;
cursor: pointer;
background: #66cea8;
border-radius: 4px;
}
.preview-btn:hover {
background-color: #a1d1c0;
}
#saveodelBtn .dwToolbar_icon {
width: 70px;
height: 39px;
background-position: -0px -199px;
}
#saveodelBtn:hover .dwToolbar_icon,
#saveodelBtn.hover .dwToolbar_icon {
width: 70px;
height: 39px;
background-position: -0px -199px;
}
#toolsPubBtn {
position: absolute;
*position: relative;
display: inline;
z-index: 300;
right: 0px;
float: right;
background: none;
}
#toolsPubBtn .toolbars {
background: none;
}
#dw_body_left {
width: 190px;
height: 600px;
border: 1px solid #c8c9cc;
border-left: none;
background: #fafafa;
position: fixed;
float: left;
left: 0px;
top: 190px;
z-index: 1;
display: none;
}
#dwBodyLeftContent {
padding-top: 10px;
color: #333;
}
#dwBodyLeftContent h2 {
margin-bottom: 5px;
margin-top: 5px;
}
#dwBodyLeftContent h2,
#dwBodyLeftContent h3 {
font-size: 14px;
font-family: "微软雅黑";
font-weight: normal;
line-height: 24px;
margin: 0;
padding: 0px;
width: 160px;
}
#dwBodyLeftContent h3 {
padding: 0 8px 0 25px;
}
#dwBodyLeftContent a {
text-decoration: none;
display: inline-block;
padding: 0px 5px;
color: #707781;
width: 170px;
}
#dwBodyLeftContent a:hover {
background: #f1f2f4;
color: #4c6c99;
}
#dw_body_right {
width: 190px;
height: 600px;
border: 1px solid #c8c9cc;
background: #fafafa;
border-right: none;
position: fixed;
right: 0px;
top: 190px;
z-index: 1;
float: right;
}
#dw_body {
margin-top: 135px;
/* padding-bottom: 50px; */
padding-bottom: 40px;
}
#dw_body .dw_body_title {
background: #f0f1f4;
border-bottom: 1px solid #dde1e7;
padding: 8px 10px;
color: #333;
font-family: "新宋体";
font-weight: normal;
text-decoration: none;
font-size: 14px;
letter-spacing: 2px;
}
#dw_body_content {
background: white;
width: 780px;
margin: 0px auto;
border: 1px solid #c8c9cc;
/* height: 600px; */
position: relative;
z-index: 50;
}
/* 编辑内容区 */
#dwSurveyTitle {
margin: 0px 50px;
margin-top: 10px;
}
#dwSurveyName {
text-align: center;
outline-style: none;
font-weight: normal;
font-family: "微软雅黑";
font-size: 21px;
letter-spacing: 1px;
color: #222222;
cursor: text;
overflow: auto;
width: 680px;
padding: 5px;
overflow: auto;
}
#dwSurveyNote {
/* border: 1px solid transparent; */
margin: 5px 50px;
}
#dwSurveyNote:hover {
background: #fdf9cd;
}
#dwSurveyNote.click {
border: 1px solid #98c5c3;
background: #fdf9cd;
}
#dwSurveyNote.click #dwSurveyNoteTools {
display: inline;
}
#dwSurveyNoteTools {
position: absolute;
width: 80px;
height: 25px;
/* background: #DDE1E7;
background: #D4E0E0; */
border: 1px solid #98c5c3;
right: 35px;
margin-top: -27px;
display: none;
font-size: 12px;
line-height: 25px;
text-align: center;
cursor: pointer;
color: #5d5d5d;
}
#dwSurveyNoteTools:hover {
background: #98c5c3;
color: #333333;
}
#dwSurveyNoteEdit {
font-size: 16px;
outline-style: none;
/* text-indent: 2em; */
line-height: 1.4em;
color: #333333;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
cursor: text;
font-family: "微软雅黑";
overflow: auto;
max-width: 720px;
width: 680px;
min-height: 30px;
}
.editAble {
outline-style: none;
color: #333333;
font-family: "微软雅黑";
vertical-align: middle;
cursor: text;
display: inline-block;
max-width: 750px;
table-layout: fixed;
word-break: break-all;
}
.editAble:hover,
.quCoItemUlLi.hover .editAble {
background: #fdf9cd;
}
.editAble img,
.editAble embed,
.editAble object,
#dwComEditContent img,
#dwComEditContent embed,
#dwComEditContent object {
max-width: 95%;
}
.quDragBody {
border: 1px solid #299995;
background: white;
filter: alpha(opacity=80); /*IE滤镜透明度50%*/
-moz-opacity: 0.8; /*Firefox私有透明度50%*/
opacity: 0.8; /*其他透明度50%*/
width: 800px;
cursor: move !important;
}
.sortActiveclass {
border: 1px solid #c9c9c9;
background: #fafafa;
}
#dwSurveyQuContentAppUl {
list-style: none;
padding-bottom: 200px;
}
/**题目开始**/
.surveyQuItemBody {
/* margin:0px;
padding:0px;
overflow: auto; */
}
#defaultAppQuObj.hover {
border: 1px solid transparent;
background: none;
border-left: none;
border-right: none;
}
.surveyQuItem {
overflow: auto;
margin-top: 0px;
border: 1px solid transparent;
/* border: 1px solid #C9C9C9; */
border-left: none;
border-right: none;
background: white;
}
.surveyQuItemBody .initLine {
width: 100%;
height: 8px;
background: #299995;
/* visibility: hidden; */
display: none;
}
.surveyQuItemBody.showLine .initLine {
visibility: visible;
}
.surveyQuItemBody.hover .surveyQuItem {
/* background: #FAFAFA; */
border: 1px solid #c9c9c9;
border: 1px solid transparent;
border-left: none;
border-right: none;
}
/**jquery ui sort 实现 上面是老的实现 **/
#dwSurveyQuContentAppUl li {
border-top: 1px dashed transparent;
border-bottom: 1px dashed transparent;
}
#dwSurveyQuContentAppUl li.showLine {
/* 显示线条的方式*/
width: 100%;
height: 60px;
/* border-top:1px solid #299995;
border-bottom:1px solid #299995; */
background: #f1f2f4;
border-top: 1px dashed #c7c7c7;
border-bottom: 1px dashed #c7c7c7;
}
/**题目功能区**/
/** 题目左边 设置,逻辑,删除 **/
.surveyQuItemLeftTools {
float: left;
width: 40px;
text-align: center;
margin-top: 5px;
}
.surveyQuItemLeftToolsUl {
padding: 0px;
margin: 0px auto;
list-style: none;
/* display: none; */
visibility: hidden;
}
.surveyQuItemLeftToolsUl li {
margin: 5px auto;
font-size: 12px;
color: #5d5d5d;
padding: 0px;
cursor: pointer;
width: 40px;
}
.surveyQuItemLeftToolsUl li .dwQuIcon {
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
width: 23px;
height: 23px;
margin: 0px auto;
}
li.dwQuMove {
cursor: move;
}
li.dwQuMove .dwQuIcon {
background-position: -336px -153px;
}
li.dwQuSet .dwQuIcon {
background-position: -280px -153px;
}
li.dwQuLogic .dwQuIcon {
background-position: -279px -178px;
}
li.dwQuDelete .dwQuIcon {
background-position: -277px -205px;
}
li.dwQuLogic .dwQuIcon .quLogicInfo {
position: absolute;
text-align: right;
font-size: 8px;
margin-left: 20px;
margin-top: -4px;
font-family: "微软雅黑";
background: #e0761a;
border-radius: 2px;
padding: 0px;
width: 12px;
color: white;
text-align: center;
}
/**如果有逻辑题,显示的提示**/
.quLogicData {
position: absolute;
background: white;
right: 5px;
margin-top: 5px;
cursor: pointer;
display: none;
}
.quLogicData .dwQuIcon {
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
background-position: -279px -178px;
width: 23px;
height: 23px;
float: left;
}
.quLogicData .quLogicInfo {
float: left;
background: #c2baa7;
color: white;
font-weight: bold;
text-align: center;
padding: 2px 0px;
width: 16px;
border-radius: 2px;
}
/** 题目右边上移、下移 **/
.surveyQuItemRightTools {
position: absolute;
background: white;
border: 1px solid #98c5c3;
border: none;
right: -23px;
margin-top: 40px;
font-size: 12px;
line-height: 25px;
text-align: center;
cursor: pointer;
color: #5d5d5d;
display: none;
}
.surveyQuItemRightToolsUl {
list-style: none;
padding: 0px;
margin: 0px;
}
.surveyQuItemRightToolsUl li {
font-size: 12px;
margin: 0px;
}
.surveyQuItemRightToolsUl li .dwQuIcon {
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
width: 23px;
height: 23px;
}
.surveyQuItemRightToolsUl li.questionUp .dwQuIcon {
background-position: -471px -150px;
}
.surveyQuItemRightToolsUl li.questionDown .dwQuIcon {
background-position: -437px -150px;
}
/** 题目内容区 **/
.surveyQuItem .surveyQuItemContent {
float: left;
padding-left: 10px;
border-left: 1px solid transparent;
min-height: 100px;
width: 700px;
}
.surveyQuItemBody.hover .surveyQuItemContent {
border-left: 1px solid #dde1e7;
border-left: 1px solid transparent;
}
.surveyQuItemContent {
padding: 2px 25px;
/* padding-bottom: 20px;
cursor: move; */
}
.surveyQuItemContent .quCoTitle {
font-size: 16px;
color: rgb(51, 51, 51);
font-family: "微软雅黑";
line-height: 1.4em;
overflow: auto;
}
.quCoNum {
}
.quCoTitle .quCoNum {
float: left;
padding: 5px 0px;
}
.quCoTitle .quCoTitleEdit {
float: left;
padding: 5px 3px;
width: 600px;
cursor: text;
table-layout: fixed;
word-break: break-all;
}
.surveyQuItemContent .quCoItem {
margin-top: 0px;
margin-left: 10px;
}
.surveyQuItemContent .quCoItem ul {
padding: 0px;
margin: 0px;
list-style: none;
font-size: 14px;
display: inline-block;
width: 100%;
}
.surveyQuItemContent .quCoItem ul li {
margin: 8px 5px;
font-size: 14px;
font-family: "微软雅黑";
color: #333333;
line-height: 1.4em;
/* cursor: move; */
overflow: hidden;
display: list-item;
}
.surveyQuItemContent .quCoItem ul.transverse li {
float: left;
}
.quInputCase,
.quItemInputCase {
display: none;
}
.surveyQuItemContent .quCoItem ul li label {
vertical-align: middle;
cursor: text;
display: inline-block;
max-width: 600px;
table-layout: fixed;
word-break: break-all;
}
/**按列的形式显示选项,使用表格**/
.surveyQuItemContent .quCoItem table.tableQuColItem {
padding: 0px;
margin: 0px;
width: 100%;
}
.surveyQuItemContent .quCoItem table.tableQuColItem tr td {
vertical-align: middle;
padding: 5px 0px;
font-size: 14px;
font-family: "微软雅黑";
color: #333333;
line-height: 1.4em;
}
.surveyQuItemContent .quCoItem table.tableQuColItem tr td label {
padding: 3px 0px;
vertical-align: middle;
cursor: text;
display: inline-block;
max-width: 600px;
table-layout: fixed;
word-break: break-all;
}
.surveyQuItemContent .quCoBottomTools {
visibility: hidden;
padding-top: 3px;
padding-bottom: 5px;
padding-left: 10px;
overflow: auto;
}
.surveyQuItemContent .quCoBottomTools ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.surveyQuItemContent .quCoBottomTools ul li {
float: left;
/* padding: 3px 8px; */
padding: 0px;
margin: 0px auto;
cursor: pointer;
font-family: "微软雅黑";
font-size: 12px;
text-align: center;
width: 40px;
}
.surveyQuItemContent .quCoBottomTools ul li .dwQuIcon {
/* background: transparent url("../images/toolbar.png") 0px 0px no-repeat; */
width: 25px;
height: 25px;
margin: 0px auto;
}
li.addOption .dwQuIcon,
li.addColumnOption .dwQuIcon,
li.addRowOption .dwQuIcon {
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
background-position: -620px -153px;
}
li.addMoreOption .dwQuIcon,
li.addMoreColumnOption .dwQuIcon,
li.addMoreRowOption .dwQuIcon {
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
background-position: -658px -153px;
}
.surveyQuItemContent .quCoBottomTools ul li:hover {
/* background: #D6DCE4; */
}
/** 移入时显示左右功能按钮 **/
.surveyQuItemBody.hover .surveyQuItemLeftToolsUl,
.surveyQuItemBody.hover .quCoBottomTools,
.surveyQuItemBody.hover .quCoRightTools {
visibility: visible;
}
.surveyQuItemBody.hover .surveyQuItemRightTools,
.surveyQuItemBody.hover .quCoRightTools {
display: inline;
}
.editMenuRoot {
position: absolute;
width: 100px;
right: 100px;
}
.editMenuRoot .editMenuBtn {
width: 30px;
height: 32px;
background: #e0e6e9;
border: 1px solid #98c5c3;
margin-left: -1px;
float: right;
}
.editMenuRoot .editMenuList {
width: 120px;
height: 100px;
margin-top: 30px;
}
.editMenuRoot .editMenuList ul {
padding: 0px;
margin: 0px;
list-style: none;
}
.editMenuRoot .editMenuList ul li {
font-size: 12px;
background: #e0e6e9;
padding: 5px;
border: 1px solid #98c5c3;
}
/** 公共编辑 **/
#dwCommonEditRoot {
position: absolute;
display: none;
z-index: 102;
}
#dwCommonEditRoot .dwCommonEdit {
border: 1px solid #98c5c3;
background: #fdf9cd;
position: absolute;
}
.dwCommonEdit .dwComEditMenuUl {
position: absolute;
background: white;
border: 1px solid #98c5c3;
padding: 0px;
margin: 0px;
display: none;
}
.dwCommonEdit .dwComEditMenuUl li {
list-style: none;
padding: 5px;
margin: 0px;
font-size: 12px;
color: #333333;
}
.dwCommonEdit .dwComEditMenuUl li a {
color: #333333;
text-decoration: none;
font-size: 12px;
}
.dwCommonEdit .dwComEditOptionUl {
position: absolute;
background: white;
border: 1px solid #98c5c3;
padding: 0px;
margin: 0px;
display: none;
list-style: none;
right: 0px;
top: -28px;
}
.dwCommonEdit .dwComEditOptionUl li {
padding: 0px;
margin: 0px;
font-size: 12px;
color: #333333;
float: left;
cursor: pointer;
}
.dwComEditOptionUl li .dwQuIcon {
width: 30px;
height: 26px;
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
}
.dwComEditOptionUl li.dwOptionUp .dwQuIcon {
background-position: -468px -150px;
}
.dwComEditOptionUl li.dwOptionDown .dwQuIcon {
background-position: -433px -150px;
}
.dwComEditOptionUl li.dwOptionDel .dwQuIcon {
background-position: -494px -150px;
}
.dwCommonEdit .dwComEditMenuBtn {
position: absolute;
right: -32px;
top: -1px;
border: 1px solid #98c5c3;
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
cursor: pointer;
background-color: #dbe5f1;
}
#dwComEditContent {
outline-style: none;
color: #333333;
font-family: "微软雅黑";
line-height: 1.4em;
table-layout: fixed;
word-break: break-all;
}
/** 问卷标题 **/
#dwCommonEditRoot.svyName #dwComEditContent {
text-align: center;
outline-style: none;
font-weight: normal;
font-size: 21px;
letter-spacing: 1px;
color: #222222;
cursor: text;
padding-top: 2px;
padding-bottom: 1px;
line-height: 1.4em;
overflow: auto;
}
#dwCommonEditRoot.svyName .dwComEditMenuBtn {
width: 30px;
height: 32px;
background-position: -392px -150px;
}
#dwCommonEditRoot.svyName .dwComEditMenuUl {
margin-top: 32px;
right: -32px;
}
/** 问卷欢迎语编辑 **/
#dwCommonEditRoot.svyNoteEdit #dwComEditContent {
font-size: 16px;
outline-style: none;
/* text-indent: 2em; */
line-height: 1.4em;
color: #333333;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
cursor: text;
font-family: "微软雅黑";
}
#dwCommonEditRoot.svyNoteEdit .dwComEditMenuBtn {
width: 30px;
height: 32px;
background-position: -392px -150px;
}
#dwCommonEditRoot.svyNoteEdit .dwComEditMenuUl {
margin-top: 32px;
right: -32px;
}
/** 编辑题目标题时样式 **/
#dwCommonEditRoot.quEdit .dwCommonEdit {
width: 600px;
padding: 0px;
}
#dwCommonEditRoot.quEdit .dwComEditMenuUl {
margin-top: 32px;
right: -32px;
}
#dwCommonEditRoot.quEdit .dwComEditMenuBtn {
width: 30px;
height: 32px;
background-position: -392px -150px;
}
#dwCommonEditRoot.quEdit #dwComEditContent {
padding: 5px;
font-size: 16px;
}
#dwCommonEditRoot.quEdit .dwComEditOptionUl {
display: none;
}
/**编辑题目选项是样式**/
#dwCommonEditRoot.quOptionEdit .dwCommonEdit {
width: 200px;
padding: 0px 0px 0px 0px;
}
#dwCommonEditRoot.quOptionEdit .dwComEditMenuUl {
margin-top: 23px;
right: -25px;
}
#dwCommonEditRoot.quOptionEdit .dwComEditOptionUl {
}
#dwCommonEditRoot.quOptionEdit .dwComEditMenuBtn {
width: 23px;
height: 23px;
right: -25px;
background-position: -392px -183px;
}
#dwCommonEditRoot.quOptionEdit #dwComEditContent {
padding: 2px 0px;
font-size: 14px;
}
#dwCommonEditRoot.quOptionEdit .dwComEditOptionUl {
display: inline;
}
/**input menu菜单 **/
#dwCommonInputMenuRoot {
position: absolute;
display: none;
z-index: 102;
}
#dwCommonInputMenuRoot .dwCommonInputMenu {
background: #fdf9cd;
position: absolute;
}
.dwCommonInputMenu .dwComEditMenuUl {
display: none;
}
.dwCommonInputMenu .dwComEditMenuBtn {
position: absolute;
border: 1px solid #98c5c3;
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
cursor: pointer;
background-color: #dbe5f1;
}
.dwCommonInputMenu .dwComEditMenuBtn {
width: 23px;
height: 28px;
background-position: -392px -179px;
}
/** 弹出窗口代码 **/
#dwCommonDialog {
position: absolute;
z-index: 99;
top: 200px;
left: 200px;
background: #fafafa;
display: none;
min-width: 504px;
}
#dwCommonDialog .dwCommonRefIcon {
position: absolute;
font-size: 30px !important;
z-index: 99;
width: 30px;
border-bottom: none !important;
top: 7px;
}
.dwCommonRefIcon .dwCommonRefIcon1 {
border-width: 7px;
z-index: 3;
left: 1px;
font: 0px/9999px serif;
overflow: hidden;
position: absolute;
width: 0px;
height: 0px;
color: inherit;
}
.dwCommonRefIcon .dwCommonRefIcon2 {
border-width: 7px;
font: 0px/9999px serif;
overflow: hidden;
position: absolute;
z-index: 1;
width: 0px;
height: 0px;
color: inherit;
}
#dwCommonDialog .dwCommonRefIcon.left {
left: -14px;
}
.dwCommonRefIcon.left .dwCommonRefIcon1 {
border-style: dashed solid dashed dashed;
border-color: transparent #efefef transparent transparent;
}
.dwCommonRefIcon.left .dwCommonRefIcon2 {
border-style: dashed solid dashed dashed;
border-color: transparent #0d75ad transparent transparent;
}
#dwCommonDialog .dwCommonRefIcon.right {
right: -30px;
}
.dwCommonRefIcon.right .dwCommonRefIcon1 {
left: -1px;
border-color: transparent transparent transparent rgb(239, 239, 239);
border-style: dashed dashed dashed solid;
}
.dwCommonRefIcon.right .dwCommonRefIcon2 {
border-color: transparent transparent transparent rgb(84, 139, 167);
border-style: dashed dashed dashed solid;
}
#dwCommonDialog .dwCommonDialogBody {
border: 1px solid #62a3c6;
/* width: 500px;
height: 300px; */
box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
}
.dwCommonDialogBody .dwCommonDialogTitle {
height: 28px;
line-height: 28px;
color: #808080;
font-size: 14px;
font-weight: bold;
padding: 0 8px;
background: #efefef;
}
.dwCommonDialogBody .closeDialog {
float: right;
width: 28px;
height: 28px;
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
background-position: -494px -150px;
cursor: pointer;
}
.modelHtml,
.dialogContentModel {
display: none;
}
.dwQuFormSetDialog {
width: 450px;
padding: 0px 30px;
}
.dwQuFormSetDialog ul {
list-style: none;
padding: 10px 0px;
padding-bottom: 0px;
margin: 0px;
}
.dwQuFormSetDialog ul li {
font-size: 14px;
color: #333333;
font-family: "微软雅黑";
padding: 2px 5px;
margin: 2px;
}
.dwQuFormSetDialog ul li select,
.dwQuFormSetDialog ul li input {
padding: 5px;
color: #333333;
border: 1px solid #98c5c3;
}
.dwQuDialogBtnCon {
padding: 0px;
padding-bottom: 8px;
overflow: auto;
}
.quDialogBtn {
background: #4ab048;
color: white;
font-size: 16px;
padding: 8px 15px;
border: none;
outline: none;
cursor: pointer;
float: right;
}
.quDialogBtn-1 {
background-color: #869686;
}
.quDialogBtn:hover {
background: #0aa5a0;
}
/** 批量添加选项 **/
.dwQuAddMore {
padding: 0px 30px;
margin: 0px;
overflow: auto;
}
.dwQuAddMore textarea {
padding: 5px;
color: #333333;
border: 1px solid #98c5c3;
outline: none;
width: 430px;
height: 150px;
margin-bottom: 10px;
}
.dwQuDialogCon {
display: none;
}
.dwQuAddMore .dwQuTextSpan {
font-size: 12px;
color: #333;
padding: 5px;
margin-top: 10px;
}
/**逻辑设置弹出窗口**/
.dwQuDialogLogic {
padding: 0px 30px;
margin: 0px;
overflow: auto;
}
.dwQuDialogLogicTitle {
font-size: 12px;
line-height: 1.4em;
color: #213e5e;
margin-top: 15px;
}
.dwQuDialogLogic table {
font-size: 14px;
color: #333;
font-family: "微软雅黑";
}
.dwQuDialogLogic table tr td {
padding: 0px 2px;
}
.dwQuDialogLogic select {
width: 160px;
height: 30px;
border: 1px #77a5b4 solid;
padding: 2px;
vertical-align: middle;
outline: none;
}
.dwQuDialogBotEvent {
padding: 2px;
}
.dwQuDialogAddLogic {
width: 30px;
height: 30px;
cursor: pointer;
}
.dwQuDialogAddLogic .dwQuIcon {
width: 25px;
height: 25px;
margin: 0px auto;
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
background-position: -620px -153px;
}
.dialogRemoveLogic {
width: 23px;
height: 23px;
margin: 0px auto;
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
background-position: -690px -152px;
cursor: pointer;
}
.dwQuDialogLoad {
width: 450px;
padding-top: 80px;
padding-bottom: 80px;
text-align: center;
}
.dwQuDialogLoad img {
}
#modelUIDialogContent {
padding: 10px 20px;
}
#modelUIDialogContent input {
outline: none;
}
#modelUIDialogContent select {
outline: none;
}
/** 选项设置 **/
.quOptionFillContentLi,
.quOptionFillRequiredLi {
display: none;
}
.optionInpText {
padding: 5px;
margin-left: 5px;
margin-top: 5px;
}
.surveyQuItemBody.hover .quFillblankItem .dwFbMenuBtn {
/* display: inline; */
}
.quCoItemUlLi.hover .quFillblankItem .dwFbMenuBtn {
display: inline;
}
.quFillblankItem {
position: relative;
}
.quFillblankItem .dwFbMenuBtn {
position: absolute;
border: 1px solid #98c5c3;
background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
cursor: pointer;
background-color: #dbe5f1;
display: none;
width: 23px;
height: 27px;
background-position: -392px -179px;
margin-left: -1px;
}
/**评分题**/
.quCoItemTable {
color: #333333;
font-family: "微软雅黑";
font-size: 12px;
}
.quCoItemTableTd {
padding: 5px;
}
.scoreNumTable {
border: 1px solid #dde1e7;
width: 300px;
margin-top: 2px;
}
.scoreNumTable tr td {
text-align: center;
font-size: 12px;
padding: 0px;
}
.quOptionEditTd .editAble {
width: 100%;
font-size: 14px;
}
/** 排序题 **/
.quOrderByLeft {
float: left;
width: 300px;
overflow: auto;
}
.quOrderByLeft ul li {
margin: 0px !important;
padding: 7px 5px;
}
.quOrderByLeft .quCoOptionEdit {
width: 280px;
border: 1px solid #cccccc;
padding-left: 3px;
}
.quOrderByRight {
float: left;
overflow: auto;
}
.quOrderByTable {
border-collapse: collapse;
border-spacing: 0;
width: 330px;
}
.quOrderByTable tr td {
padding: 8px;
border: 1px solid #dbdbdb;
}
.quOrderByTable tr td.quOrderyTableTd {
background: #efefef;
color: #666666;
font-size: 14px;
line-height: 1.4;
text-align: center;
padding: 8px;
border: 1px solid #dbdbdb;
width: 30px;
}
/**分页题*/
.pageQuContent {
text-align: right;
padding: 8px 15px;
font-family: "微软雅黑";
line-height: 1.4em;
color: #666666;
font-size: 14px;
/* border-top: 2px solid #BCBCBC; */
}
.pageBorderTop {
margin: 0px 10px;
border-top: 3px solid transparent;
border-top: 3px solid #d6dce4;
}
.pageBorderTop.nohover {
border-top: 3px solid #d6dce4;
}
/**多项填空题**/
.mFillblankTable {
}
.mFillblankTable tr td {
padding: 5px 8px;
vertical-align: middle;
font-size: 14px;
font-family: "微软雅黑";
color: #333333;
line-height: 1.4em;
}
.mFillblankTable tr td .editAble {
width: 100%;
}
.mFillblankTable .mFillblankTableEditTd {
}
/**jquery ui dialog**/
.ui-icon-closethick {
background: transparent url("../images/toolbar.png") 0px 0px no-repeat !important;
background-position: -502px -155px !important;
}
#editDialogCenter {
width: 678px;
border-bottom: 1px solid #c8c9cc;
overflow: hidden;
margin: auto;
padding-top: 3px;
background-color: #fff;
text-align: left;
}
#dialogUeBottom {
padding: 5px 10px;
}
/**矩陈题**/
.quCoItemLeftChenTableDiv {
float: left;
overflow: auto;
}
table.quCoChenTable {
padding: 0px;
margin: 0px;
width: 650px;
border: 1px solid #dddddd;
border-collapse: separate;
border-left: 0;
border-spacing: 0;
}
table.quCoChenTable tr td {
vertical-align: middle;
padding: 3px 0px;
font-size: 14px;
font-family: "微软雅黑";
color: #333333;
line-height: 1.4em;
text-align: center;
border-left: 1px solid #dddddd;
border-top: 1px solid #dddddd;
}
table.quCoChenTable tr td label {
padding: 3px 0px;
vertical-align: middle;
cursor: text;
display: inline-block;
max-width: 600px;
table-layout: fixed;
word-break: break-all;
width: 100%;
}
.surveyQuItemContent .quCoRightTools {
visibility: hidden;
overflow: auto;
float: right;
padding: 0px;
}
.surveyQuItemContent .quCoRightTools ul {
margin: 0px;
padding: 0px;
list-style: none;
margin-top: 12px;
}
.surveyQuItemContent .quCoRightTools ul li {
/* padding: 3px 8px; */
padding: 0px;
margin: 8px auto;
cursor: pointer;
font-family: "微软雅黑";
font-size: 12px;
text-align: center;
}
.surveyQuItemContent .quCoRightTools ul li .dwQuIcon {
/* background: transparent url("../images/toolbar.png") 0px 0px no-repeat; */
width: 25px;
height: 25px;
margin: 0px auto;
}
.surveyQuItemContent .quCoRightTools ul li.addMoreOption {
margin-left: 2px;
}
.contactsFieldLi {
display: none;
}
select option {
padding: 5px;
}
.inputSytle_1 {
background: #fff url(../images/shadow-in.png?020) no-repeat;
border: 1px solid #cececf;
outline: none;
height: 17px;
padding: 4px 6px;
font-size: 12px;
}
.tabbarDialog {
position: fixed;
z-index: 200;
border: 1px solid #c0c0c0;
background: white;
top: 40px;
padding: 15px;
line-height: 1.4em;
font-family: "微软雅黑";
color: #444;
filter: alpha(opacity=92); /*IE滤镜透明度50%*/
-moz-opacity: 0.92; /*Firefox私有透明度50%*/
opacity: 0.92; /*其他透明度50%*/
}
.tabbarDialog_1 {
background: white;
padding: 5px 10px;
line-height: 1.2em;
font-family: "微软雅黑";
font-size: 14px;
color: #444;
}
.p_DialogContent {
margin: 5px;
}
.p_DialogContentTitle {
font-size: 16px;
padding: 5px;
color: gray;
}
.p_DialogContentRoot {
padding: 5px;
padding-left: 10px;
}
.p_DialogContentItem {
padding: 3px;
}
.tabbarDialogContent {
visibility: visible;
}
.selectRadioUl {
border: 1px solid #d6dce4;
margin-top: 6px !important;
}