Página inicial Explorar Ajuda
Registrar Entrar
cxs
/
KJDS
Observar 1
Favorito 0
Fork 0
Arquivos Issues 0 Pull Requests 0 Wiki
Tree: d18d355a75
Branches Tags
KJDS
/
malai
/
admin
/
static
/
h-ui.admin
/
css
/
H-ui.admin.css

H-ui.admin.css 6.9 KB
Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127 
  1. @charset "utf-8";
    2. 

  2. /* -----------H-ui前端框架-------------
    3. 

  3. * H-ui.admin.css v2.5
    4. 

  4. * http://www.h-ui.net/
    5. 

  5. * Created & Modified by guojunhui
    6. 

  6. * Date modified 2016.05.31
    7. 

  7. *
    8. 

  8. * Copyright 2013-2016 北京颖杰联创科技有限公司 All rights reserved.
    9. 

  9. * Licensed under MIT license.
    10. 

  10. * http://opensource.org/licenses/MIT
    11. 

  11. *
    12. 

  12. */
    13. 

  13. html{height:100%}
    14. 

  14. body{min-height: 100%;position: relative;font-size:14px;color:#333; background-color:#fff}
    15. 

  15. a{color:#333}a:hover,a:focus,.maincolor,.maincolor a{color:#06c}
    16. 

  16. .bg-1{ background-color:#f5fafe}
    17. 

  17. h4{line-height:30px}
    18. 

  18. 

  19. /*页面框架*/
    20. 

  20. .Hui-header{position:absolute;top:0; right:0; left:0;height:44px;z-index:999; padding:0 15px}
    21. 

  21. .Hui-aside{position: absolute;top:44px;bottom:0;left:0;padding-top:10px;width:199px;z-index:99;overflow:auto; background-color:rgba(238,238,238,0.98);_background-color:rgb(238,238,238);border-right: 1px solid #e5e5e5}
    22. 

  22. .Hui-article-box{position: absolute;top:44px;right:0;bottom: 0;left:199px; overflow:hidden; z-index:1; background-color:#fff}
    23. 

  23. 	.Hui-article{position: absolute;top:34px;bottom:0;left:0; right:0;overflow:auto;z-index:1}
    24. 

  24. .Hui-container{ padding:45px 0 0}
    25. 

  25. .Hui-aside,.Hui-article-box,.dislpayArrow{-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s}
    26. 

  26. .big-page .Hui-article-box,.big-page .dislpayArrow,.big-page .breadcrumb{left:0px}
    27. 

  27. .big-page .Hui-aside{ left:-200px}
    28. 

  28. .page-container{ padding:20px}
    29. 

  29. @media (max-width: 767px) {
    30. 

  30. 	.page-container{ padding:15px}
    31. 

  31. }
    32. 

  32. /*组件*/
    33. 

  33. /*logo*/
    34. 

  34. 

  35. /*导航*/
    36. 

  36. #Hui-nav > ul > li{ font-weight:normal}
    37. 

  37. @media (max-width: 767px) {
    38. 

  38. 	#Hui-nav{display: block; top: 0; left: 65px; right: 65px}
    39. 

  39. 	#Hui-nav > ul { width: 100%}
    40. 

  40. 	#Hui-nav > ul > li{ width: 24%;text-align:center;}
    41. 

  41. 	#Hui-nav > ul > li a{ text-align: center; padding: 0}
    42. 

  42. }
    43. 

  43. #Hui-userbar{right:20px; position:absolute; top:0;}
    44. 

  44. #Hui-userbar > ul > li > a{padding:0 10px}
    45. 

  45. 	
    46. 

  46. #Hui-msg .badge{ position:absolute; left:19px; top:4px; font-size:12px; font-weight:normal; padding:1px 5px}
    47. 

  47. /*左侧菜单*/
    48. 

  48. .Hui-aside .menu_dropdown dl{ margin-bottom:0}
    49. 

  49. .Hui-aside .menu_dropdown dt{display:block;line-height:35px;padding-left:15px;cursor:pointer;position:relative;border-bottom: 1px solid #e5e5e5;font-weight:normal}
    50. 

  50. .Hui-aside .menu_dropdown dt .menu_dropdown-arrow{ position:absolute;overflow: hidden; top:0; right:15px;transition-duration:0.3s ;transition-property:all}
    51. 

  51. .Hui-aside .menu_dropdown dd{ display:none}
    52. 

  52. .Hui-aside .menu_dropdown dt.selected .menu_dropdown-arrow{transform: rotate(180deg)}
    53. 

  53. .Hui-aside .menu_dropdown dd.selected{display:block; margin-left:0px}
    54. 

  54. .Hui-aside .menu_dropdown ul{padding:0px}
    55. 

  55. .Hui-aside .menu_dropdown li{line-height:35px;overflow:hidden;zoom:1}
    56. 

  56. .Hui-aside .menu_dropdown li a{padding-left:15px; display:block;font-weight: bold; margin:0}
    57. 

  57. .Hui-aside .menu_dropdown li a i{ font-weight: normal}
    58. 

  58. .Hui-aside .menu_dropdown dd ul{padding:3px 8px}
    59. 

  59. .Hui-aside .menu_dropdown dd li{line-height:32px}
    60. 

  60. .Hui-aside .menu_dropdown dd li a{line-height:32px;padding-left:26px; border-bottom:none; font-weight:normal}
    61. 

  61. .Hui-aside .menu_dropdown li a:hover{text-decoration:none}
    62. 

  62. .Hui-aside .menu_dropdown li.current a,.menu_dropdown li.current a:hover{background-color:rgba(255,255,255,0.2)}
    63. 

  63. /*菜单收缩切换*/
    64. 

  64. .dislpayArrow{position: absolute;top: 0;bottom: 0;left:200px;width:0px; height:100%;z-index:10}
    65. 

  65. .dislpayArrow a{ position:absolute; display:block; width:17px; height:61px;top:50%; margin-top:-30px;outline:none}
    66. 

  66. .dislpayArrow a.open{ background-position:0 -61px}
    67. 

  67. .dislpayArrow a:hover{ text-decoration:none; background-position:right 0}
    68. 

  68. .dislpayArrow a.open:hover{background-position:right -61px}
    69. 

  69. 

  70. /*选项卡导航*/
    71. 

  71. .Hui-tabNav-wp{position:relative; height:35px;overflow:hidden}
    72. 

  72. .Hui-tabNav,
    73. 

  73. .Hui-tabNav .acrossTab li
    74. 

  74. ,.Hui-tabNav .acrossTab li em{background-image:url(../images/acrossTab/acrossTab-2.png)}
    75. 

  75. .Hui-tabNav{height:35px; padding-right:75px;overflow:hidden; position:relative;background-color:#efeef0; background-repeat: repeat-x; background-position: 0 -175px;}
    76. 

  76. .Hui-tabNav .acrossTab{ position:absolute; height:26px; line-height:26px; background:none; top:8px; left:0;padding-top:0}
    77. 

  77. .Hui-tabNav .acrossTab li{height:26px;line-height:26px;}
    78. 

  78. .Hui-tabNav .acrossTab li em{ right:-16px; height: 26px; width: 16px}
    79. 

  79. .loading {background:url(../images/loading.gif) no-repeat center; height:100px}
    80. 

  80. .show_iframe{ position:absolute; top:0; right:0; left:0; bottom:0;}
    81. 

  81. .show_iframe iframe {position: absolute;bottom: 0;height: 100%;width: 100%}
    82. 

  82. .Hui-tabNav-more {position: absolute;right:0px;width:70px;top:4px;display: none}
    83. 

  83. 

  84. /*面包屑导航*/
    85. 

  85. .breadcrumb{background-color:#f5f5f5; padding:0 20px; position:relative; z-index:99}
    86. 

  86. @media (max-width: 767px) {
    87. 

  87. 	.breadcrumb{ padding:0 15px;}
    88. 

  88. 	.show_iframe{-webkit-overflow-scrolling: touch;overflow-y: scroll;}
    89. 

  89. }
    90. 

  90. 

  91. /*横向手机 竖向平板*/
    92. 

  92. @media (max-width: 767px) {
    93. 

  93. 	.Hui-aside{ display:none;float:none; width:100%; height:auto; margin-top:0;padding-top:0;bottom:auto}
    94. 

  94. 	.big-page .Hui-aside{ left:0!important}
    95. 

  95. 		.menu_dropdown dt{line-height:44px}
    96. 

  96. 		.menu_dropdown li,.menu_dropdown dd li,.menu_dropdown dd li a{ line-height:44px}
    97. 

  97.   .Hui-tabNav{ position:fixed; z-index:998}
    98. 

  98.   .Hui-article{ top:44px}
    99. 

  99.   .Hui-article-box{ position:static; left:0}
    100. 

  100.   .Hui-article-box .pd-20{padding:15px}
    101. 

  101. 		.Hui-article{left:0}
    102. 

  102. 		.Hui-container .bk-gray{ border:none}
    103. 

  103. 		.Hui-container .pd-10{ padding:0}
    104. 

  104. }
    105. 

  105. 

  106. /*==============以下是业务相关的样式====================*/
    107. 

  107. /*权限*/
    108. 

  108. .permission-list{ border:solid 1px #eee;}
    109. 

  109. .permission-list > dt{ background-color:#efefef;padding:5px 10px}
    110. 

  110. .permission-list > dd{ padding:10px; padding-left:30px}
    111. 

  111. .permission-list > dd > dl{ border-bottom:solid 1px #eee; padding:5px 0}
    112. 

  112. .permission-list > dd > dl > dt{ display:inline-block;float:left;white-space:nowrap;width:100px}
    113. 

  113. .permission-list > dd > dl > dd{ margin-left:100px;}
    114. 

  114. .permission-list > dd > dl > dd > label{ padding-right:10px}
    115. 

  115. 

  116. /*图片预览*/
    117. 

  117. .portfolio-area{ margin-right: -20px;}
    118. 

  118. .portfolio-area li{position: relative; float: left; margin-right: 20px; width:162px; height:162px;margin-top: 20px;}
    119. 

  119. .portfolio-area li.hover{ z-index:9}
    120. 

  120. .portfolio-area li .portfoliobox{ position: absolute; top: 0; left: 0; width: 152px; height: 152px;padding:5px;border: solid 1px #eee; background-color: #fff;}
    121. 

  121. .portfolio-area li .checkbox{position: absolute; top: 10px; right: 5px; cursor:pointer}
    122. 

  122. .portfolio-area li.hover .portfoliobox{ height:auto;padding-bottom:10px;box-shadow:0 1px 3px rgba(68, 68, 68,0.3);-moz-box-shadow:0 1px 3px rgba(68, 68, 68,0.3);-webkit-box-shadow:0 1px 3px rgba(68, 68, 68,0.3)}
    123. 

  123. .portfolio-area li .picbox{width: 150px; height: 150px;overflow: hidden;text-align: center;vertical-align:middle;display:table-cell; line-height:150px;}
    124. 

  124. .portfolio-area li .picbox img{max-width:150px; max-height:150px;vertical-align:middle;}
    125. 

  125. .portfolio-area li .textbox{ display: none; margin-top: 5px;}
    126. 

  126. .portfolio-area li.hover .textbox{ display: block;}
    127. 

  127. .portfolio-area li label{ display:block; cursor:pointer}
    128.