UCD_SL.css 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. /*首页示例样式*/
  2. #UCD_SL{ position:absolute; display:block; width:960px; height:70%;top:40px; left:5%;}/*z-index:99*/
  3. .UCD_SL{ width:20px; height:20px; float:right; font-size:20px;-moz-border-radius: 0px 0px 0px 0px;-webkit-border-radius:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}
  4. /*切换语言窗口*/
  5. #UCD_L_C{ position: absolute; background-color: White; display: block; width: 537px; top: 250px; left:5%; z-index:100;}
  6. .UCD_L_C_T{ width:100%; height:30px; background-image: linear-gradient(to top, #3b3b3b, #5c5c5c);-moz-border-radius: 5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
  7. .UCD_SL_C_N{ width:100%; height:100%; border-radius: 0 0 5px 5px; border:1px solid #333333; color:Black; overflow-x:hidden; overflow-y:scroll;}
  8. .UCD_SL_C_N > p{ margin: 12px 12px 0; font-weight: bold;}
  9. .UCD_SL_C_L{ width: 98%; height: 70px;}
  10. .UCD_SL_C_L > div{ width: 145px; height: 41px; text-align: center; line-height: 41px; border-radius: 50px; font-size: 14px; float: left; color: #474747; border: 1px solid #474747; margin: 24px 0px 0px 21px; cursor: pointer; font-weight: bold;
  11. box-shadow: 0px 1px 0px #8a93a1;background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(#f6f6f6), to(#e9e9e9));}
  12. .UCD_SL_C_L div:hover{color: White; background:#4c4c4c;}
  13. /*头部区域样式,修改了模版颜色*/
  14. .UCD_SL_T{ width:100%; height:30px; background-color:black ;}
  15. .UCD_SL_T{background: -webkit-gradient(linear, left top, left bottom, from(#5a5a5a), to(#3f3f3f));}
  16. /*.UCD_SL_T_X{ width:30px; float:right; line-height:25px; cursor:pointer; font-size:16px; color:White; font-weight:bold;}*/
  17. .UCD_SL_T_X{ width:25px; height:30px; float:right; line-height:30px; cursor:pointer; font-size:25px; color:White; font-weight:bold;}
  18. .UCD_SL_T_X:hover{font-size:30px;}
  19. /*中部最大区域*/
  20. .UCD_SL_N{ width:998px; height:100%; border:1px solid black; background-color:#f6f6f6; overflow-x:hidden; overflow-y:scroll;}
  21. .UCD_SL_N_T{height:75px;background-color:#fff7dd;}/*头部区域*/
  22. .UCD_SL_N_T_B{ float:left; width:70px;height:70px;}/*头部坐标区域*/
  23. .UCD_SL_N_T_B_I{width: 60px;height: 53px;float: left;margin-top: 7px;margin-left: 10px;}/*图标*/
  24. .UCD_SL_N_T_B_N{float:left; width:360px; text-indent:20px; padding-top:10px;}/*口号*/
  25. .UCD_SL_N_T_B_N_K { font-size:20px; color:#333; height:35px;}
  26. .UCD_SL_N_T_B_N_L { color:Blue; cursor:pointer; float:right; height:20px; line-height:20px;}
  27. .UCD_SL_N_T_D{ float:right;width:160px; height:75px; cursor:pointer;margin-right: 20px;}/*头部右边区域*/
  28. /*.UCD_SL_N_T_D_T { height:65px; width:450px; float:left; }*/
  29. .UCD_SL_N_T_D_B {height:25px;line-height:25px; float:left; }
  30. /*#UCD_SL_N_F{ margin:10px; margin-left:15px; width:900px; height:60px; background-color:White; font-weight:bold; font-size:16px;}*/
  31. /*#UCD_SL_N_F div{ float:left; margin-left:20px; height:30px; line-height:30px; cursor:pointer; }*/
  32. /*#UCD_SL_N_F div:hover{ color:Red;}*/
  33. .UCD_SL_N_F_L{ width:260px; height:60px; float:left; font-size:30px; color:Red; text-align:center; }
  34. #UCD_SL_N_F_R{ width:640px; height:60px; float:left;}/*百度广告*/
  35. /*
  36. .UCD_SL_CD{float: left;text-align: center;height: 75px;}
  37. .UCD_SL_CD_C { width:130px; height:25px; background-color:White; float:left; margin-left:10px; text-align:center; line-height:25px; font-weight:bold;}
  38. .UCD_SL_CD_C hover { background-color:Silver; }
  39. .UCD_SL_CD_S{ margin-left:40px; width:320px; float:left; }
  40. .UCD_SL_CD_S input{ float:left; height:18px; width:180px;}
  41. .UCD_SL_CD_S div{ float:left; height:25px; line-height:25px; background-color:White; width:50px; text-align:center; margin-left:3px; }
  42. */
  43. .UCD_SL_CD{float: left;text-align: center;height: 75px;margin-left: 50px;}
  44. .UCD_SL_CD_C {height: 75px;float: left;line-height: 75px;padding-right: 10px;width:75px;cursor:pointer}
  45. .UCD_SL_CD_C hover { background-color:Silver; }
  46. .UCD_SL_CD_S{width: 180px;float: left;margin-top: 20px;}
  47. .UCD_SL_CD_S input{float: left;width: 180px;height: 28px;border-radius: 20px;background-color: #fcfaf2;border: 1px solid #c2c2c2;padding-left: 10px;}
  48. .UCD_SL_CD_S input
  49. {
  50. background:gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0));
  51. background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0));
  52. }
  53. .UCD_SL_CD_S div{ cursor:pointer;float: left;height: 16px;line-height: 25px;width: 16px;margin-left: -30px; background-image: url(../images/SearchInput.png);background-repeat: no-repeat;margin-top: 7px;}
  54. .UCD_SL_NN{ width:100%; height:100%; }
  55. #UCD_SL_N_N{ width:100%; min-height:600px; height:100%; font-family:cursive; }/*内容区域*/
  56. /*单条流式布局样式,很奇怪,把float:left写在$$里面的style里面居然不生效,这是一个bug,以后再考虑*/
  57. .UCD_SL_N_N_L{ float:left; height:auto;}
  58. .UCD_SL_N_N_C{border: 1px solid #eee;width: 175px;margin: 10px;float: left;height: 320px;overflow: hidden;background-color: #fff;position:relative;} /*单个条目包容器*/
  59. .UCD_SL_N_N_C:hover{ cursor:pointer;}
  60. .UCD_SL_N_N_C_RD { width:100%; height:20px;position: absolute;top: 160px;}/*高度为0居然可以透明!*/
  61. .UCD_SL_N_N_C_I { width:185px; height:185px;}/*图片展示*/
  62. .UCD_SL_N_N_C_N{ word-break: break-all;width: 90%;height: 70px;margin: auto;overflow: hidden;line-height: 23px;font-size: 13px;font-family: 'Microsoft Yahei';display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical; }/*内容介绍*/
  63. .UCD_SL_N_N_C_T{width: 100%;height: 30px;line-height: 30px;font-weight: bold;overflow: hidden;font-family: Microsoft Yahei;text-indent: 15px;margin-top: 15px;}/*标题*/
  64. .UCD_SL_N_N_C_R { display:none; float:right; width:25px; height:25px; }/*评论*/
  65. .UCD_SL_N_N_C_R img{width:25px;height:25px;display:block;}
  66. .UCD_SL_N_N_C_S { display:none; margin-left:20px; float:left; width:30px; height:18px; background-color:#e53e49; border:1px solid black;}/*审核*/
  67. .UCD_SL_N_N_C_D { display:none; float:right; width:25px; height:25px;margin-right:5px; }/*大图*/
  68. .UCD_SL_N_N_C_XG { display:none; float:right; width:25px; height:25px;margin-right:5px;background:url(../images/example_xg.jpg);background-size:100% 100%; }/*修改*/
  69. .UCD_SL_N_N_C_SC { display:none; float:right; width:25px; height:25px;margin-right:-85px;margin-top:-160px;background:url(../images/example_delete.jpg);background-size:100% 100%; }/*删除*/
  70. .UCD_SL_N_N_C_D img{width:25px;height:25px;display:block;}
  71. .UCD_SL_NN_B{ height:200px;}/*页脚*/
  72. /*没有示例程序时的提示div*/
  73. .UCD_SL_TS{font-weight:bold;color:Blue; margin-left:20px; font-size:16px;}
  74. /*发布项目区域*/
  75. #UCD_FB{ width:500px; height:480px; background-color:White; position:absolute;border:1px solid #c4c4c4;display:none; }
  76. /*中间样式*/
  77. .UCD_FB_N{ margin:20px; margin-top:10px;}
  78. /*头部样式*/
  79. #UCD_FB_N_T{ height:30px; line-height:30px;}
  80. /*单行样式*/
  81. .UCD_FB_N_N_N{ min-height:30px;}
  82. /*项目简介*/
  83. .UCD_FB_N_B{width:450px; height:200px; }
  84. #UCD_FB_N_N_T{ width:350px; height:180px;}
  85. .UCD_FB_N_CK{ height:30px;}
  86. .UCD_FB_N_CK div {float:left; height:30px; line-height:30px;}
  87. #UCD_FB_N_CK_CK{ margin-left:20px;}
  88. #UCD_FB_N_N_I{ width:220px;}
  89. .UCD_FB_NR { width:450px; height:100px;}
  90. .UCD_FB_NR_L{ width:300px; height:100px; float:left;}
  91. .UCD_FB_NR_R{ width:145px; height:125px; float:left; border:1px solid ButtonFace;}
  92. #UCD_FB_NR_IMG{ margin-left:10px; width:120px; height:120px;border:2px solid white; cursor:pointer;}
  93. /*发布按钮*/
  94. .UCD_FB_N_N_N_F{ width:250px; float:left;}
  95. .UCD_FB_N_N_N_S{ width:100px; height:20px; color:Black;}