Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
zhangkun
/
ditie2.0_web
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Revīzijas 34 Laidieni 0 Vikivietne

地铁二期项目正式开始

Koks: db5f61b8f3
Atzari Tagi
ditie2.0_web
/
web
/
YTSoft.BaseC...
/
Content
/
css
/
index.css

index.css 10KB
Vēsture Neapstrādāts

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204 
  1. /*公共样式*/
    2. 

  2. .header .layui-nav-child{ z-index:99999; top:60px; left: auto; right: 0;}
    3. 

  3. .seraph{ font-size:16px !important;}
    4. 

  4. .main_body{ min-width:320px; }
    5. 

  5. .layui-nav .layui-nav-item a{ cursor:pointer;}
    6. 

  6. .layui-nav .layui-nav-item>a{ color:rgba(255,255,255,1); max-height:60px;}
    7. 

  7. .layui-layer-tab .layui-layer-title span{ padding:0 !important;}
    8. 

  8. iframe{ position:absolute; height:100%; width:100%; border:none;}
    9. 

  9. .top_menu.layui-nav .layui-nav-child dd.layui-this a,.closeBox.layui-nav .layui-nav-child dd.layui-this a,.closeBox .layui-nav-child dd.layui-this,.top_menu .layui-nav-child dd.layui-this{ background:none; color:#333;}
    10. 

  10. .layui-nav .layui-nav-child a:hover,.layui-nav .layui-nav-child dd.layui-this a:hover{background-color:#395E67;color:#ffffff;}
    11. 

  11. /*.layui-nav .layui-nav-child cite a:hover,.layui-nav .layui-nav-child dd.layui-this cite a:hover{background-color:#ffffff;color:#395E67;}*/
    12. 

  12. .layui-nav .layui-nav-child dd.layui-this a:hover{background-color:#ffffff;color:#395E67;}
    13. 

  13. 

  14. /*模拟加载层图标样式*/
    15. 

  15. .layui-layer-dialog .layui-layer-content .layui-layer-ico16{ background-size:100% 100% !important; }
    16. 

  16. /*样式改变的过渡*/
    17. 

  17. .layui-body,.layui-footer,.layui-layout-admin .layui-side,.logo,.topLevelMenus li.layui-nav-item,.topLevelMenus li.layui-nav-item:hover{ transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; }
    18. 

  18. /*隐藏*/
    19. 

  19. *[mobile],.component .layui-select-title i.layui-edge{ display:none;}
    20. 

  20. 

  21. /*打开页面动画*/
    22. 

  22. .layui-tab-item.layui-show{ animation:moveTop 1s; -webkit-animation:moveTop 1s; animation-fill-mode:both; -webkit-animation-fill-mode:both; position:relative; height:100%; -webkit-overflow-scrolling: touch; overflow:auto; }
    23. 

  23. @keyframes moveTop{
    24. 

  24. 	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    25. 

  25. 	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    26. 

  26. }
    27. 

  27. @-o-keyframes moveTop{
    28. 

  28. 	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    29. 

  29. 	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    30. 

  30. }
    31. 

  31. @-moz-keyframes moveTop{
    32. 

  32. 	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    33. 

  33. 	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    34. 

  34. }
    35. 

  35. @-webkit-keyframes moveTop{
    36. 

  36. 	0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}
    37. 

  37. 	100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
    38. 

  38. }
    39. 

  39. /*滑动tab栏*/
    40. 

  40. .switchover{ position: absolute;right: 108px;top: 0px; width: 31px;line-height:47px;z-index: 99;height: 47px;}
    41. 

  41. .switchover i { display: inline-block;width: 30px;float: left;text-align: center;cursor: pointer;font-size: 17px;background-color: #ffffff; -webkit-user-select: none;
    42. 

  42. -moz-user-select: none;
    43. 

  43. -ms-user-select: none;
    44. 

  44. user-select: none;}
    45. 

  45. .switchover i:hover { background-color: #ffffff; }
    46. 

  46. .switchover .switcRight{ /*border-left: 1px solid #e6e6e6;*/ }
    47. 

  47. /*滑动tab栏*/
    48. 

  48. .switchover1{ position: absolute;left: 0px;top: 0px; width: 31px;line-height:47px;z-index: 99;height: 47px;}
    49. 

  49. .switchover1 i { display: inline-block;width: 30px;float: left;text-align: center;cursor: pointer;font-size: 17px;background-color: #ffffff; -webkit-user-select: none;
    50. 

  50. -moz-user-select: none;
    51. 

  51. -ms-user-select: none;
    52. 

  52. user-select: none;}
    53. 

  53. .switchover1 i:hover { background-color: #ffffff; }
    54. 

  54. .switchover1 .switcRight{ /*border-left: 1px solid #e6e6e6;*/ }
    55. 

  55. /*顶部*/
    56. 

  56. .header{ z-index:2000;}
    57. 

  57. .logo{ color: #395E67; float: left; font-weight:bold; line-height:60px; font-size:20px; padding:0 25px; text-align: center; width:320px;}
    58. 

  58. .hideMenu{ float:left; width:30px; height:30px; font-size:17px; line-height:30px; text-align:center; padding:5px 5px; color:#fff; background-color:#393D49;z-index: 99; position: relative;}
    59. 

  59. .hideMenu:hover{ color:#fff; }
    60. 

  60. .layui-nav cite{ margin-left: 5px;}
    61. 

  61. /*顶部右侧*/
    62. 

  62. .topLevelMenus{float:left; color:#395E67;}
    63. 

  63. .topLevelMenus .layui-icon{color:#395E67;}
    64. 

  64. .topLevelMenus li.layui-nav-item:hover{ color:#1E9FFF; background-color:rgba(221,221,221,0.2);}
    65. 

  65. .layui-nav .layui-this:after{ bottom:-5px!important;display: none;}
    66. 

  66. .header .layui-nav-bar{top:60px !important;display: none;}
    67. 

  67. .topLevelMenus .layui-nav-item.layui-this {
    68. 

  68.     background-color: rgba(221,221,221,0.2);
    69. 

  69. }
    70. 

  70. .maintabframecss {
    71. 

  71. }
    72. 

  72. .maintabframecss.layui-tab-close {
    73. 

  73.     display:none;
    74. 

  74.     position: relative;
    75. 

  75.     width: 18px;
    76. 

  76.     height: 18px;
    77. 

  77.     line-height: 20px;
    78. 

  78.     margin-left: 8px;
    79. 

  79.     top: 1px;
    80. 

  80.     text-align: center;
    81. 

  81.     font-size: 14px;
    82. 

  82.     color: #c2c2c2;
    83. 

  83.     transition: all .2s;
    84. 

  84.     -webkit-transition: all .2s;
    85. 

  85. }
    86. 

  86. .top_menu.layui-nav .layui-this:after {
    87. 

  87.     width: 0px;
    88. 

  88. }
    89. 

  89. .top_menu .layui-nav-bar,.mobileTopLevelMenus .layui-nav-bar{background-color:#395E67;}
    90. 

  90. .top_menu .layui-nav .layui-nav-child a:hover{background-color:#395E67;}
    91. 

  91. .top_menu .layui-nav .layui-nav-child .dd.layui-this a:hover{background-color:#395E67;}
    92. 

  92. /*通知消息*/
    93. 

  93. .top_menu .inform { position: relative; cursor: pointer; padding: 0 20px;}
    94. 

  94. .top_menu .inform:hover { background-color: rgba(221,221,221,0.2); }
    95. 

  95. .top_menu .inform i{ font-size: 24px !important; }
    96. 

  96. .top_menu .inform sup { position: absolute; top: 12px;right: 0; }
    97. 

  97. .top_menu .layui-icon{color:#395E67;}
    98. 

  98. .top_menu .adminName{color:#395E67;}
    99. 

  99. 

  100. /*左侧导航*/
    101. 

  101. .layui-nav{background-color: inherit !important;}
    102. 

  102. .showMenu.layui-layout-admin .layui-side{ left:-200px; }
    103. 

  103. .showMenu .layui-body,.showMenu .layui-footer{ left:0; }
    104. 

  104. /*左侧用户头像*/
    105. 

  105. .top_menu{ background-color:inherit !important; position:absolute; right:0;top:0; }
    106. 

  106. .layui-layout-admin .layui-side{ left:0; overflow:hidden;}
    107. 

  107. 

  108. /*左侧导航重定义*/
    109. 

  109. .layui-nav-item.layui-nav-itemed{ background-color:#395E67 !important;}
    110. 

  110. .layui-nav-itemed:before{ width:5px; height:100%; background-color:#395E67; position:absolute; content:''; left:0; top:0;}
    111. 

  111. .layui-nav-itemed .layui-nav-child a{ padding-left:40px;}
    112. 

  112. 

  113. /*layui-body*/
    114. 

  114. .layui-body{overflow:hidden; border-left:2px solid #1AA094; background:#fff;}
    115. 

  115. #top_tabs_box{ padding-right:170px; height:47px; border-bottom:1px solid #e2e2e2; }
    116. 

  116. #top_tabs {
    117. 

  117.     position: absolute;
    118. 

  118.     border-bottom: none;
    119. 

  119.     left: 32px;
    120. 

  120.     height: 49px;
    121. 

  121.     padding-right: 170px;
    122. 

  122. }
    123. 

  123. .layui-tab-title li {
    124. 

  124.     background-color: #F4F6F9;
    125. 

  125.     height: 46px;
    126. 

  126.     line-height: 46px;
    127. 

  127. }
    128. 

  128. .layui-tab-title .layui-this{ background-color:#1AA094; color:#fff; }
    129. 

  129. .layui-tab-title .layui-this:after{ border:none; }
    130. 

  130. .layui-tab-title li cite{ font-style: normal; padding-left:5px; }
    131. 

  131. .layui-tab {
    132. 

  132.     margin: 0;
    133. 

  133.     text-align: left !important;
    134. 

  134. }
    135. 

  135. .clildFrame.layui-tab-content{ top:48px; position:absolute; bottom:0; width:100%; padding:0;}
    136. 

  136. /*多窗口页面操作下拉*/
    137. 

  137. .closeBox{ position:absolute; right:0; background-color:#fff !important; color:#000; border-left:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
    138. 

  138. .closeBox .layui-nav-item{ line-height:47px; }
    139. 

  139. .closeBox .layui-nav-item>a,.closeBox .layui-nav-item>a:hover{ color:#000; }
    140. 

  140. .closeBox .layui-nav-child{ top:49px; left:auto; right: -20px; }
    141. 

  141. .closeBox .layui-nav-bar{ display:none; }
    142. 

  142. .closeBox a i.caozuo{ font-size: 20px; position:absolute; top:1px; left:0; }
    143. 

  143. .closeBox a span.layui-nav-more{ border-color:#333 transparent transparent;}
    144. 

  144. .closeBox a span.layui-nav-more.layui-nav-mored{ border-color:transparent transparent #333;}
    145. 

  145. /*功能设定*/
    146. 

  146. .functionSrtting_box{ padding-top:15px;}
    147. 

  147. .functionSrtting_box .layui-form-label{ width:81px;}
    148. 

  148. .functionSrtting_box .layui-word-aux{ position:absolute;left:60px; top:9px; font-size: 12px;}
    149. 

  149. /*换肤*/
    150. 

  150. .skins_box{ padding:10px 34px 0; }
    151. 

  151. .skinBtn{ text-align:center; }
    152. 

  152. /*橙色*/
    153. 

  153. .orange .layui-layout-admin .layui-header{ background-color:orange !important; }
    154. 

  154. .orange .layui-bg-black{ background-color:#e47214 !important; }
    155. 

  155. /*蓝色*/
    156. 

  156. .blue .layui-layout-admin .layui-header{ background-color:#ffffff !important; }
    157. 

  157. .blue .layui-bg-black,.blue .hideMenu{ background-color:#395E67 !important; }
    158. 

  158. /*自定义*/
    159. 

  159. .skinCustom{ visibility:hidden; }
    160. 

  160. .skinCustom input{ width:48%; margin:5px 2% 5px 0; float:left; }
    161. 

  161. .orange .layui-nav-tree .layui-nav-child a,.blue .layui-nav-tree .layui-nav-child a{ color:#fff; }
    162. 

  162. .orange .top_menu.layui-nav .layui-nav-more,.blue .top_menu.layui-nav .layui-nav-more{border-color:#fff transparent transparent !important;}
    163. 

  163. .orange .top_menu.layui-nav-itemed .layui-nav-more,.orange .top_menu.layui-nav .layui-nav-mored,.blue .top_menu.layui-nav-itemed .layui-nav-more,.blue .top_menu.layui-nav .layui-nav-mored{border-color:transparent transparent #fff !important;}
    164. 

  164. /*底部*/
    165. 

  165. .footer{ text-align: center; line-height:44px;border-left: 2px solid #1AA094; z-index:999;}
    166. 

  166. 

  167. /*响应式样式*/
    168. 

  168. @media screen and (max-width:1080px){
    169. 

  169. 	.mobileTopLevelMenus[mobile]{display:inline-block;}
    170. 

  170. 	.site-mobile .site-tree-mobile,.topLevelMenus[pc]{display:none !important;}
    171. 

  171. }
    172. 

  172. @media screen and (max-width: 720px){
    173. 

  173. 	.hideMenu{ display: none !important; }
    174. 

  174. 	.mobileTopLevelMenus[mobile]{ padding:0;}
    175. 

  175. 	.top_menu>li[pc]{ display: none !important; }
    176. 

  176. 	/*左侧导航*/
    177. 

  177. 	.layui-layout-admin .layui-side{ left:-260px; }
    178. 

  178. 	.site-mobile .layui-side{ left: 0; z-index:1100; }
    179. 

  179. 	.site-tree-mobile {display: block!important; position: fixed; z-index: 100000; bottom: 15px; left: 15px; width:40px; height:40px; line-height:40px; border-radius: 2px; text-align: center; background-color: rgba(0,0,0,.7); color: #fff;}
    180. 

  180. 	.site-mobile .site-mobile-shade { content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.8); z-index: 999;}
    181. 

  181. 	.layui-body,.layui-layout-admin .layui-footer{ left:-2px; }
    182. 

  182. }
    183. 

  183. @media screen and (max-width:480px){
    184. 

  184. 	.logo{ width:120px; font-size: 18px;}
    185. 

  185. 	#userInfo>a{ padding:0 10px;}
    186. 

  186. 	.mobileTopLevelMenus[mobile] li>a{ padding:0 17px 0 15px;}
    187. 

  187. 	.logo,.layui-nav.top_menu{ padding:0 5px;}
    188. 

  188. 	.adminName,.top_menu dd[pc]{ display: none !important; }
    189. 

  189. 	*[mobile],.top_menu .layui-nav-item.showNotice[pc]{ display:inline-block !important; }
    190. 

  190. }
    191. 

  191. 

  192. /*修改顶部高度*/
    193. 

  193. .header .layui-nav-child,.layui-body,.layui-layout-admin .layui-side,.header .layui-nav-bar{ top:50px !important;}
    194. 

  194. .header .layui-nav .layui-nav-item,.header .layui-nav .layui-nav-item>a,.header,.logo{ line-height:50px !important; max-height:50px; !important;}
    195. 

  195. .mobileTopLevelMenus{ float:left;}
    196. 

  196. /*.hideMenu{ margin-top: 0px;width: 30px;height: 30px;}*/
    197. 

  197. 

  198. /*layui部分样式重构*/
    199. 

  199. .header .inform i  {-webkit-animation-duration: .9s;animation-duration: .9s;}
    200. 

  200. .layui-nav-img
    201. 

  201. {
    202. 

  202.     height:35px!important;
    203. 

  203.     width:35px!important;
    204. 

  204. }
    205.