sur-mobile.css 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602
  1. @CHARSET "UTF-8";
  2. *{
  3. margin: 0px;
  4. padding: 0px;
  5. }
  6. .sbtn24{
  7. background: url(../images/btn24.png) no-repeat 999px 999px;
  8. width: 88px;
  9. height: 30px;
  10. color: #777;
  11. background-position: 0 -240px;
  12. font-size: 12px;
  13. border: 0;
  14. cursor: pointer;
  15. display: inline-block;
  16. zoom: 1;
  17. line-height: 30px;
  18. text-align: center;
  19. text-decoration: none;
  20. font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";
  21. }
  22. .sbtn24{
  23. margin-left: 10px;
  24. letter-spacing: 3px;
  25. }
  26. .sbtn24_0{
  27. background-position: 0 -200px;
  28. color: #fff;
  29. }
  30. .sbtn24_1{
  31. color: #333333;
  32. }
  33. .sbtn24_0:hover{
  34. background-position: -98px -200px;
  35. }
  36. .sbtn24_1:hover{
  37. background-position: -98px -240px;
  38. }
  39. .sbtn26{
  40. background: url(../images/dw-icons1-24.png) no-repeat 999px 999px;
  41. width: 95px;
  42. height: 33px;
  43. color: white;
  44. font-size: 13px;
  45. border: 0;
  46. cursor: pointer;
  47. display: inline-block;
  48. zoom: 1;
  49. letter-spacing: 1px;
  50. line-height: 32px;
  51. text-align: center;
  52. text-decoration: none;
  53. font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";
  54. }
  55. .sbtn26_0{
  56. background-position: 0px -162px;
  57. }
  58. .sbtn26_0:hover{
  59. background-position: 0px -273px;
  60. }
  61. body{
  62. /* background: #E8E9EB; */
  63. /* background-size: cover; */
  64. }
  65. input[type='checkbox'],input[type='radio']{
  66. /* _vertical-align:-1px;
  67. vertical-align:-2px;
  68. margin-right: 5px; */
  69. vertical-align: middle!important;
  70. line-height: normal;
  71. cursor: pointer;
  72. margin: 0px 5px!important;
  73. padding: initial;
  74. background-color: initial;
  75. border: initial;
  76. }
  77. select option{
  78. padding: 5px;
  79. }
  80. .inputSytle_1{
  81. background: #fff url(../images/shadow-in.png?020) no-repeat;
  82. border: 1px solid #cececf;
  83. outline: none;
  84. height: 17px;
  85. padding: 6px 10px 5px;
  86. font-size: 12px;
  87. }
  88. .tabbarDialog{
  89. position: fixed;
  90. z-index:200;
  91. border:1px solid #c0c0c0;
  92. background: white;
  93. top:40px;
  94. padding: 15px;
  95. line-height: 1.4em;
  96. font-family: "微软雅黑";
  97. color: #444;
  98. display: none;
  99. filter:alpha(opacity=92); /*IE滤镜,透明度50%*/
  100. -moz-opacity:0.92; /*Firefox私有,透明度50%*/
  101. opacity:0.92;/*其他,透明度50%*/
  102. }
  103. .p_DialogContent{
  104. margin: 5px;
  105. }
  106. .p_DialogContentTitle{
  107. font-size: 16px;
  108. padding: 5px;
  109. }
  110. .p_DialogContentRoot{
  111. padding: 5px;
  112. padding-left: 10px;
  113. }
  114. .p_DialogContentItem{
  115. padding: 3px;
  116. }
  117. .tabbarDialogContent{
  118. visibility: visible;
  119. }
  120. /**模板**/
  121. .pc_themeContentScorll{
  122. width: 730px;
  123. height: 460px;
  124. overflow-y: scroll;
  125. }
  126. .pc_themeContent{
  127. margin: -28px 0 0 -20px;
  128. }
  129. .tabbarDialog .themeitem{
  130. display: inline;
  131. margin: 28px 0 0 20px;
  132. width: 220px;
  133. overflow: hidden;
  134. float: left;
  135. }
  136. .themeitem .themenail{
  137. width: 200px;
  138. height: 120px;
  139. padding: 9px;
  140. border: 1px solid #dfdfdf;
  141. cursor: pointer;
  142. background: #fff;
  143. }
  144. .themeitem .themenail img {
  145. display: block;
  146. width: 200px;
  147. height: 120px;
  148. border: none;
  149. }
  150. .themeitem h5{
  151. padding: 8px 0 0;
  152. font-size: 14px;
  153. font-weight: normal;
  154. background: url(../images/shadow.png?001) no-repeat center 0;
  155. color: #444;
  156. text-align: left;
  157. line-height: 19px;
  158. }
  159. .theme_param_Group{
  160. float: left;
  161. margin: 0px;
  162. }
  163. .theme_param{
  164. padding-right: 20px;
  165. padding-left: 10px;
  166. }
  167. .theme_param.split .mainSplit{
  168. height: 16px;
  169. line-height: 16px;
  170. margin-bottom: 16px;
  171. border-bottom: 1px solid #efefef;
  172. display: block;
  173. clear: both;
  174. }
  175. .theme_param.image{
  176. width: 350px;
  177. }
  178. .theme_param .image_box {
  179. float: right;
  180. width: 120px;
  181. height: 30px;
  182. margin-left: -60px;
  183. border: none;
  184. }
  185. .image_box .image_box_img{
  186. float: left;
  187. }
  188. .image_box_upload{
  189. float: right;
  190. padding-top: 2px;
  191. }
  192. .surveyUpImageQueueid{
  193. position: absolute;
  194. }
  195. .theme_param.color {
  196. height: 32px;
  197. line-height: 32px;
  198. padding: 6px 10px;
  199. margin-right: 10px;
  200. }
  201. .theme_param .color_box {
  202. float: right;
  203. width: 50px;
  204. height: 30px;
  205. margin-left: -60px;
  206. border: 1px solid #aaa;
  207. }
  208. .color .colorName {
  209. margin-right: 60px;
  210. }
  211. .theme_param.color .isbgcolor .colorText {
  212. height: 15px;
  213. line-height: 15px;
  214. }
  215. .color .colorName .colorText {
  216. width: 195px;
  217. }
  218. .thide {
  219. overflow: hidden;
  220. white-space: nowrap;
  221. text-overflow: ellipsis;
  222. -o-text-overflow: ellipsis;
  223. word-break: keep-all;
  224. }
  225. .theme_param.color .isbgcolor .bgcolortip {
  226. display: block;
  227. height: 15px;
  228. line-height: 15px;
  229. padding-top: 2px;
  230. color: #aaa;
  231. font-size: 12px;
  232. }
  233. .theme_param.image .bgcolortip{
  234. margin-left: 8px;
  235. }
  236. .theme_param.if {
  237. line-height: 24px;
  238. margin-bottom: 10px;
  239. }
  240. .theme_param.fontStyle{
  241. overflow: auto;
  242. }
  243. .theme_param.fontStyle .suveytextStyle{
  244. overflow: auto;
  245. }
  246. .theme_param.fontStyle .suveytextStyle .suveytextStyleSelect{
  247. float: left;
  248. margin-top: 5px;
  249. }
  250. .tabbarDialog select{
  251. padding: 5px;
  252. outline: none;
  253. }
  254. .suveytextStyle{
  255. padding: 5px;
  256. }
  257. .suveytextStyle label{
  258. vertical-align: middle;
  259. }
  260. .suveytextStyle img{
  261. vertical-align: middle;
  262. }
  263. #wrap{
  264. /*如果浏览器小于1200,则设置wrap为1200*/
  265. /* width: 1200px; */
  266. margin: 0px auto;
  267. padding: 0px;
  268. height: 100%;
  269. width: 100%;
  270. background-attachment: fixed;
  271. background-position: 0px 0px;
  272. }
  273. #preview_head{
  274. zoom: 1;
  275. height: 40px;
  276. padding: 0px 10px;
  277. position: fixed;
  278. z-index:200;
  279. width: 100%;
  280. margin: 0px;
  281. top:0px;
  282. background: #eee url(../images/x.png) 0 -160px repeat-x;
  283. box-shadow: 4px 1px 3px rgba(224, 229, 233, 0.44);
  284. }
  285. .leftTabbar{
  286. }
  287. .leftTabbar ul{
  288. padding: 0px;
  289. margin: 0px;
  290. list-style: none;
  291. }
  292. .leftTabbar ul li{
  293. float: left;
  294. display: block;
  295. font-size: 14px;
  296. font-family: "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";
  297. }
  298. .leftTabbar ul li .tabbarTitle{
  299. height: 40px;
  300. line-height: 40px;
  301. padding: 0 16px;
  302. cursor: pointer;
  303. white-space: nowrap;
  304. }
  305. .leftTabbar ul li.js-tabselected .tabbarTitle{
  306. background-color: #373D42;
  307. color: #fff;
  308. }
  309. .leftTabbar ul li.hover .tabbarTitle{
  310. background-color: #a2a2a2;
  311. color: #fff;
  312. }
  313. .centerTabbar{
  314. margin: 0px auto;
  315. margin-top:5px;
  316. width:260px;
  317. /* background-color: #111;
  318. background-color: rgba(17,17,17,0.5);
  319. color: #fff;
  320. color: rgba(255,255,255,0.5);
  321. border-right: 1px solid #111;
  322. border-right: 1px solid rgba(17,17,17,0.3); */
  323. color:#6E6E6E;
  324. margin-left: 30px;
  325. }
  326. .centerTabbarBtn{
  327. text-decoration: none;
  328. color: #6E6E6E;
  329. /* color: #8DB800; */
  330. height: 30px;
  331. line-height: 30px;
  332. padding: 5px 5px;
  333. padding-right:10px;
  334. cursor: pointer;
  335. white-space: nowrap;
  336. background: none;
  337. }
  338. .centerTabbarBtn.active{
  339. /* color: #fff; */
  340. /* border:1px solid #A2A2A2; */
  341. color: #222222;
  342. color:#8DB800;
  343. font-weight: bold;
  344. }
  345. a.centerTabbarBtn:hover{
  346. color: #222222;
  347. color:#8DB800;
  348. }
  349. .rightTabbar{
  350. float: right;
  351. margin-top: 5px;
  352. margin-right: 20px;
  353. }
  354. #dwSurveyHeader{
  355. /* background: url("../images/1351833968D86W5x.jpg") 30px;
  356. background: url("../images/1279780388A5rVCG.jpg"); */
  357. }
  358. #dwSurveyLogo{
  359. height: 70px;
  360. padding: 15px 25px;
  361. padding-bottom: 0px;
  362. display: none;
  363. }
  364. #dwSurveyLogo img{
  365. border: 1px dashed #DDDDDD;
  366. }
  367. #dw_body{
  368. padding-top: 65px;
  369. }
  370. #dw_body .dw_body_title{
  371. background: #F0F1F4;
  372. border-bottom:1px solid #DDE1E7;
  373. padding: 8px 10px;
  374. color: #333;
  375. font-family:"新宋体";
  376. font-weight: normal;
  377. text-decoration: none;
  378. font-size: 14px;
  379. letter-spacing:2px;
  380. }
  381. #dw_body_content{
  382. /* background:white; */
  383. border: 1px solid #DDE1E7;
  384. border: none;
  385. /* height: 600px; */
  386. position: relative;
  387. z-index: 50;
  388. width: 900px;
  389. margin: 0px auto;
  390. padding: 0px;
  391. }
  392. /* 编辑内容区 */
  393. #dwSurveyTitle{
  394. text-align: center;
  395. outline-style: none;
  396. font-weight: none;
  397. font-family:"微软雅黑";
  398. font-size: 21px;
  399. letter-spacing:1px;
  400. color:#222222;
  401. padding: 0px;
  402. }
  403. #dwSurveyTitle.noLogoImg{
  404. /* padding-top: 25px; */
  405. }
  406. #dwSurveyTitle{
  407. margin: 0px 2px;
  408. margin-top: 0px;
  409. }
  410. #dwSurveyName{
  411. text-align: center;
  412. outline-style: none;
  413. font-weight: none;
  414. font-family:"微软雅黑";
  415. font-size: 18px;
  416. letter-spacing:1px;
  417. /* color:#222222; */
  418. cursor:text;
  419. overflow: auto;
  420. /* width: 680px; */
  421. padding: 5px 3px;
  422. overflow: auto;
  423. }
  424. #dwSurveyNote{
  425. /* border: 1px solid transparent; */
  426. margin: 0px 0px;
  427. padding-top:2px;
  428. /* padding-bottom: 20px; */
  429. padding-bottom: 2px;
  430. }
  431. #dwSurveyNote.click{
  432. border: 1px solid #98C5C3;
  433. background: #FDF9CD;
  434. }
  435. #dwSurveyNote.click #dwSurveyNoteTools{
  436. display: inline;
  437. }
  438. #dwSurveyNoteTools{
  439. position: absolute;
  440. width: 80px;
  441. height: 25px;
  442. /* background: #DDE1E7;
  443. background: #D4E0E0; */
  444. border: 1px solid #98C5C3;
  445. right: 30px;
  446. margin-top: -27px;
  447. display: none;
  448. font-size: 12px;
  449. line-height: 25px;
  450. text-align: center;
  451. cursor: pointer;
  452. }
  453. #dwSurveyNoteEdit{
  454. font-size: 14px;
  455. outline-style: none;
  456. text-indent: 2em;
  457. line-height: 1.2em;
  458. color: #333333;
  459. padding:4px;
  460. cursor: text;
  461. font-family: "微软雅黑";
  462. color: #DFDFDF;
  463. }
  464. .editAble{
  465. outline-style: none;
  466. font-family: "微软雅黑";
  467. vertical-align: middle;
  468. cursor: text;
  469. display: inline-block;
  470. /* max-width: 600px; */
  471. table-layout: fixed;
  472. word-break: break-all;
  473. }
  474. .editAble img,.editAble embed,.editAble object,
  475. #dwComEditContent img,#dwComEditContent embed,#dwComEditContent object{
  476. max-width:95%;
  477. }
  478. .quDragBody{
  479. border: 1px solid #299995;
  480. background: white;
  481. filter:alpha(opacity=80); /*IE滤镜,透明度50%*/
  482. -moz-opacity:0.8; /*Firefox私有,透明度50%*/
  483. opacity:0.8;/*其他,透明度50%*/
  484. width: 800px;
  485. cursor: move! important;
  486. }
  487. .sortActiveclass{
  488. border: 1px solid #C9C9C9;
  489. background: #FAFAFA;
  490. }
  491. #dwSurveyQuContent{
  492. /* background: url("../images/1351833968D86W5x.jpg"); */
  493. }
  494. #dwSurveyQuContentBg{
  495. /* background: white; */
  496. /* padding: 20px 30px; */
  497. padding-top: 5px;
  498. /*
  499. filter:alpha(opacity=90); IE滤镜,透明度50%
  500. -moz-opacity:0.9; Firefox私有,透明度50%
  501. opacity:0.9;其他,透明度50%
  502. */
  503. }
  504. #dwSurveyQuContentAppUl{
  505. list-style: none;
  506. }
  507. /**题目开始**/
  508. .surveyQuItemBody{
  509. /* margin:0px;
  510. padding:0px;
  511. overflow: auto; */
  512. }
  513. #defaultAppQuObj.hover {
  514. border: 1px solid transparent;
  515. background: none;
  516. border-left: none;
  517. border-right: none;
  518. }
  519. .surveyQuItem{
  520. overflow: auto;
  521. margin-top: 0px;
  522. border: 1px solid transparent;
  523. /* border: 1px solid #C9C9C9; */
  524. border-left: none;
  525. border-right: none;
  526. background: none;
  527. }
  528. .surveyQuItemBody.hover .surveyQuItem{
  529. /* background: #FAFAFA; */
  530. border: 1px solid #C9C9C9;
  531. border-left: none;
  532. border-right: none;
  533. }
  534. .surveyQuItemBody .initLine{
  535. width: 100%;
  536. height: 8px;
  537. background: #299995;
  538. visibility: hidden;
  539. }
  540. .surveyQuItemBody.showLine .initLine{
  541. visibility: visible;
  542. }
  543. /**jquery ui sort 实现 上面是老的实现 **/
  544. #dwSurveyQuContentAppUl li.showLine{
  545. width: 100%;
  546. height: 8px;
  547. background: #299995;
  548. }
  549. /**题目功能区**/
  550. /** 题目左边 设置,逻辑,删除 **/
  551. .surveyQuItemLeftTools{
  552. float: left;
  553. width: 40px;
  554. text-align: center;
  555. margin-top: 10px;
  556. }
  557. .surveyQuItemLeftToolsUl{
  558. padding: 0px;
  559. margin: 0px auto;
  560. list-style: none;
  561. /* display: none; */
  562. visibility: hidden;
  563. }
  564. .surveyQuItemLeftToolsUl li{
  565. margin: 5px auto;
  566. font-size: 12px;
  567. color: #5D5D5D;
  568. padding: 0px;
  569. cursor: pointer;
  570. width: 40px;
  571. }
  572. .surveyQuItemLeftToolsUl li .dwQuIcon{
  573. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  574. width: 23px;
  575. height: 23px;
  576. margin: 0px auto;
  577. }
  578. li.dwQuSet .dwQuIcon{
  579. background-position: -280px -153px;
  580. }
  581. li.dwQuLogic .dwQuIcon{
  582. background-position: -279px -178px;
  583. }
  584. li.dwQuDelete .dwQuIcon{
  585. background-position: -277px -205px;
  586. }
  587. li.dwQuLogic .dwQuIcon .quLogicInfo{
  588. position:absolute;
  589. text-align: right;
  590. font-size: 8px;
  591. margin-left: 20px;
  592. margin-top: -4px;
  593. font-family: "微软雅黑";
  594. background: #E0761A;
  595. border-radius: 2px;
  596. padding:0px;
  597. width:12px;
  598. color: white;
  599. text-align: center;
  600. }
  601. /**如果有逻辑题,显示的提示**/
  602. .quLogicData{
  603. position: absolute;
  604. background: white;
  605. right: 5px;
  606. margin-top: 5px;
  607. cursor: pointer;
  608. display: none;
  609. }
  610. .quLogicData .dwQuIcon{
  611. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  612. background-position: -279px -178px;
  613. width: 23px;
  614. height: 23px;
  615. float: left;
  616. }
  617. .quLogicData .quLogicInfo{
  618. float: left;
  619. background: #C2BAA7;
  620. color: white;
  621. font-weight:bold;
  622. text-align: center;
  623. padding: 2px 0px;
  624. width: 16px;
  625. border-radius: 2px;
  626. }
  627. /** 题目右边上移、下移 **/
  628. .surveyQuItemRightTools{
  629. position: absolute;
  630. background: white;
  631. border: 1px solid #98C5C3;
  632. border-right:none;
  633. right: 0px;
  634. margin-top: 40px;
  635. font-size: 12px;
  636. line-height: 25px;
  637. text-align: center;
  638. cursor: pointer;
  639. color: #5D5D5D;
  640. display: none;
  641. }
  642. .surveyQuItemRightToolsUl{
  643. list-style: none;
  644. padding: 0px;
  645. margin: 0px;
  646. }
  647. .surveyQuItemRightToolsUl li{
  648. font-size: 12px;
  649. margin:0px;
  650. }
  651. .surveyQuItemRightToolsUl li .dwQuIcon{
  652. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  653. width: 23px;
  654. height: 23px;
  655. }
  656. .surveyQuItemRightToolsUl li.questionUp .dwQuIcon{
  657. background-position:-471px -150px;
  658. }
  659. .surveyQuItemRightToolsUl li.questionDown .dwQuIcon{
  660. background-position:-437px -150px;
  661. }
  662. /** 题目内容区 **/
  663. .surveyQuItem .surveyQuItemContent{
  664. padding: 0px;
  665. border: none;
  666. min-height: 50px;
  667. width: 100%;
  668. }
  669. .surveyQuItemBody.hover .surveyQuItemContent{
  670. border-left: 1px solid #DDE1E7;
  671. }
  672. .surveyQuItemContent{
  673. padding: 2px 25px;
  674. /* padding-bottom: 20px;
  675. cursor: move; */
  676. margin-bottom: 15px;
  677. }
  678. .surveyQuItemContent .quCoTitle{
  679. font-size: 16px;
  680. color: #333333;
  681. font-family: "微软雅黑";
  682. line-height: 1.4em;
  683. overflow: auto;
  684. margin-bottom: 6px;
  685. }
  686. .quCoNum{
  687. }
  688. .quCoTitle .quCoNum{
  689. float: left;
  690. padding: 5px 0px ;
  691. }
  692. .quCoTitle .quCoTitleEdit{
  693. float: left;
  694. padding: 5px 3px ;
  695. cursor: text;
  696. table-layout:fixed;
  697. word-break: break-all;
  698. width: 90%;
  699. }
  700. .surveyQuItemContent .quCoItem{
  701. margin-top: 0px;
  702. margin-left: 10px;
  703. }
  704. .surveyQuItemContent .quCoItem ul{
  705. padding: 0px;
  706. margin: 0px;
  707. list-style: none;
  708. font-size: 14px;
  709. display: inline-block;
  710. width: 100%;
  711. }
  712. .surveyQuItemContent .quCoItem ul li{
  713. margin: 8px 5px;
  714. font-size: 14px;
  715. font-family: "微软雅黑";
  716. color: #333333;
  717. line-height: 1.4em;
  718. /* cursor: move; */
  719. overflow: hidden;
  720. display: list-item;
  721. }
  722. .surveyQuItemContent .quCoItem ul.transverse li{
  723. float: left;
  724. }
  725. .quInputCase,.quItemInputCase{
  726. display: none;
  727. }
  728. .surveyQuItemContent .quCoItem ul li label{
  729. vertical-align: middle;
  730. cursor: text;
  731. display: inline-block;
  732. /* max-width: 600px; */
  733. table-layout:fixed; word-break: break-all;
  734. }
  735. /**按列的形式显示选项,使用表格**/
  736. .surveyQuItemContent .quCoItem table.tableQuColItem{
  737. padding: 0px;
  738. margin: 0px;
  739. width: 100%;
  740. }
  741. .surveyQuItemContent .quCoItem table.tableQuColItem tr td{
  742. vertical-align: middle;
  743. padding:5px 0px;
  744. font-size: 14px;
  745. font-family: "微软雅黑";
  746. color: #333333;
  747. line-height: 1.4em;
  748. }
  749. .surveyQuItemContent .quCoItem table.tableQuColItem tr td label{
  750. padding:3px 0px;
  751. vertical-align: middle;
  752. cursor: text;
  753. display: inline-block;
  754. max-width: 600px;
  755. table-layout:fixed; word-break: break-all;
  756. }
  757. .surveyQuItemContent .quCoBottomTools{
  758. visibility: hidden;
  759. padding-top: 3px;
  760. padding-bottom: 12px;
  761. padding-left: 10px;
  762. overflow: auto;
  763. }
  764. .surveyQuItemContent .quCoBottomTools ul{
  765. margin: 0px;
  766. padding: 0px;
  767. list-style: none;
  768. }
  769. .surveyQuItemContent .quCoBottomTools ul li{
  770. float: left;
  771. /* padding: 3px 8px; */
  772. padding:0px;
  773. margin: 0px auto;
  774. cursor: pointer;
  775. font-family: "微软雅黑";
  776. font-size: 12px;
  777. text-align: center;
  778. width: 40px;
  779. }
  780. .surveyQuItemContent .quCoBottomTools ul li .dwQuIcon{
  781. /* background: transparent url("../images/toolbar.png") 0px 0px no-repeat; */
  782. width: 25px;
  783. height: 25px;
  784. margin: 0px auto;
  785. }
  786. li.addOption .dwQuIcon,li.addColumnOption .dwQuIcon,li.addRowOption .dwQuIcon{
  787. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  788. background-position: -620px -153px;
  789. }
  790. li.addMoreOption .dwQuIcon,li.addMoreColumnOption .dwQuIcon,li.addMoreRowOption .dwQuIcon{
  791. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  792. background-position: -658px -153px;
  793. }
  794. .surveyQuItemContent .quCoBottomTools ul li:hover{
  795. /* background: #D6DCE4; */
  796. }
  797. /** 移入时显示左右功能按钮 **/
  798. .surveyQuItemBody.hover .surveyQuItemLeftToolsUl,
  799. .surveyQuItemBody.hover .quCoBottomTools,
  800. .surveyQuItemBody.hover .quCoRightTools{
  801. visibility: visible;
  802. }
  803. .surveyQuItemBody.hover .surveyQuItemRightTools,.surveyQuItemBody.hover .quCoRightTools{
  804. display: inline;
  805. }
  806. .editMenuRoot {
  807. position: absolute;
  808. width:100px;
  809. right: 100px;
  810. }
  811. .editMenuRoot .editMenuBtn{
  812. width: 30px;
  813. height: 32px;
  814. background: #E0E6E9;
  815. border: 1px solid #98C5C3;
  816. margin-left: -1px;
  817. float: right;
  818. }
  819. .editMenuRoot .editMenuList{
  820. width: 120px;
  821. height: 100px;
  822. margin-top:30px;
  823. }
  824. .editMenuRoot .editMenuList ul{
  825. padding: 0px;
  826. margin: 0px;
  827. list-style: none;
  828. }
  829. .editMenuRoot .editMenuList ul li{
  830. font: 12px;
  831. background: #E0E6E9;
  832. padding: 5px;
  833. border: 1px solid #98C5C3;
  834. }
  835. /** 公共编辑 **/
  836. #dwCommonEditRoot{
  837. position: absolute;
  838. display: none;
  839. z-index: 102;
  840. }
  841. #dwCommonEditRoot .dwCommonEdit{
  842. border: 1px solid #98C5C3;
  843. background: #FDF9CD;
  844. position: absolute;
  845. }
  846. .dwCommonEdit .dwComEditMenuUl{
  847. position:absolute;
  848. background: white;
  849. border: 1px solid #98C5C3;
  850. padding: 0px;
  851. margin: 0px;
  852. display: none;
  853. }
  854. .dwCommonEdit .dwComEditMenuUl li{
  855. list-style: none;
  856. padding: 5px;
  857. margin: 0px;
  858. font-size: 12px;
  859. color: #333333;
  860. }
  861. .dwCommonEdit .dwComEditMenuUl li a{
  862. color: #333333;
  863. text-decoration: none;
  864. font-size: 12px;
  865. }
  866. .dwCommonEdit .dwComEditOptionUl{
  867. position:absolute;
  868. background: white;
  869. border: 1px solid #98C5C3;
  870. padding: 0px;
  871. margin: 0px;
  872. display: none;
  873. list-style: none;
  874. right: 0px;
  875. top:-28px;
  876. }
  877. .dwCommonEdit .dwComEditOptionUl li{
  878. padding: 0px;
  879. margin: 0px;
  880. font-size: 12px;
  881. color: #333333;
  882. float: left;
  883. cursor: pointer;
  884. }
  885. .dwComEditOptionUl li .dwQuIcon{
  886. width: 30px;
  887. height: 26px;
  888. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  889. }
  890. .dwComEditOptionUl li.dwOptionUp .dwQuIcon{
  891. background-position:-468px -150px;
  892. }
  893. .dwComEditOptionUl li.dwOptionDown .dwQuIcon{
  894. background-position:-433px -150px;
  895. }
  896. .dwComEditOptionUl li.dwOptionDel .dwQuIcon{
  897. background-position:-494px -150px;
  898. }
  899. .dwCommonEdit .dwComEditMenuBtn{
  900. position: absolute;
  901. right: -32px;
  902. top:-1px;
  903. border: 1px solid #98C5C3;
  904. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  905. cursor: pointer;
  906. background-color: #DBE5F1;
  907. }
  908. #dwComEditContent{
  909. outline-style: none;
  910. color: #333333;
  911. font-family: "微软雅黑";
  912. line-height: 1.4em;
  913. table-layout:fixed; word-break: break-all;
  914. }
  915. /** 编辑题目标题时样式 **/
  916. #dwCommonEditRoot.quEdit .dwCommonEdit{
  917. width:600px;
  918. padding: 0px;
  919. }
  920. #dwCommonEditRoot.quEdit .dwComEditMenuUl{
  921. margin-top:32px;
  922. right:-32px;
  923. }
  924. #dwCommonEditRoot.quEdit .dwComEditMenuBtn{
  925. width: 30px;
  926. height: 32px;
  927. background-position:-392px -150px;
  928. }
  929. #dwCommonEditRoot.quEdit #dwComEditContent{
  930. padding: 5px;
  931. font-size: 16px;
  932. }
  933. #dwCommonEditRoot.quEdit .dwComEditOptionUl{
  934. display: none;
  935. }
  936. /**编辑题目选项是样式**/
  937. #dwCommonEditRoot.quOptionEdit .dwCommonEdit{
  938. width: 200px;
  939. padding:0px 0px 0px 0px;
  940. }
  941. #dwCommonEditRoot.quOptionEdit .dwComEditMenuUl{
  942. margin-top:23px;
  943. right:-25px;
  944. }
  945. #dwCommonEditRoot.quOptionEdit .dwComEditOptionUl{
  946. }
  947. #dwCommonEditRoot.quOptionEdit .dwComEditMenuBtn{
  948. width: 23px;
  949. height: 23px;
  950. right: -25px;
  951. background-position:-392px -183px;
  952. }
  953. #dwCommonEditRoot.quOptionEdit #dwComEditContent{
  954. padding: 2px 0px;
  955. font-size: 14px;
  956. }
  957. #dwCommonEditRoot.quOptionEdit .dwComEditOptionUl{
  958. display: inline;
  959. }
  960. /**input menu菜单 **/
  961. #dwCommonInputMenuRoot{
  962. position: absolute;
  963. display: none;
  964. z-index: 102;
  965. }
  966. #dwCommonInputMenuRoot .dwCommonInputMenu{
  967. background: #FDF9CD;
  968. position: absolute;
  969. }
  970. .dwCommonInputMenu .dwComEditMenuUl{
  971. display: none;
  972. }
  973. .dwCommonInputMenu .dwComEditMenuBtn{
  974. position: absolute;
  975. border: 1px solid #98C5C3;
  976. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  977. cursor: pointer;
  978. background-color: #DBE5F1;
  979. }
  980. .dwCommonInputMenu .dwComEditMenuBtn{
  981. width: 23px;
  982. height: 28px;
  983. background-position:-392px -179px;
  984. }
  985. /** 弹出窗口代码 **/
  986. #dwCommonDialog{
  987. position: absolute;
  988. z-index: 99;
  989. top: 200px;
  990. left: 200px;
  991. background: #FAFAFA;
  992. display: none;
  993. }
  994. #dwCommonDialog .dwCommonRefIcon{
  995. position: absolute;
  996. font-size: 30px!important;
  997. z-index: 99;
  998. width: 30px;
  999. border-bottom: none!important;
  1000. left: -14px;
  1001. top: 7px;
  1002. }
  1003. .dwCommonRefIcon .dwCommonRefIcon1{
  1004. border-width: 7px;
  1005. border-style: dashed solid dashed dashed;
  1006. border-color: transparent #EFEFEF transparent transparent;
  1007. z-index: 3;
  1008. left: 1px;
  1009. font: 0px/9999px serif;
  1010. overflow: hidden;
  1011. position: absolute;
  1012. width: 0px;
  1013. height: 0px;
  1014. color: inherit;
  1015. }
  1016. .dwCommonRefIcon .dwCommonRefIcon2{
  1017. border-width: 7px;
  1018. border-style: dashed solid dashed dashed;
  1019. border-color: transparent #0D75AD transparent transparent;
  1020. font: 0px/9999px serif;
  1021. overflow: hidden;
  1022. position: absolute;
  1023. z-index: 1;
  1024. width: 0px;
  1025. height: 0px;
  1026. color: inherit;
  1027. }
  1028. #dwCommonDialog .dwCommonDialogBody{
  1029. border: 1px solid #62A3C6;
  1030. /* width: 500px;
  1031. height: 300px; */
  1032. box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
  1033. }
  1034. .dwCommonDialogBody .dwCommonDialogTitle{
  1035. height: 28px;
  1036. line-height: 28px;
  1037. color: #808080;
  1038. font-size: 14px;
  1039. font-weight: bold;
  1040. padding: 0 8px;
  1041. background: #EFEFEF;
  1042. }
  1043. .dwCommonDialogBody .closeDialog{
  1044. float:right;
  1045. width: 28px;
  1046. height: 28px;
  1047. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  1048. background-position:-494px -150px;
  1049. cursor: pointer;
  1050. }
  1051. .modelHtml,.dialogContentModel{
  1052. display: none;
  1053. }
  1054. .dwQuSetCon{
  1055. width: 450px;
  1056. padding: 0px 30px;
  1057. }
  1058. .dwQuSetCon ul{
  1059. list-style: none;
  1060. padding: 10px 0px;
  1061. padding-bottom:0px;
  1062. margin: 0px;
  1063. }
  1064. .dwQuSetCon ul li{
  1065. font-size: 14px;
  1066. color: #333333;
  1067. font-family: "微软雅黑";
  1068. padding: 2px 5px;
  1069. margin: 2px;
  1070. }
  1071. .dwQuSetCon ul li select,.dwQuSetCon ul li input{
  1072. padding: 5px;
  1073. color: #333333;
  1074. border: 1px solid #98C5C3;
  1075. }
  1076. .dwQuDialogBtnCon{
  1077. padding: 0px;
  1078. padding-bottom: 8px;
  1079. overflow: auto;
  1080. }
  1081. .quDialogBtn{
  1082. background: #4AB048;
  1083. color: white;
  1084. font-size: 16px;
  1085. padding: 8px 15px;
  1086. border: none;
  1087. outline: none;
  1088. cursor: pointer;
  1089. float: right;
  1090. }
  1091. .quDialogBtn:hover{
  1092. background: #0AA5A0;
  1093. }
  1094. /** 批量添加选项 **/
  1095. .dwQuAddMore{
  1096. padding: 0px 30px;
  1097. margin: 0px;
  1098. overflow: auto;
  1099. }
  1100. .dwQuAddMore textarea{
  1101. padding: 5px;
  1102. color: #333333;
  1103. border: 1px solid #98C5C3;
  1104. outline: none;
  1105. width:430px;
  1106. height: 150px;
  1107. margin-bottom: 10px;
  1108. }
  1109. .dwQuDialogCon{
  1110. display: none;
  1111. }
  1112. .dwQuAddMore .dwQuTextSpan{
  1113. font-size:12px;
  1114. color:#333;
  1115. padding:5px;
  1116. margin-top: 10px;
  1117. }
  1118. /**逻辑设置弹出窗口**/
  1119. .dwQuDialogLogic{
  1120. padding: 0px 30px;
  1121. margin: 0px;
  1122. overflow: auto;
  1123. }
  1124. .dwQuDialogLogicTitle{
  1125. font-size: 12px;
  1126. line-height: 1.4em;
  1127. color: #213E5E;
  1128. margin-top: 15px;
  1129. }
  1130. .dwQuDialogLogic table{
  1131. font-size: 14px;
  1132. color: #333;
  1133. font-family: "微软雅黑";
  1134. }
  1135. .dwQuDialogLogic table tr td{
  1136. padding: 0px 2px;
  1137. }
  1138. .dwQuDialogLogic select{
  1139. width: 160px;
  1140. height: 30px;
  1141. border: 1px #77a5b4 solid;
  1142. padding: 2px;
  1143. vertical-align: middle;
  1144. outline: none;
  1145. }
  1146. .dwQuDialogBotEvent{
  1147. padding: 2px;
  1148. }
  1149. .dwQuDialogAddLogic{
  1150. width: 30px;
  1151. height: 30px;
  1152. cursor: pointer;
  1153. }
  1154. .dwQuDialogAddLogic .dwQuIcon{
  1155. width: 25px;
  1156. height: 25px;
  1157. margin: 0px auto;
  1158. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  1159. background-position: -620px -153px;
  1160. }
  1161. .dialogRemoveLogic{
  1162. width: 23px;
  1163. height: 23px;
  1164. margin: 0px auto;
  1165. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  1166. background-position: -690px -152px;
  1167. cursor: pointer;
  1168. }
  1169. .dwQuDialogLoad{
  1170. width: 450px;
  1171. padding-top:80px;
  1172. padding-bottom:80px;
  1173. text-align: center;
  1174. }
  1175. .dwQuDialogLoad img{
  1176. }
  1177. .surveyQuItemBody.hover .quFillblankItem .dwComEditMenuBtn{
  1178. /* display: inline; */
  1179. }
  1180. .quCoItemUlLi.hover .quFillblankItem .dwComEditMenuBtn{
  1181. display: inline;
  1182. }
  1183. /*
  1184. .quCoItemUlLi label{
  1185. background: url("http://y0.ifengimg.com/b038735baea2cb5e/2013/0626/d07.gif") 0px 0px no-repeat;
  1186. background-position: -10px -14px;
  1187. padding-left: 30px;
  1188. padding-top: 3px;
  1189. }
  1190. .quCoItemUlLi input{
  1191. display: none;
  1192. } */
  1193. .quFillblankItem{
  1194. position: relative;
  1195. }
  1196. .quFillblankItem .dwComEditMenuBtn{
  1197. position: absolute;
  1198. border: 1px solid #98C5C3;
  1199. background: transparent url("../images/toolbar.png") 0px 0px no-repeat;
  1200. cursor: pointer;
  1201. background-color: #DBE5F1;
  1202. display: none;
  1203. width: 23px;
  1204. height: 28px;
  1205. background-position:-392px -179px;
  1206. margin-left: -2px;
  1207. }
  1208. /**评分题**/
  1209. .quCoItemTable{
  1210. color: #333333;
  1211. font-family: "微软雅黑";
  1212. font-size: 12px;
  1213. }
  1214. .quCoItemTableTd{
  1215. padding: 5px;
  1216. }
  1217. .scoreNumTable {
  1218. border: 1px solid #DDE1E7;
  1219. width: 300px;
  1220. margin-top: 2px;
  1221. background: url("../images/style-model/piont_lv.png");
  1222. background-repeat: repeat;
  1223. }
  1224. .scoreNumTable tr td{
  1225. text-align: center;
  1226. font-size: 12px;
  1227. padding: 0px;
  1228. border: solid 1px white;
  1229. cursor: pointer;
  1230. }
  1231. .quOptionEditTd .editAble{
  1232. width: 100%;
  1233. font-size: 14px;
  1234. }
  1235. /** 排序题 **/
  1236. .quOrderByLeft{
  1237. float: left;
  1238. width: 300px;
  1239. overflow: auto;
  1240. }
  1241. .quOrderByLeft ul li{
  1242. margin: 0px! important;
  1243. padding: 7px 5px;
  1244. }
  1245. .quOrderByLeft ul li label{
  1246. background: white;
  1247. padding:0px 5px;
  1248. cursor: pointer! important;
  1249. }
  1250. .quOrderByLeft .quCoOptionEdit{
  1251. width: 280px;
  1252. border: 1px solid #CCCCCC;
  1253. padding-left: 3px;
  1254. }
  1255. .quOrderByRight{
  1256. float: left;
  1257. overflow: auto;
  1258. }
  1259. .quOrderByTable{
  1260. border-collapse: collapse;
  1261. border-spacing: 0;
  1262. width: 360px;
  1263. }
  1264. .quOrderByTable tr td{
  1265. padding: 8px;
  1266. border: 1px solid #dbdbdb;
  1267. }
  1268. .quOrderByTable tr td.quOrderyTableTd{
  1269. background: #efefef;
  1270. color: #666666;
  1271. font-size: 14px;
  1272. line-height: 1.4;
  1273. text-align: center;
  1274. padding: 8px;
  1275. border: 1px solid #dbdbdb;
  1276. border-right:none;
  1277. width: 30px;
  1278. }
  1279. .quOrderTabConnect .quCoOptionEdit{
  1280. display: none;
  1281. }
  1282. .quOrderItemLabel{
  1283. background: white;
  1284. padding: 0px 5px;
  1285. border: 1px solid #BCBCBC;
  1286. cursor: pointer;
  1287. font-size: 12px;
  1288. vertical-align: middle;
  1289. display: inline-block;
  1290. table-layout: fixed;
  1291. word-break: break-all;
  1292. font-size: 14px;
  1293. font-family: "微软雅黑";
  1294. color: #333333;
  1295. line-height: 1.4em;
  1296. /* width: 280px; */
  1297. }
  1298. .qu-order-highlight{
  1299. display: none;
  1300. }
  1301. /**分页题*/
  1302. .pageQuContent{
  1303. text-align: right;
  1304. padding: 8px 15px;
  1305. font-family: "微软雅黑";
  1306. line-height: 1.4em;
  1307. color: #666666;
  1308. font-size: 14px;
  1309. /* border-top: 2px solid #BCBCBC; */
  1310. }
  1311. .pageBorderTop{
  1312. margin:0px 10px;
  1313. border-top: 3px solid transparent;
  1314. }
  1315. .pageBorderTop.nohover{
  1316. border-top: 3px solid #D6DCE4;
  1317. }
  1318. /**多项填空题**/
  1319. .mFillblankTable{
  1320. }
  1321. .mFillblankTable tr td{
  1322. padding: 5px 8px;
  1323. vertical-align: middle;
  1324. font-size: 14px;
  1325. font-family: "微软雅黑";
  1326. color: #333333;
  1327. line-height: 1.4em;
  1328. }
  1329. .mFillblankTable tr td .editAble{
  1330. width: 100%;
  1331. }
  1332. .mFillblankTable .mFillblankTableEditTd{
  1333. }
  1334. /**jquery ui dialog**/
  1335. .ui-icon-closethick {
  1336. background: transparent url("../images/toolbar.png") 0px 0px no-repeat! important;
  1337. background-position: -502px -155px! important;
  1338. }
  1339. #editDialogCenter{
  1340. width: 678px;
  1341. border-bottom: 1px solid #c8c9cc;
  1342. overflow: hidden;
  1343. margin: auto;
  1344. padding-top: 3px;
  1345. background-color: #fff;
  1346. text-align: left;
  1347. }
  1348. #dialogUeBottom{
  1349. padding: 5px 10px;
  1350. }
  1351. /**矩陈题**/
  1352. .quCoItemLeftChenTableDiv{
  1353. overflow: auto;
  1354. padding-top: 6px;
  1355. }
  1356. table.quCoChenTable{
  1357. padding: 0px;
  1358. margin: 0px;
  1359. width:90%;
  1360. border: 1px solid #dddddd;
  1361. border-collapse: separate;
  1362. border-left: 0;
  1363. border-spacing: 0;
  1364. }
  1365. table.quCoChenTable tr td{
  1366. vertical-align: middle;
  1367. padding:3px 0px;
  1368. font-size: 14px;
  1369. font-family: "微软雅黑";
  1370. color: #333333;
  1371. line-height: 1.4em;
  1372. text-align: center;
  1373. border-left: 1px solid #DDDDDD;
  1374. border-top: 1px solid #DDDDDD;
  1375. }
  1376. table.quCoChenTable tr td label{
  1377. padding:3px 0px;
  1378. vertical-align: middle;
  1379. cursor: text;
  1380. display: inline-block;
  1381. max-width: 600px;
  1382. table-layout:fixed; word-break: break-all;
  1383. width: 100%;
  1384. }
  1385. .surveyQuItemContent .quCoRightTools{
  1386. visibility: hidden;
  1387. overflow: auto;
  1388. float: right;
  1389. padding: 0px;
  1390. }
  1391. .surveyQuItemContent .quCoRightTools ul{
  1392. margin: 0px;
  1393. padding: 0px;
  1394. list-style: none;
  1395. margin-top: 12px;
  1396. }
  1397. .surveyQuItemContent .quCoRightTools ul li{
  1398. /* padding: 3px 8px; */
  1399. padding:0px;
  1400. margin: 8px auto;
  1401. cursor: pointer;
  1402. font-family: "微软雅黑";
  1403. font-size: 12px;
  1404. text-align: center;
  1405. }
  1406. .surveyQuItemContent .quCoRightTools ul li .dwQuIcon{
  1407. /* background: transparent url("../images/toolbar.png") 0px 0px no-repeat; */
  1408. width: 25px;
  1409. height: 25px;
  1410. margin: 0px auto;
  1411. }
  1412. .surveyQuItemContent .quCoRightTools ul li.addMoreOption{
  1413. margin-left: 2px;
  1414. }
  1415. .dwTextStyleSet {
  1416. float: left;
  1417. margin-left: 20px;
  1418. }
  1419. .dwTextStyleSetItem {
  1420. display: none;
  1421. float: left;
  1422. margin-top: 5px;
  1423. position: relative;
  1424. }
  1425. .dwStyleSetComm{
  1426. display: inline-block;
  1427. float: left;
  1428. }
  1429. .dwStyleSetComm a{
  1430. display: inline-block;
  1431. float: left;
  1432. margin: 0 6px 5px 0;
  1433. border: 1px solid #a6a6a6;
  1434. border-bottom-color: #979797;
  1435. -moz-border-radius: 0px;
  1436. -webkit-border-radius: 0px;
  1437. border-radius: 0px;
  1438. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1439. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1440. box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1441. background: #e4e4e4;
  1442. background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));
  1443. background-image: -moz-linear-gradient(top,#fff,#e4e4e4);
  1444. background-image: -webkit-linear-gradient(top,#fff,#e4e4e4);
  1445. background-image: -o-linear-gradient(top,#fff,#e4e4e4);
  1446. background-image: -ms-linear-gradient(top,#fff,#e4e4e4);
  1447. background-image: linear-gradient(top,#fff,#e4e4e4);
  1448. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
  1449. }
  1450. .dwStyleFontFamilyText{
  1451. max-width: 60px;
  1452. overflow: hidden;
  1453. text-overflow: ellipsis;
  1454. white-space: nowrap;
  1455. line-height: 26px;
  1456. padding-left: 10px;
  1457. text-overflow: ellipsis;
  1458. overflow: hidden;
  1459. float: left;
  1460. cursor: default;
  1461. color: #474747;
  1462. text-shadow: 0 1px 0 rgba(255,255,255,.5);
  1463. width: 60px;
  1464. background-position: 0px 0px;
  1465. background-attachment: fixed;
  1466. }
  1467. .dwStyleFontSizeText{
  1468. line-height: 26px;
  1469. padding-left: 10px;
  1470. text-overflow: ellipsis;
  1471. overflow: hidden;
  1472. float: left;
  1473. cursor: default;
  1474. color: #474747;
  1475. text-shadow: 0 1px 0 rgba(255,255,255,.5);
  1476. width: 30px;
  1477. margin-bottom: -1px;
  1478. margin-top: 1px;
  1479. }
  1480. .dwStyleSelectOpen{
  1481. cursor: default;
  1482. display: inline-block;
  1483. font-size: 0;
  1484. height: 19px;
  1485. line-height: 17px;
  1486. margin: 1px 7px 1px;
  1487. width: 5px;
  1488. }
  1489. .dwStyleSelectOpenIcon{
  1490. margin: 11px 0 0;
  1491. float: left;
  1492. height: 0;
  1493. width: 0;
  1494. font-size: 0;
  1495. border-left: 3px solid transparent;
  1496. border-right: 3px solid transparent;
  1497. border-top: 3px solid #8D5858;
  1498. }
  1499. .dwStyleSetCommGroup{
  1500. float: left;
  1501. margin: 0 6px 5px 0;
  1502. border: 1px solid #a6a6a6;
  1503. border-bottom-color: #979797;
  1504. -moz-border-radius: 0px;
  1505. -webkit-border-radius: 0px;
  1506. border-radius: 0px;
  1507. -moz-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1508. -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1509. box-shadow: 0 1px 0 rgba(255,255,255,.5),0 0 2px rgba(255,255,255,.15) inset,0 1px 0 rgba(255,255,255,.15) inset;
  1510. background: #e4e4e4;
  1511. background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e4e4e4));
  1512. background-image: -moz-linear-gradient(top,#fff,#e4e4e4);
  1513. background-image: -webkit-linear-gradient(top,#fff,#e4e4e4);
  1514. background-image: -o-linear-gradient(top,#fff,#e4e4e4);
  1515. background-image: -ms-linear-gradient(top,#fff,#e4e4e4);
  1516. background-image: linear-gradient(top,#fff,#e4e4e4);
  1517. filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0,startColorstr='#ffffff',endColorstr='#e4e4e4');
  1518. }
  1519. .dwStyleSetCommGroupButton{
  1520. display: inline-block;
  1521. height: 18px;
  1522. padding: 4px 6px;
  1523. outline: 0;
  1524. cursor: default;
  1525. float: left;
  1526. border: 0;
  1527. }
  1528. .dwStyelSetButton_icon {
  1529. cursor: inherit;
  1530. margin-top: 1px;
  1531. width: 16px;
  1532. height: 16px;
  1533. float: left;
  1534. display: inline-block;
  1535. background: url('../images/icons16.png');
  1536. }
  1537. .dwButtonTextColor{
  1538. background-position: 0 -256px;
  1539. margin-right: .5em;
  1540. vertical-align: middle;
  1541. }
  1542. .dwButtonBold{
  1543. background-position: 0 -128px;
  1544. }
  1545. .dwButtonItalic{
  1546. background-position: -33px -128px;
  1547. }
  1548. .dwButtonUnderline{
  1549. background-position: -63px -128px;
  1550. }
  1551. .dwStyleSetCommGroup a:hover,.dwStyleSetComm a:hover{
  1552. background: #E9E9E9;
  1553. }
  1554. .dwButtonTextColorLine {
  1555. position: absolute;
  1556. height: 2px;
  1557. width: 17px;
  1558. top: 20px;
  1559. background: #000;
  1560. }
  1561. .dwStyleTextColorOpenIcon{
  1562. display: inline-block;
  1563. margin: 8px 0 0 1px;
  1564. width: 0;
  1565. height: 0;
  1566. cursor: default;
  1567. vertical-align: top;
  1568. border-left: 3px solid transparent;
  1569. border-right: 3px solid transparent;
  1570. border-top: 3px solid #474747;
  1571. }