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/answer-m.css

869 lines
16 KiB

/*** old ***/
.starRating {
font-size: 26px;
}
.starRating .fa {
cursor: pointer;
}
.starRating .fa-star {
color: #3388cc;
}
.subbtn {
opacity: 1 !important;
color: white;
}
.m_quOrderByUi {
margin: 5px 0 5px 0;
padding: 0;
border: 1px solid #d5d5d5;
border-radius: 3px;
}
.m_quOrderByUi li {
border-color: #fff;
font-size: 16px;
min-height: 41px;
position: relative;
padding-right: 45px !important;
border-bottom: 1px solid #ebebeb !important;
}
.m_orderby_num {
position: absolute;
right: 10px;
top: 55%;
margin-top: -15px;
min-width: 26px;
height: 26px;
background: #85c8ff;
color: #fff;
text-align: center;
line-height: 26px;
border-radius: 15px;
z-index: 100;
display: none;
}
.m_orderby_sel {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
font-size: 30px;
z-index: 9999;
background-color: rgb(248, 248, 248);
border: 1px solid rgb(166, 166, 166);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
display: inline-block;
}
body {
padding: 0px;
margin: 0px;
}
/*** new ***/
#answer-m-head .dwSvyName {
color: #365f8f;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
font-size: 22px;
padding: 10px 0px;
}
#dwSurveyNoteEdit {
padding: 10px 0px;
color: grey;
font-size: 13px;
line-height: 22px;
}
#answer-m-content {
padding-top: 10px;
}
#dwSurveyQuContentAppUl {
list-style: none;
padding: 0px;
margin: 0px;
}
#dwSurveyQuContentAppUl > li {
padding-bottom: 20px;
}
#dwSurveyQuContentAppUl > li .surveyQuItemContent legend {
/*font-weight: bold;*/
color: black;
font-size: 16px;
/*font-weight: bold;*/
line-height: 26px;
}
.surveyQuItem .surveyQuItemContent {
padding: 0px;
border: none;
width: 100%;
}
.surveyQuItemContent .dwQuOptionItemContent {
margin: 0.5em 0;
position: relative;
background-color: #f6f6f6;
border: 1px solid #ddd;
color: #333;
/*text-shadow: 0 1px 0 #f3f3f3;*/
padding: 6px 10px;
border-radius: 0.3125em;
font-size: 14px;
background-color: white;
}
.surveyQuItemContent .columnItemContnetTd .dwQuOptionItemContent {
margin: 0px;
background-color: white;
border: none;
color: #333;
text-shadow: none;
padding: 0px;
border-radius: 0em;
font-size: 14px;
}
.surveyQuItemContent .dwQuOptionItemContent:active {
border-color: rgb(129, 152, 186);
border-color: #5aa9ef;
border-color: #1e94fc;
background: #dae8f5;
background: white;
border-color: #ddd;
}
.surveyQuItemContent .dwQuOptionItemContent.active {
border-color: #1e94fc;
background: #dae8f5;
background: white;
background-color: #e4edf7;
}
.surveyQuItemContent .dwQuOptionItemContent input {
}
.surveyQuItemContent .dwQuOptionItemContent label {
margin: 0;
text-align: left;
white-space: normal;
z-index: 2;
}
.surveyQuItemContent .inputSytle_1,
.surveyQuItemContent .inputSytle_2 {
display: block;
width: 100%;
outline: 0;
margin: 0;
text-align: left;
padding: 6px 0px;
margin-top: 10px;
border: 1px solid #ddd;
text-indent: 6px;
}
.dwQuOptionItemContent input[type="radio"],
.dwQuOptionItemContent input[type="checkbox"] {
display: none;
}
/** 单选样式***/
.dwQuOptionItemContent .dwRedioStyle {
background: transparent url(../images/answer-icon-1.png) no-repeat center top;
vertical-align: middle;
height: 22px;
width: 22px;
background-position: -2px -6px;
display: inline-block;
}
.dwQuOptionItemContent .dwRedioStyle.checked {
background-position: -2px -31px;
}
/**多选样式**/
.dwQuOptionItemContent .dwCheckboxStyle {
background: transparent url(../images/answer-icon-1.png) no-repeat center top;
vertical-align: middle;
height: 22px;
width: 22px;
background-position: -2px -60px;
display: inline-block;
}
.dwQuOptionItemContent .dwCheckboxStyle.checked {
background-position: -2px -87px;
}
.ui-controlgroup-controls {
border-bottom: 1px solid #ddd;
margin-top: 8px;
}
.ui-controlgroup-controls .m_clickQuOrderItem {
background-color: #f6f6f6;
border: 1px solid #ddd;
color: #333;
text-shadow: 0 1px 0 #f3f3f3;
font-size: 14px;
border-radius: 0px;
border-bottom: none;
}
.ui-controlgroup-controls .m_clickQuOrderItem:first-child {
}
.ui-controlgroup-controls .m_clickQuOrderItem label {
border: none;
font-weight: normal;
}
.surveyQuItemContent .mFillblankTableTr label {
display: block;
margin: 0 0 0.4em;
}
.surveyQuItemContent .mFillblankTableTr {
margin: 10px 0px;
}
.surveyQuItemContent
.mFillblankTableTr
.surveyQuItemContent
.dwQuOptionItemContent.dwQuOptionItemContent
label {
display: inline-block;
margin: 0px;
}
.surveyQuItemContent .quSliderItemTr .mFillblankTableEditTd label {
margin: 0px;
}
.surveyQuItemContent .mFillblankTableTr .dwMFillblankInput,
input[type="text"].fillblankInput {
width: 100%;
outline: 0;
margin: 0;
}
.surveyQuItemContent .mFillblankTableTr .dwMFillblankInput,
input[type="text"].fillblankInput,
.option_other_text {
display: block;
border: 1px solid #ddd;
text-align: left;
box-sizing: border-box;
}
.nextPage_a,
.submitSurvey {
width: 100%;
line-height: 25px;
border-radius: 2px;
padding: 8px 0px;
margin-left: 0px;
font-size: 16px;
text-decoration: none;
color: white;
background: #1e94fc;
border: none;
background: #4f8bff;
}
.nextPage_a:hover,
.submitSurvey:hover {
background: #1759e8;
background: -moz-linear-gradient(top, #1759e8, #1759e8);
background: -webkit-gradient(
linear,
0 0,
0 bottom,
from(#1759e8),
to(#1759e8)
);
}
.dw-footer {
display: block;
padding: 20px 0px;
width: 100%;
height: 30px;
text-align: center;
font-size: 13px;
font-weight: normal;
padding-top: 30px;
color: #333;
background-color: #eeeeee;
}
.dw-footer a {
color: #333;
}
.dwsurvey-controlgroup {
margin: 6px;
margin-bottom: 8px;
margin-left: 0px;
}
.dwsurvey-controlgroup .starOptionTitle {
font-size: 14px;
}
.dwsurvey-controlgroup .starOptionContent {
font-size: 14px;
}
.starRating {
font-size: 14px;
}
.starRating .fa {
cursor: pointer;
padding: 3px;
}
.starRating .fa-star {
color: #365f8f;
}
.quCoItem ul li {
list-style: none;
}
.radioSelectSet select {
width: 100%;
border: 1px #cecad2 solid;
margin: 0.5em 0;
outline-style: none;
}
.quCoItem > ul {
margin: 0px;
padding: 0px;
}
body {
background: white;
}
.ui-page {
background: white;
}
.ui-header {
background-color: #5693c0 !important;
text-shadow: 0 1px 0 #3d586c !important;
padding-bottom: 5px;
background-color: #5aa9ef !important;
}
.ui-content {
padding: 0px 1em;
}
.ui-footer {
color: #3d586c !important;
background: none !important;
}
.ui-header,
.ui-footer {
border: none !important;
}
.starRating .fa {
cursor: pointer;
}
.starRating .fa-star {
color: #3388cc;
}
.subbtn {
opacity: 1 !important;
color: white;
}
.quTitleNum {
/* position: absolute; */
}
.quTitleText {
/* text-indent: 2em; */
}
#dwSurveyNote {
padding-top: 0px;
}
.m_quOrderByUi {
margin: 5px 0 5px 0;
padding: 0;
border: 1px solid #d5d5d5;
border-radius: 3px;
}
.m_quOrderByUi li {
border-color: #fff;
font-size: 16px;
min-height: 41px;
position: relative;
padding-right: 45px !important;
border-bottom: 1px solid #ebebeb !important;
}
.m_orderby_num {
position: absolute;
right: 10px;
top: 55%;
margin-top: -15px;
min-width: 26px;
height: 26px;
background: #85c8ff;
color: #fff;
text-align: center;
line-height: 26px;
border-radius: 15px;
z-index: 100;
display: none;
}
.m_orderby_sel {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
opacity: 0;
font-size: 30px;
z-index: 9999;
background-color: rgb(248, 248, 248);
border: 1px solid rgb(166, 166, 166);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
display: inline-block;
}
#resultProgressRoot {
top: 0px;
z-index: 200;
position: fixed;
width: 100%;
background-color: #cecad2;
background-color: #e0e0e0;
}
.progress-label {
font-size: 14px;
font-family: "微软雅黑";
margin: 0px auto;
text-align: center;
line-height: 1.4em;
color: #0887d2;
display: none;
}
.progressbarDiv {
height: 3px !important;
box-shadow: none !important;
/*border: 1px solid #0887d2;*/
border-radius: 0px !important;
}
.progressbarDiv .ui-progressbar-value {
background: #0887d2;
border: none;
}
.progressbarDiv .ui-widget-header {
background: #0887d2;
}
.ui-progressbar .ui-progressbar-value {
margin: 0px;
}
.ui-progressbar {
position: relative;
background: none !important;
}
p {
/*display: inline;*/
}
.nextPage_a,
.submitSurvey {
width: 100%;
line-height: 25px;
border-radius: 3px;
padding: 8px 0px;
margin-left: 0px;
}
html head + body .ui-btn.ui-btn-b,
html head + body .ui-btn.ui-btn-b:hover {
background-color: #00a0df;
border-color: #00a0df;
text-shadow: 0 1px 0 #00a0df;
}
.sbtn24 {
background-image: none;
background-color: #00a0df;
background: #4f8bff;
color: white !important;
font-size: 12px;
height: 25px;
}
.sbtn24:active {
background-color: #008dc9;
}
.sbtn24_0:hover {
background: #1759e8;
}
#dwSurveyHeaderTopImg {
height: auto;
width: auto\9;
width: 100%;
}
#dwSurveyQuContentBg {
/*margin: 16px;
margin-bottom: 0px;
*/
padding: 16px;
padding-bottom: 0px;
}
.dwQuCoChenRowTr {
margin-top: 10px;
}
.dwScoreRowItem {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.dwScoreRowItem .dwQuCoScoreCol {
margin-top: 10px;
}
#jcaptchaImgBody {
font-size: 14px;
}
.jcaptchaInput {
display: block;
width: 100%;
outline: 0;
margin: 0;
text-align: left;
padding: 6px 0px;
margin-top: 10px;
border: 1px solid #ddd;
text-indent: 6px;
}
#register-jcaptchaImg {
width: 110px !important;
}
#diaowen-m-content {
background-color: white;
}
#dwSurveyHeaderTop {
/*background: #cecad2;*/
/*display: none;*/
/*background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;*/
}
#dwSurveyHeaderTopImg,
#dwSurveyLogo {
display: none;
}
#dwSurveyHeaderTopImg img,
#dwSurveyLogo img {
border: none;
}
#dwSurveyHeaderTopImg {
width: 100%;
height: auto;
}
#dwSurveyHeaderTop.bgImg #dwSurveyHeaderTopImg {
display: block;
}
#dwSurveyHeaderTop.bgImg #dwSurveyLogo {
position: absolute;
top: 10px;
}
table.quScaleTable tr td {
padding: 3px;
padding: 0px;
}
.dwQuOptionItemContent.inputchecked {
background-color: dodgerblue;
color: white;
}
table.quScaleTable tr td.quCoChenTdRC:hover {
border: 1px solid transparent;
}
.cascadeSelectSet select,
.radioSelectSet select {
width: 100%;
display: block;
}
.diaowen-m-content img {
width: 100%;
}
.surveyQuItemContent .quCoItem.imgSelectQu {
/*margin-top: 10px;*/
}
.surveyQuItemContent .quCoItem ul.transverse {
display: -webkit-flex; /* Safari */
display: flex;
flex-wrap: wrap;
/*align-content: space-between;*/
}
@media (max-width: 300px) {
.imgQuCoItemUlLi {
width: 100%;
}
.surveyQuItemContent .imgSelectQu ul.transverse {
justify-content: space-between;
}
}
@media (min-width: 300px) {
.imgQuCoItemUlLi {
width: 49%;
}
.surveyQuItemContent .imgSelectQu ul.transverse {
justify-content: space-between;
}
}
@media (min-width: 600px) {
.imgQuCoItemUlLi {
width: 32%;
}
.surveyQuItemContent .imgSelectQu ul.transverse {
justify-content: flex-start;
}
.surveyQuItemContent .imgSelectQu ul.transverse .quCoItemUlLi {
margin-right: 1%;
}
}
@media (min-width: 900px) {
.imgQuCoItemUlLi {
width: 22%;
}
.surveyQuItemContent .imgSelectQu ul.transverse {
justify-content: flex-start;
}
.surveyQuItemContent .imgSelectQu ul.transverse .quCoItemUlLi {
margin-right: 1%;
}
}
.surveyQuItemContent .imgSelectQu ul.transverse .quCoItemUlLi {
/*margin-right: 10px;*/
/*margin-bottom: 10px;*/
/*margin-top: 10px;*/
margin-top: 10px;
}
.surveyQuItemContent .dwQuOptionItemContent.imgItemContent {
border: none;
background: none;
text-align: left;
padding-left: 0px;
margin: 0px;
padding: 0px;
}
.choicequ_img_item {
text-align: center;
border: 1px solid lightgrey;
padding: 6px;
padding-bottom: 8px;
/*width: 180px;*/
}
.choicequ_img_item_add {
border: 1px dashed lightgrey;
padding: 6px;
padding-bottom: 8px;
cursor: pointer;
}
.choicequ_img_item_img {
margin-bottom: 6px;
position: relative;
/*height: 160px;*/
overflow: hidden;
}
.choicequ_img_item_action {
position: absolute;
left: 0;
bottom: 0;
/*height: 160px;*/
width: 100%;
line-height: 30px;
z-index: 100;
opacity: 0.6;
}
.choicequ_img_item_action .editQuImg {
width: 60px;
height: 45px;
font-size: 14px;
text-decoration: none;
color: white;
display: block;
border: 1px solid white;
border-radius: 60px;
background: black;
color: white;
margin-top: 50px;
margin-left: 50px;
padding-top: 15px;
display: none;
}
.choicequ_img_item_img:hover .choicequ_img_item_action .editQuImg {
display: block;
}
.choicequ_img_item_action .editQuImg:hover {
background: #b06886;
}
.choicequ_img {
width: 100%;
}
.imgSelectQu img {
width: 100%;
}
.leftValue,
.rightValue {
font-size: 12px;
color: #757575;
}
table.chenTable {
border-right: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
border-spacing: 0px;
}
table.chenTable tr.quCoChenTableHead td {
background: #dddddd;
padding: 3px;
}
table.chenTable tr td {
border-spacing: 0px;
word-break: keep-all;
white-space: nowrap;
}
.chenTable td {
border-left: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
}
.chenTableRowColumn,
.chenTableRowColumn td {
padding: 0px;
margin: 0px;
}
.chenScaleRadioRow .columnItemContnetTd .dwQuOptionItemContent {
padding: 6px;
cursor: pointer;
}
table.chenScaleTable {
background: none;
border: none;
}
.chenScaleTable tr.quCoChenTableHead td {
background: none;
}
.chenScaleTable td {
border: none;
border: 1px solid transparent;
}
table.chenScaleTable tr.quCoChenTableHead td {
background: none;
}
table.chenScaleTable .chenScaleRadioRow .columnItemContnetTd {
padding: 3px;
padding-bottom: 10px;
}
table.chenScaleTable
.chenScaleRadioRow
.columnItemContnetTd
.dwQuOptionItemContent {
border: 1px solid rgb(221, 221, 221);
border-radius: 0.3125em;
}
table.chenScaleTable .chenTableRowTitle td {
padding: 6px;
font-size: 16px;
color: #6b6767;
padding-bottom: 0px;
}
table.scaleLeftRightTable tr td {
color: #757575;
font-size: 12px;
}
.nextPage_a {
display: block;
}
.dwQuChenFbkOptionItemContent {
margin-top: 10px;
}
.dwChenMFillblankInput {
width: 100%;
}
table.quCoChenTable {
width: 100%;
}
select {
width: 100%;
}
table.dwQuCoChenRowTrTable {
min-width: 100%;
max-width: none;
}
table.dwQuCoChenRowTrTable tr td {
/*border: none;*/
}
table.dwQuCoChenRowTrTable tr td {
}
table.dwQuCoChenRowTrTable .quChenColumnTd {
padding: 6px;
}
table.quCoChenTable tr td.quChenRowTitleTrTd label {
max-width: none;
}
.quChenRowTitleTrTd,
.quChenRowTitleTrTd label {
text-align: left;
}
table.dwQuCoChenRowTrTable tr td {
padding: 0px;
}
table.dwQuCoChenRowTrTable tr td:first-child {
}
table.dwQuCoChenRowTrTable .quChenRowTitleTr td.quChenRowTitleTrTd {
padding: 5px;
}
table.dwQuCoChenRowTrTable .dwQuOptionItemContent {
margin: 0px;
border: none;
border-radius: 0;
}
table.dwQuCoChenRowTrTable tr td .dwQuChenFbkOptionItemContent {
margin-top: 0px;
}
table.dwQuCoChenRowTrTable tr td .inputSytle_1,
table.dwQuCoChenRowTrTable tr td select {
margin: 0px;
border: none;
min-width: 100px;
}
table.quCoChenTable tr td {
word-break: keep-all;
white-space: nowrap;
}
tr.quChenRowTitleTr .quChenRowTitleTrTd {
background: #f3f3f3;
}
.nextPage_a,
.submitSurvey {
background: dodgerblue;
border-radius: 0px;
background: -moz-linear-gradient(top, dodgerblue, dodgerblue);
background: -webkit-gradient(
linear,
0 0,
0 bottom,
from(dodgerblue),
to(dodgerblue)
);
}
input[type="button"],
input[type="text"],
input[type="password"],
textarea,
button {
-webkit-appearance: none;
outline: none;
-webkit-border-radius: 0px;
}
select {
-webkit-border-radius: 0px;
background-color: white;
}
.columnItemContnetTd .quCoItemUlLi {
margin-right: 20px;
}
.surveyQuItemContent .quCoChenTdRC .dwQuOptionItemContent {
margin: 0.5em auto;
width: 20px;
padding: 6px 4px;
/*量表11个选项不出滚动*/
/*
width: 18px;
padding: 6px 3px;*/
}
.dwQuOptionItemContent p {
display: inherit;
}