Aucune description

workspace.css 12KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. @charset "utf-8";
  2. /* CSS Document */
  3. .con-center{ width:1200px;position:relative; margin:auto; overflow:hidden;padding:20px 10px; margin-top:60px;}
  4. .frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font: 14px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; background:none;}
  5. .frmtype:focus{ border:1px solid #ff8500;}
  6. .frmbtn{ width:100px; margin:10px; background:#ff8400; color:#fff; border:none; }
  7. .frmrbtn{ background:none; color:#303030; border:none; }
  8. .updownbtn{text-decoration:underline; color:#333;}
  9. .blackcover{ width:100%; height:100%; position:fixed; background:rgba(0,0,0,.6); z-index:1000;}
  10. /*左侧菜单*/
  11. .workmenu{ float:left; width:12%; height:300px; background: #fafafa;border-radius: 6px;overflow: hidden;}
  12. .workmenutit{height: 60px;padding: 0 20px;font: 16px/60px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; border-bottom:1px #ff8400 solid;cursor:pointer;}
  13. .worksubmenu{width:100%; height:40px; margin:10px 0; padding-left:30px;font:15px/40px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:#313131; cursor:pointer;}
  14. .subcolor{ background:#f99550; color:#fff;}
  15. /*右侧内容*/
  16. .workcon{float:right; margin-left:10px; width:87%; min-height:800px; background: #fafafa;border-radius:6px;overflow: hidden;}
  17. .workcon .workconitem{ display:none;}
  18. .workcon .workconitem:first-child{display:block;}
  19. /*////////////科研资源/////////////////*/
  20. .worktel{ position:relative;}
  21. .workcon .worktelbtn{ position:absolute; top:-10px;right:-20px; display:block; width:20px; height:20px;background:url(../images/contact.png) center center no-repeat; }
  22. .workcontit{height: 60px;padding: 0 20px;font: 16px/60px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color: #606060; border-bottom:1px solid #e7e7e7;}
  23. .worksubcon{ padding:20px; overflow:hidden;}
  24. /*我的资源、需求*/
  25. .workmysrc{ margin-bottom:30px;}
  26. .workmysrctit{font: 16px/30px \5FAE\8F6F\96C5\9ED1; position:relative;}
  27. .worksamlltit{ font: 13px/30px \5FAE\8F6F\96C5\9ED1; margin:0 10px; padding:10px;cursor:pointer;}
  28. .worksamlltitnow{ border-bottom:1px solid #ff8400; color:#ff8400;}
  29. .workmysrc{display:none;}
  30. .workmysrc:first-child{display:block;}
  31. .workmysrc .workbtn{ display:block;background:#ff8400;font: 14px/30px \5FAE\8F6F\96C5\9ED1; color:#fff; width:140px; padding:0 20px; border-radius:4px; cursor:pointer; margin-bottom:10px;}
  32. .maintab{ border-bottom:1px dashed #d7d7d7; margin-top:20px; overflow:hidden;}
  33. .maintab:last-child{border-bottom:none;}
  34. .worktab *{ text-align:center; color:#000;}
  35. .lefttab{ width:16%; overflow:hidden;}
  36. .resoubrief{height:300px; overflow:hidden;}
  37. .resoubrief tr td{ /*border-bottom:1px solid #d6d6d6;*/ min-height:200px; padding:16px 0;}
  38. .resoubrief tr td ul li{ width:100%; max-width:150px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  39. .resoumag{ display:block; background:#ff8400;font: 14px/30px \5FAE\8F6F\96C5\9ED1; color:#fff; border-radius:4px; text-align:center; cursor:pointer;}
  40. .righttab{ width:82%;}
  41. .worktab a{ color:#333;}
  42. .worktab a:hover{color:#ff8400;}
  43. .worktab tr td{ padding:0 4px;max-width:60px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
  44. .worktab .worktabtit{ height:40px;background:#fff9ef;border-bottom:1px #D8D8D8 solid;}
  45. .worktab .workitem{ border-bottom:1px #D8D8D8 solid;height:80px; padding:10px 0;}
  46. .worktab .workitem:nth-child(odd){background:#fff;}
  47. .workitemsrc{ cursor:pointer; color:#702C40;}
  48. .operatebtn{ display:block; cursor:pointer;}
  49. /*弹窗资源信息、申请信息*/
  50. .resouinfo{position:fixed;top:50%;left:50%; margin-top:-320px; margin-left:-250px; background:#fff;border-radius:10px;padding:20px;z-index:1001;}
  51. .resouapply{position:fixed;top:50%;left:50%; margin-top:-320px; margin-left:-250px; background:#fff;border-radius:10px;padding:20px;z-index:1002; }
  52. .resoutit{padding: 0 20px;font: 16px/40px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color: #606060; border-bottom:1px solid #ff8400;}
  53. .resoutab{ margin:20px; min-width:500px;}
  54. .resoutab tr td{ min-width:200px; max-width:500px; padding:4px; }
  55. .resouinfotype{ font-weight:normal; text-align:right;}
  56. .resouimg{width:200px; height:200px; position:relative; overflow:hidden; }
  57. .resouup{display: block;width: 100%;height: 50px;position: absolute;/*bottom: -50px;*/background-color: rgba(0,0,0,0.4);font: 14px/44px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color: #fff; text-align:center;}
  58. #resouup{ width: 100%;height:50px;box-shadow: none;opacity:0; position: absolute;left:0;top:0px;cursor: pointer;}
  59. .workclose{ position:absolute; top:16px; right:0px; background:#ff8400; color:#fff;font: 14px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; padding-left:8px; display:block; width:46px; border-radius:10px 0px 0px 10px; height:30px; cursor:pointer; z-index:999;}
  60. .resoutab .workmsgbox td{padding:0; margin:0;}
  61. .workmsg{ clear:both;font:14px/26px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; color:red; padding-left:20px; background:url(../images/info_warn.png) 0 center no-repeat; }
  62. /*分页*/
  63. .tcdPageCode{padding: 14px 20px;text-align: left;color: #000;text-align:center;font:14px/24px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; }
  64. .tcdPageCode a{display: inline-block;color: #428bca;display: inline-block;height: 30px; line-height: 30px; padding: 0 6px;border: 1px solid #a5a5a5; margin: 0 8px;vertical-align: middle;border-radius:5px; color:#000;}
  65. .tcdPageCode a:hover{text-decoration: none;}
  66. .tcdPageCode span.current{display: inline-block;height:30px;line-height: 30px;padding: 0 6px;margin: 0 8px;color: #fff;background-color: #ff8400; border: 1px solid #a5a5a5;;vertical-align: middle;border-radius:5px;}
  67. .tcdPageCode span.disabled{ display: inline-block;height: 30px;line-height:30px;padding: 0 6px;margin: 0 8px; color: #000;background: #fff;border: 1px solid #a5a5a5;vertical-align: middle; border-radius:5px;}
  68. .tcdPageCode li { display: inline;}
  69. /*////////////我的工作台/////////////////*/
  70. .workblock{ padding:10px; overflow:hidden; background:#fff; margin:10px 0; margin-bottom:20px;}
  71. .workhs{ width:34%; overflow:hidden;}
  72. .workconleft{ width:82%;}
  73. .workhead{ display:block; margin:10px; height:84%; height:84%; border:1px #ccc solid; border-radius:50%; overflow:hidden;}
  74. .workstat{ float:left; width:50%; text-align:center;}
  75. .workstat span{font:18px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; font-weight:bold;}
  76. .workinfor{width:64%; margin-top:20px; padding:10px 16px;min-height:140px;}
  77. .workinfor h4{ overflow:hidden;}
  78. .workinfor .named{display:block;font:18px/34px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; font-weight:bold; color:#000; float:left;}
  79. .workinfor .named:hover,.workinfor .named:focus,.workinfor .named:active{color:#000; text-decoration:none;}
  80. .workinfor h5{ font:16px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; font-weight:bold;}
  81. .workinfor h6{ font:13px/24px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; font-weight:bold;}
  82. .worklinkbtn{ color:#ff8400;font:12px/24px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; cursor:pointer;}
  83. .workcountup{ width:100%; overflow:hidden; padding:6px 0; text-align:center; margin:10px;}
  84. .workcountup:nth-child(2){ border-top:1px solid #d6d6d6;}
  85. .workcount{ padding:10px; width:50%; float:left;}
  86. .workcount:nth-child(1){ border-right:1px solid #d6d6d6;}
  87. .workcountnum{ font:18px/30px \5FAE\8F6F\96C5\9ED1,"Microsoft YaHei"; margin:6px; font-style: italic; }
  88. .worksubblock{ width:50%; padding:0 10px;}
  89. .worksubblock:nth-child(1){ border-right:1px solid #d6d6d6;}
  90. .worktit{ width:100%;border-bottom:1px solid #d6d6d6; padding:4px 0; font-size:16px; }
  91. .leftwb{ width:30%; margin:auto; text-align:center;}
  92. .wbcon{ padding:20px 0; overflow:hidden;}
  93. .wbimg{ display:block; margin:auto; width:60px; height:60px; overflow:hidden; border:1px solid #d6d6d6; border-radius:50%;}
  94. .rightwb{ width:66%; margin-left:10px; }
  95. .worktopic{ font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
  96. .workrecord{ list-style:inside disc;max-height:94px; overflow:hidden;font-size:13px; color:#666;}
  97. .writeback{ margin:10px 0; border-radius:4px; font-size:12px; text-align:center; cursor:pointer; border:1px solid #888; padding:0 14px;}
  98. .writeback:hover,.writeback:active{border:1px solid #ff8400; color:#ff8400;}
  99. .writebackbox{/*display:none;*/}
  100. .writespan{ margin-top:10px; font-weight:bold;}
  101. /*资源、项目*/
  102. .sharesrcbox11{ overflow:hidden; width:100%; padding:10px; height:240px;}
  103. .sharesrcbox11 .sharesrc{ width:28%; margin:10px 20px; float:left;}
  104. .sharesrcbox11 .briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; }
  105. .sharesrcbox11 .shareshow{ position:relative; overflow:hidden;}
  106. .sharesrcbox11 .shareopeart{ position:absolute;background:rgba(0,0,0,.4); line-height:30px; text-align:center; bottom:-30px; left:0px; z-index:100; overflow:hidden; width:100%; cursor:pointer;}
  107. .objectsrcbox{ overflow:hidden; width:100%; padding:10px; height:160px;}
  108. .objectsrc{float:left; width:28%; margin:10px 20px; height:120px; background:rgba(0,0,0,.03); /*border:1px dashed #e5e5e5;*/ padding:30px 10px; cursor:pointer; }
  109. .objectsrc:hover{ background:rgba(0,0,0,.04);}
  110. .objectsrc p{ line-height:24px; text-align:center;}
  111. .objectsrc .objectstate{ background:url(../images/progressing.png) 52px 2px no-repeat;}
  112. /*公告*/
  113. .workconright{ width:17%;}
  114. .worknotice{ width:100%; height:200px; border:1px solid #d6d6d6; margin:1px;}
  115. /*////////////咨询/////////////////*/
  116. .workselectbox{ overflow:hidden; padding:4px 1px;}
  117. .workselectmenu{padding:4px 20px; background:#fff; border:1px solid #e8e8e8; cursor:pointer;}
  118. .workselectcon{ padding:10px;}
  119. .workselectitem{ overflow:hidden; margin:6px 0;}
  120. .workselectitem:nth-child(odd){background:#fff;}
  121. .workselectitem table tr .workcheck{ text-align:center;}
  122. .worksitcon{ width:100%;margin-top:0; overflow:hidden; position:relative;}
  123. .worksitcon span{ padding-right:4px;}
  124. .rebackcon{ height:60px; overflow:hidden;}
  125. .modifyicon{ margin-left:10px;margin-top: 6px;}
  126. .workitimg{ width:120px; height:120px; }
  127. .messagebox{position:relative;}
  128. .msgprompt{position:absolute; top:26px; left:16px; padding:0 10px;text-align:center; border-radius:14px; background:#ff6432; color:#fff;}
  129. .workhandle{ position:absolute; top:20px; right:20px;}
  130. .workhandle span{ padding:2px 20px; cursor:pointer; border:1px #d7d7d7 solid;}
  131. .workhandle span:hover{ background:#ff8400; color:#fff;border:1px #ff8400 solid;}
  132. /*////////////科研项目/////////////////*/
  133. .workobjcon{ overflow:hidden; background:#fff; min-height:600px; margin-top:10px; padding:20px;}
  134. .workobjcon .objectsrc{ width:20%; height:200px; /*border:1px solid #e5e5e5;*/ }
  135. .workobjcon .objectsrc div{ margin-top:24px;}
  136. .workobjcon .objectsrc .objectstate{ background:url(../images/progressing.png) 40px 2px no-repeat;}
  137. .workobjcon .newobjects{ border:2px dashed #e5e5e5; line-height:80px; background:none;}
  138. .workobjcon .newobjects .newobjecticon{ line-height:100px; font-size:40px;}
  139. /*资源图片上传*/
  140. /*.wrap{ height:200px;}
  141. .jy-up-ch{ position: relative; width: 200px;}
  142. .jy-up-ch .bch{ display: block; position: absolute; background-repeat: no-repeat; background-image: url(../images/bch.jpg); }
  143. .jy-up-ch .bch1{ width: 15px; height: 20px; background-position: 0 0; left: 0; top: 10px; }
  144. .jy-up-ch .bch2{ width: 39px; height: 24px; background-position: -15px 0px; left: 50%; margin-left: -39px; top: 7px; }
  145. .jy-up-ch .bch3{ width: 37px; height: 24px; background-position: -54px 0px; left: 50%; top: 7px; }
  146. .jy-up-ch .bch4{ width: 15px; height: 20px; background-position: -91px 0px; right: 0; top: 10px; }
  147. .jy-up-ch .bch1:hover{ background-position: 0 -27px; }
  148. .jy-up-ch .bch2:hover{ background-position: -15px -24px;}
  149. .jy-up-ch .bch3:hover{ background-position: -54px -24px;}
  150. .jy-up-ch .bch4:hover{ background-position: -91px -27px;}
  151. .jc-demo-box{position: relative; background-color: #f8f8f8; width: 100%; height: 100%; overflow: hidden; }
  152. .jcrop_w{ overflow: hidden; }
  153. .jcrop_w img{ position: absolute; }*/