Accueil Explorer Aide
S'inscrire Connexion
jiapeng
/
portal-front
Suivre 3
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 372 Publications 0 Wiki

portal html css js resource

Aborescence: bbb7f8899d
Branches Tags
portal-front
/
css
/
genindex.css

genindex.css 10KB
Historique Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149 
  1. @charset "utf-8";
  2. /* CSS Document */
  3. html,body{background: #f4f6f8;}
  4. .userRadius{ border-radius: 50%;border:1px solid #E5E5E5;}
  5. .cmpRadius{border-radius:4px;border:1px solid #E5E5E5;}
  6. .con-center{padding:20px 10px 40px; margin:10px auto;}
  7. /*/////////////////////表单样式/////////////////////// */
  8. .frmtype{border:none;height:36px;background:#edeff4;font-size:14px;outline: none; padding:6px 20px 6px 10px;border-radius: 6px;}
  9. .frmtype:focus{box-shadow: none;outline:none; border:1px solid #ff8500;}
  10. .frmtypeW{width:98%;margin: auto;}
  11. textarea.frmtype{height:100px;}
  12. input.frmtype[readonly]{background:#EFEFEF;color:#AAAAAA;}
  13. input.frmtype[readonly]:focus{border:1px transparent solid;}
  14. /*小按钮*/
  15. .btnModel{display:inline-block;color:#FFFFFF;border:none;background: #FFFFFF; padding:6px 20px;background:#ff9900;}
  16. .btnModel:hover{background:#ff8f00;}
  17. /*取消按钮*/
  18. .btnCancel{background:#edeff4;}
  19. .btnCancel:hover{background:#d6d8de;}
  20. /*按钮不可用状态*/
  21. button.btnModel[disabled]{background:#d6d8de;}
  22. button.btnModel[disabled]:hover{background:#d6d8de;}
  23. .save-block{margin:20px auto 40px;padding:6px 40px;}/*保存按钮*/
  24. .fontLink{background:none;border:none;color:#ff9900;}/*字体链接按钮*/
  25. /*表单消息提示*/
  26. .frmmsg{background:url(../images/con_icon_info_warn.png) 0 center no-repeat;background-size: auto 50%;padding-left:18px;line-height:28px;color: #fd5f39;}
  27. .frmmsg-warning{border:1px solid #fd5f39;}
  29. /*////////////个人设置/////////////////*/
  30. ul.cmpAllUl{}
  31. ul.cmpAllUl li{position:relative;clear:both;padding:6px 0;}
  32. ul.cmpAllUl li:before,ul.cmpAllUl li:after{display:table;content:" "}
  33. ul.cmpAllUl li:after{clear: both;}
  34. ul.cmpAllUl li .col-w-2{text-align: right;padding-right: 10px;line-height: 30px;}
  35. ul.cmpAllUl li .col-w-10{position: relative;}
  37. .successImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_chenggong_nor.png) center center no-repeat;}
  38. .failImg{display:inline-block;width:100%; height:88px; background:url(../images/sign_icon_shibai_nor.png) center center no-repeat;}
  39. /*登录相关*/
  40. .signLogo{display:block;height:64px;width:274px;background:url(../images/c-sign-on_icon_logo_nor.png);background-size:cover;margin: 30px 20px 20px 0}
  41. .covbodyBg{background:url(../images/c-sign-on_bg_img_nor.png) 0 bottom no-repeat;background-size:cover;}
  42. .contConP{position:static}
  43. .covFrmblock{position:absolute;top:50%; left:50%; transform:translate(-50%,-50%);overflow:hidden;padding:40px 30px 30px 30px;/*margin:10% auto 40px;*/width:420px;max-width:420px;background:#fff;border-radius:8px;z-index:1056; 
  44.  		 box-shadow: 2px 6px 30px #d68203;
  45.   -webkit-box-shadow: 2px 6px 30px #d68203;}
  46. .covFrmblock .h1Font{margin-bottom:24px;}
  47. .cmpOrgName{font-size: 24px;line-height: 60px;}
  48. ul.cmpAllUl.cmpCoverUl{width:100%;margin:10px auto 20px;}
  49. ul.cmpAllUl.cmpCoverUl>li .frmtypeW{width:100%;height:40px;}
  50. ul.cmpAllUl.cmpCoverUl>li .save-block{margin-bottom:0;}
  52. ul.cmpAllUl>li .form_head{position: relative;margin-bottom: 10px;line-height:26px;}
  53. ul.cmpAllUl>li .form_head:before{position: absolute;content: '';background: #E6E6E6;margin:auto;width:60%;height:1px;top:-30px;bottom: 0;right: 0;left:0;}
  54. ul.cmpAllUl>li .form_head li{ position: relative;clear:none; text-align: center;color: #b5b5b5; float: left;}
  55. ul.cmpAllUl>li .form_head .icon_step {display: block;width: 40px;height: 40px; margin: 0 auto;margin-bottom: 8px;}
  56. ul.cmpAllUl>li .form_head .icon_step.step1{background: url(../images/c-sign-on_icon_1_hig.png) 0 0 no-repeat;background-size: cover;}
  57. ul.cmpAllUl>li .form_head .icon_step.step2{background: url(../images/c-sign-on_icon_2_nor.png) 0 0 no-repeat;background-size: cover;}
  58. ul.cmpAllUl>li .form_head .icon_step.step2g{background: url(../images/c-sign-on_icon_2_hig.png) 0 0 no-repeat;background-size: cover;}
  59. ul.cmpAllUl>li .form_head .icon_step.step3{background: url(../images/c-sign-on_icon_3_nor.png) 0 0 no-repeat;background-size: cover;}
  60. ul.cmpAllUl>li .form_head .icon_step.step3g{background: url(../images/c-sign-on_icon_3_hig.png) 0 0 no-repeat;background-size: cover;}
  61. ul.cmpAllUl>li .form_head li.stepActive{color: #555;}
  62. ul.cmpAllUl.cmpCoverUl .importTip{font-size:18px;color:#333;margin:10px 0;}
  64. ul.loginWaySort{overflow: hidden;border-bottom:1px solid #e5e5e5;margin-bottom:30px;}
  65. ul.loginWaySort li{text-align: center;line-height: 36px;font-size:14px;color:#333;cursor: pointer;}
  66. ul.loginWaySort li.liactive{border-bottom: 2px solid #ff9900;}
  68. /*--------------发现--------------*/
  69. .contentCon{padding-top:80px;}
  70. .leftconBox{width:820px;padding-bottom:20px;margin-bottom:20px;background: #FFFFFF;}
  71. .table-item{/*padding:10px;*/}
  72. .table-item li{position:relative;padding:25px 20px;}
  73. .table-item li:after{content:"";position:absolute; left:0; right:0; bottom:0;height: 2px;background: #f7f7f8;}
  74. .table-item-media{height: 40px;margin-bottom:20px;}
  75. .table-item-media .table-item-logo{position:absolute;border:1px solid #f2f3f4;display: inline-block;width: 40px; height:40px;z-index:4;}
  76. .table-item-media .table-item-name{position:relative;width:90%;padding-left:50px;}
  77. .table-item-media .table-item-name .nameSpan{color:#000;font-size: 16px;line-height: 18px;}
  78. .table-item-media .table-item-name .timeLabel{color:#AAAAAA;}
  79. .table-item-media .authicon{bottom:9px;}
  80. .table-item-cell{position:relative;font-size:16px;color:#000;cursor: pointer;}
  81. .table-item-cell a{display:block;min-height: 110px;color:#000;}
  82. .table-item-cell a:hover{background: #f4f6f8;color:#5c99d8;}
  84. .table-item-cell .table-item-img{position:absolute;border:1px solid #f2f3f4;width: 164px;height: 110px;top:50%;left:0;margin-top:-55px;}
  85. .table-item-cell .table-item-img.artical-default{background:url(../images/default-artical.jpg) center center;background-size:cover;}
  86. .table-item-cell .table-item-img.resource-default{background:url(../images/default-resource.jpg) center center;background-size:cover;}
  87. .table-item-cell .table-item-body{position:absolute;top:50%;width:100%;margin-top:-28px;padding-left:184px;padding-right: 10px;}
  89. .cmplogohead{ background: url(../images/default-icon.jpg);background-size: cover;border-radius:4px;}
  90. .userhead{ background: url(../images/default-photo.jpg);background-size: cover;border-radius:50%;}
  91. .cmpLable{display:inline-block;margin:8px 0;border:1px solid;border-radius:3px;padding:2px 6px;font-style: normal;font-size: 12px; line-height: 14px; vertical-align: middle;}
  92. .cmpLable.articalLabel{border-color:#ff6b57;color:#ff6b57;}
  93. .cmpLable.resourceLabel{border-color:#28b8fa;color:#28b8fa;}
  94. /*发现右侧新闻*/
  95. .advertBox{min-height: 100px;margin-left: 20px;}
  96. .advertItem li{width: 260px;margin-bottom:20px;}
  97. .advertItem li img{width: 100%;}
  99. /*--------------搜索--------------*/
  100. .searchdiv{position: relative;height:42px;font-size:16px;line-height: 40px;border:1px solid #FFFFFF;background: #FFFFFF;}
  101. .searchsome{border:none;padding-right:120px;height: 40px;padding-left:20px;}
  102. .searchgo{position:absolute;right:0;padding:0 40px;background: #FF9900;color: #FFFFFF;cursor: pointer;}
  104. .filterdiv{background: #FFFFFF;margin:20px 0;}
  105. ul.choosediv{background: #E6E6E6;}
  106. ul.choosediv>li{float: left;padding:0 20px;font-size: 14px;color:#666;line-height: 42px;border-top:4px solid transparent;cursor: pointer;}
  107. ul.choosediv>li.liactive{border-color: #ff9900;color:#ff9900;background: #FFFFFF;}
  108. ul.filterListNew{padding:8px 20px 0;}
  109. ul.filterListNew>li{position: relative;line-height: 28px;font-size:12px;line-height: 24px;}
  110. ul.filterListNew>li:before,.filterListNew>li:after{display:table;content:" "}
  111. ul.filterListNew>li:after{clear:both;content:"";position:absolute;height: 1px;width:100%;background: #E5E5E5;}
  112. ul.filterListNew>li:last-child:after{height: 0;}
  113. .filterListNew .leftsort{position: absolute;left: 0;top:12px;color:#666;}
  114. .filterListNew .rightbtn{position: absolute;right:0;padding-right:32px;top:12px;color:#999;cursor: pointer;}
  115. /*展开fold关闭unfold三角*/
  116. .filterListNew .rightbtn .foldtr{position: absolute;top:8px;right: 42px;}
  117. .filterListNew .rightbtn .foldtr:after{ border:solid transparent;border-top-color:#fff;border-width:5px;content:" ";position:absolute;top:100%;left:20px;}
  118. .filterListNew .rightbtn .foldtr:before{border:solid transparent;border-top-color:#ff9900;border-width:7px;content:" ";position:absolute;top:100%;left:18px;}
  119. .filterListNew .rightbtn .unfoldtr{position: absolute;top:15px;right: 42px;}
  120. .filterListNew .rightbtn .unfoldtr:after{ border:solid transparent;border-bottom-color:#fff;border-width:5px;content:" ";position:absolute;bottom:100%;left:20px;}
  121. .filterListNew .rightbtn .unfoldtr:before{border:solid transparent;border-bottom-color:#ff9900;border-width:7px;content:" ";position:absolute;bottom:100%;left:18px;}
  123. ul.filterUl{overflow: hidden;width: 100%;height:26px;overflow:hidden;margin:10px 0;padding-left:64px;padding-right: 60px;}
  124. ul.filterUl.filterUlactive{height:auto;}
  125. ul.filterUl>li{float:left;margin:0 5px 4px;padding:0 10px;cursor: pointer;color:#999;border:1px solid transparent;}
  126. ul.filterUl>li.filterCurrent{border-color:#e1e1e1;border-radius: 20px;color:#ff9900;}
  128. .listdiv{background: #FFFFFF;padding-bottom:20px;margin-bottom:20px;}
  129. .listdiv ul.listitemdiv{}
  130. ul.listitemdiv li{position:relative;min-height:132px;padding:15px 20px;}
  131. ul.listitemdiv li:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: #f7f7f8;}
  132. ul.listitemdiv li a.linkhref{display: block;}
  133. ul.listitemdiv li .lefthead{position:absolute;top:50%;overflow: hidden;background-size: cover;background-position: center;}
  134. ul.listitemdiv li .userheadt{width: 100px;height:100px;margin-top:-50px;background-image: url(../images/default-photo.jpg);}
  135. ul.listitemdiv li .centercon{padding-left:120px;padding-right:200px;margin-top:14px;}
  136. ul.listitemdiv li .centercon .h1font{font-size: 16px;line-height: 28px; color:#000;}
  137. ul.listitemdiv li .centercon .h2font{font-size: 14px;line-height: 24px; color:#666;}
  138. ul.listitemdiv li .rightop{padding:0 24px;line-height:32px;font-size:16px;color:#FFFFFF;cursor:pointer;border-radius:4px;background:#ff9900;
  139.     box-shadow: 1px 2px 13px 0px rgba(255, 153, 0, 0.6);
  140.   -webkit-box-shadow: 1px 2px 13px 0px rgba(255, 153, 0, 0.6);
  141. 	position:absolute;top:50%;margin-top:-16px;right:60px;}
  143. ul.listitemdiv.listmorediv li{min-height: 142px;}	
  144. ul.listitemdiv.listmorediv .resouhead{width: 164px;height: 110px;margin-top:-55px;background-image: url(../images/default-resource.jpg);}
  145. ul.listitemdiv.listmorediv .centercon{padding-left:184px;padding-right: 10px;margin-top:16px;}
  146. ul.listitemdiv.listmorediv .ellipsisSty-2{height:50px;}
  148. ul.listitemdiv.listmorediv .articalhead{width: 164px;height: 110px;margin-top:-55px;background-image: url(../images/default-artical.jpg);}