UCD_Center.css 6.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. /*中间部分样式*/
  2. #UCD_CT{ border-left:1px solid #d2d2d2; height: 100%; float:left }
  3. /*分隔符*/
  4. .UCD_Split{ background-color: threedshadow; width: 2px; height: 100%; overflow: hidden; float:left;}
  5. .UCD_Split_BT{ margin-top:250px; width: 3px; height: 50px; overflow: hidden; cursor: pointer;}/*分割线按钮*/
  6. /*中间上部Tab切换窗口样式*/
  7. #UCD_CT_Top_Tab{height:4%;border-bottom: 1px solid #bdbdbd; background-color:#d6d5d5; padding-left: 10px;}
  8. #UCD_CT_Top_Tab ul{ list-style:none; margin:0; padding:0; -moz-box-shadow: 0px 0px 4px #000;-webkit-box-shadow: 0px 0px 4px #000;box-shadow: 0px 0px 4px #000;-moz-border-radius-topleft: 5px; -webkit-border-top-left-radius:5px;border-top-left-radius:5px; -moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius:5px;border-bottom-left-radius:5px;}
  9. /* .UCD_CT_Top_Tab ul li{float:left; height:28px; margin-left:0px; padding:0 8px 0 4px;list-style-type:none;}*/
  10. #UCD_CT_Top_Tab ul li{float:left;background-color:#eee;line-height: 26px;padding:0 8px;height:26px;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;margin-top: 5px;border: 1px solid #9a9a9a;}
  11. /*#UCD_CT_Top_Tab ul li:hover{ background-color:#fff;}*/
  12. #UCD_CT_Top_Tab ul li span{text-align:left;line-height:26px; cursor:pointer; display:block; float:left; overflow:hidden; font-family:微软雅黑;color:#252525;font-size:14px;padding-right: 10px;}
  13. .UCD_CT_Top_CR{ background-color:white;}/*当前选中的Tab样式*/
  14. #UCD_CT_Top_Tab_Ul{float:left;}
  15. /*上部Tab小切换*/
  16. .UCD_CT_Top_Tab_Close {display:block;text-align:center;margin-top: 2px;margin-right: -10px;line-height:20px;font-size: 20px;float:right;}
  17. /*.UCD_CT_Top_Tab_Close:hover { border:1px solid red; }*/
  18. /*----------------------------------------------------代码窗口----------------------------------------*/
  19. #UCD_CT_HH_Code{ border-top:1px solid #bcc7d8; width:100%; padding:0px; margin:0px;font-size:13px; height:40%; overflow-x:scroll; overflow-y:auto;float:left;overflow:auto}
  20. #UCD_CT_HH_Drag{width:100%;height:5px;max-height:5px;position: relative;top:0;left:0;cursor: n-resize;}
  21. #UCD_CT_CT{background-color: white;height:92%;min-height:500px;width:100%;font-size:16px;font-family:Courier New;margin-top: 1px; overflow-x: auto;overflow-y: hidden;}
  22. /*行号窗口*/
  23. #UCD_CT_HH_CT{background: #f1f1f1;min-height: 300px;min-height: 100%;width: 35px;float: left;text-align: right;overflow: hidden;border-right: 2px solid #63d263;padding-top: 0.5%;}
  24. /*代码窗口*/
  25. #UCD_CT_Code{padding:0px; margin:0px;font-size:14px;width:95%;height:100%;float:left;}
  26. /*代码内容窗口,Chrome浏览器下面有红色波浪线,需要解决*/
  27. #UCD_CT_Code_CT{ text-decoration:none; text-decoration-line:none;-moz-text-decoration-line:none;padding-top: 0.5%; margin:0px;width:100%; float:left;font-size:14px; font-family:Consolas; }
  28. /*代码结果运行大窗口运行界面Css样式表*/
  29. #UCD_RUN{width:100%; height:100%; position:absolute; top:40px; left:0px; background-color:white;}
  30. .UCD_RUN_Head{width:100%; height:30px; background-color:Window; text-align:center;}
  31. .UCD_RUN_Refesh{width:100px; height:30px; background-color:ButtonFace; border:1px solid gray; float:left; line-height:30px; cursor:pointer; margin-left:40%; }
  32. .UCD_RUN_Close{width:100px; height:30px;background-color:ButtonFace;border:1px solid gray; float:left; line-height:30px; cursor:pointer;}
  33. .UCD_RUN_Iframe{width:100%; height:100%; background-color:red;}
  34. /*-----------------------------------------------代码结果显示小窗口---------------------------------*/
  35. #UCD_CT_IF{overflow:auto; width:100%; height:59%; min-height:400px; border-bottom:1px solid #3d3d3d;font-family:微软雅黑;overflow-x: hidden;min-width: 1100px;float:left;margin:auto;text-align:center}
  36. .UCD_CT_IF_T{ width:auto; height:20px; background-color:#bcc7d8; font-size:13px; line-height:20px; text-align:center;}
  37. .UCD_CT_IF_T_RE{ float:left; margin-left:20px; height:20px;font-size:12px;}
  38. .UCD_CT_IF_T_CM{ float:right;margin-right:10px}
  39. .UCD_CT_IF_T_CM div{float: left;background: linear-gradient(#f9f9f9, #dadada);background: -webkit-linear-gradient(#f9f9f9, #dadada);background: -moz-linear-gradient(#f9f9f9, #dadada);color: #000000;cursor: pointer;margin: 2px;border:1px solid #d2d2d2;margin-top:3px;padding:2px 10px 2px 10px;}
  40. .UCD_CT_IF_T_CM div:hover{background: #252525;color:#fff;}
  41. #UCD_CT_SM_IF{ width:100%; height:100%; min-height:400px; border:none; overflow-y:auto; overflow-x:scroll; -webkit-box-shadow: 0px 0px 6px 6px #e8e8e8;-moz-box-shadow: 0px 0px 6px 6px #e8e8e8;}
  42. /*--------------------------------------底部快捷命令按钮-------------------------------------------*/
  43. #UCD_CT_BT {min-width:1000px;height: 4%;bottom: 0px;font-size:13px;text-align:center;border-bottom: 1px solid #bdbdbd;background:#a9a9a9}
  44. .UCD_CT_BT_Com{float: left;color: #020202;background: linear-gradient(#ffffff, #d8d8d8);background: -webkit-linear-gradient(#ffffff, #d8d8d8);background: -o-linear-gradient(#ffffff, #d8d8d8);background: -moz-linear-gradient(#ffffff, #d8d8d8);cursor: pointer;border: 2px solid #d2d2d2;border-bottom: none;margin-top:3px;margin-bottom: 0px;width: 40px;padding: 2px 10px 5px 10px;}
  45. .UCD_CT_BT_Com:hover{color:#fff !important;background: linear-gradient(#519afb, #1577e6) !important;background: -webkit-linear-gradient(#519afb, #1577e6) !important;background: -o-linear-gradient(#519afb, #1577e6) !important;background: -moz-linear-gradient(#519afb, #1577e6) !important;}
  46. .UCD_CT_Top_Tab ul{ padding-left: 10px;}
  47. .UCD_CT_BT_Com_Phone_List{width:85px;margin: 10px;background:#fff}
  48. .UCD_CT_BT_Com_Point{position: absolute;top: 3px;left: 15px;font-size: 0px;line-height: 0;border-width: 8px;border-color: rgb(255, 255, 255);border-top-width: 0;border-style: dashed;border-bottom-style: solid;border-left-color: transparent;border-right-color: transparent;}
  49. .UCD_CT_BT_Com_child{width:85px;border-bottom: 1px solid #999;height: 25px;color:#000;line-height:20px;}
  50. .UCD_CT_BT_Com_child:hover{color:#fff !important;background: linear-gradient(#519afb, #1577e6) !important;background: -webkit-linear-gradient(#519afb, #1577e6) !important;background: -o-linear-gradient(#519afb, #1577e6) !important;background: -moz-linear-gradient(#519afb, #1577e6) !important;}
  51. .UCD_CT_BT_Com_child:last-child{border:1px }
  52. #UCD_CT_BT_Com_Wrap {display: none;width:107px; position: absolute; top: 20px; left:-2px;background: #1577e6;border: 2px solid #d2d2d2;border-top:0px;}