U.City.css 4.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /*公共*/
  2. body,html{margin:0;padding:0;font:12px/1.125 Arial,Helvetica,sans-serif;}
  3. /*左浮动*/
  4. .U_C_left{float:left}
  5. /*右浮动*/
  6. .U_C_right{float:right}
  7. /*用户输入文本获取焦点样式*/
  8. .U_S_B_L_input:focus{outline-color:#0a8cd2}
  9. /*初始化页面右上角*/
  10. .U_C_O_R{width:68%;height: 24px}
  11. /*下拉的div中间的提示性文字*/
  12. .U_C_O_C{font-size:13px;color:#808080;text-align: -webkit-match-parent;line-height:24px}
  13. /*文字hover样式*/
  14. .U_S_color,.U_S_Select:hover,.U_S_School:hover,.U_C_O_R_T{color:#0a8cd2}
  15. /*-----------------------------------------------------城市控件-----------------------------------------------------*/
  16. a:hover{color:#ccc}
  17. .newcolor{width:39px;float:left;border-bottom:1px solid #ccc;background-color:#fff;height:24px;font-size:14px;}
  18. .oldcolor{width:39px;float:left;border-bottom:1px solid #ccc;background-color:#eee;height:24px;font-size:14px;}
  19. /*-----------------------------------------------------学校控件-----------------------------------------------------*/
  20. /*背景div 锁定后面*/
  21. .U_S_N_D{position: fixed; top: 0px; left: 0px; opacity: 0.3; z-index: 2; background: rgb(0, 0, 0);}
  22. /*选择学校白色背景*/
  23. .U_S_N_B{background-color: #FFF; border-color: #BBB;width:860px;height:392px; position:relative;z-index:3}
  24. /*省份选择*/
  25. .U_S_Select{width:42px;height:15px;line-height:15px;margin-top:4px;font-size:14px;border:1px solid white}
  26. /*学校选择*/
  27. .U_S_School{width:174px;height:30px;margin:4px 0 0 4px;font-size:14px;border:1px solid white}
  28. /*省份和学校的hover样式*/
  29. .U_S_Select:hover,.U_S_School:hover{border:1px solid #A6A1A1; cursor:pointer}
  30. /*关闭按钮*/
  31. .U_S_B_Close{font-size: 20px;margin-right: 15px;color: #ccc;cursor: pointer}
  32. /*关闭按钮的hover样式*/
  33. .U_S_B_Close:hover{color:orange;height:13px}
  34. /*下拉框动画结束后,中间文本的样式*/
  35. .U_S_Content{margin-top: 30px; width: 100%; color:#808080}
  36. /*下拉框动画结束后,头上文本样式*/
  37. .U_C_O_R_Remind{font-size: 12px; color: #808080; margin-left: 15px; margin-bottom:8px}
  38. /*下拉框动画结束后,底下最大的div*/
  39. .U_S_Content_D{margin-left: 30px; margin-top: 15px; height: 28px;line-height: 28px}
  40. /*下拉框动画结束后,搜索框的样式*/
  41. .U_S_icon{margin-left: 67px; padding: 0 10px; word-wrap: break-word}
  42. /*下拉框动画结束后,搜索框内的样式*/
  43. .U_S_input{height:24px; width: 195px; padding: 0 0 0 2px; border: 1px solid #ccc; color: #808080; outline-style: none}
  44. /*新的div 页头*/
  45. .U_S_Title{font-size: 12px; font-weight: 700; line-height: 30px; height: 30px; color: #000; background-color: white; margin-left: 20px}
  46. /*新的div 内容主体外围边框样式*/
  47. .U_S_B{padding: 10px 20px 15px; height: 85%}
  48. /*新的div 主题内容左边内容*/
  49. .U_S_B_L{ padding: 6px 0 0; width: 240px; clear: both}
  50. /*新的div 内容里的 提示用户数据文本*/
  51. .U_S_B_L_Nofind{top:15px;width:34%}
  52. /*新的div 内容里的 用户输入数据的文本*/
  53. .U_S_B_L_input{margin-top:30px;width:85%}
  54. /*新的div 内容里的 左边内容*/
  55. .U_S_B_R{padding: 20px 0 0; border: 1px solid #ccc; width: 558px ;height: 290px; overflow: auto; padding: 5px 10px}
  56. /*已被选中的样式*/
  57. .border{border:1px solid #A6A1A1}
  58. /*文本居中*/
  59. .U_C_Select{text-align:center}
  60. /*确定按钮*/
  61. .U_S_B_L_submit{border: 1px solid #0a8cd2;background-color: #0a8cd2;border-radius: 2px;display: inline-block;cursor: pointer;font-size: 14px;margin: 15px 0 0 0}
  62. .U_S_B_L_submit div{min-width: 30px; color: #fff; border: #0a8cd2; padding:0 17px 0 15px; font-weight: bold; text-align: center; height: 26px; line-height: 26px; border-style: solid; border-width: 1px; border-radius: 2px}
  63. .U_S_B_L_submit div:hover{background-color:#0EA1F0}
  64. /*日历控件*/
  65. .Box{position: absolute;width: 185px;height: 210px;background: rgba(255,255,255,0.3); box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);border-radius: 3px;border:1px #bbb solid}
  66. .Middle{width: 185px; height: 180px;border:#c5d9e8 1px solid}
  67. .btn_T{width: 178px;height: 30px;line-height:28px}
  68. .b_left2{font-size: 10px; float: left;cursor: pointer}
  69. .b_date{ font-size: 14px;float: left;margin-left: 43px;color: #323232}
  70. .b_right{font-size: 10px; float: right; cursor: pointer}
  71. .bottom{ width: 185px;height: 30px}
  72. .D_OK{ width: 40px;height: 24px;margin-top:2px}
  73. .O_R_O{text-align: center;float: left;list-style-type: none;width: 24px;margin-left:2px;}
  74. .Ui{color: #999999;float:left;width: 22px;text-align: center;height: 22px;line-height: 28px;margin-left:2px;border:1px solid white}
  75. .U_li{list-style-type: none; float: left; width: 22px; height: 20px; margin: 2px 0px;line-height: 22px; text-align: center;margin-left:2px;border:1px solid #0879e1}
  76. .U_li:hover{border:1px solid #0879e1;cursor:pointer;z-index:999}