You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

139 lines
2.6 KiB

  1. /*
  2. * 版 本 Learun-ADMS-Ultimate V7.0.0 数字化智慧校园(http://www.learun.cn)
  3. * Copyright (c) 2013-2018 北京泉江科技有限公司
  4. * 创建人:陈彬彬
  5. * 日 期:2017.04.12
  6. * 描 述:lrlayout 页面布局样式(目前支持左右布局,新的布局请联系Learun智慧校园售后人员)
  7. */
  8. .lr-layout {
  9. position:relative;
  10. height:100%;
  11. width:100%;
  12. padding:5px;
  13. }
  14. .lr-layout.lr-layout-left-center {
  15. padding-left:203px;
  16. }
  17. .lr-layout-left {
  18. position:absolute;
  19. top:0;
  20. left:0;
  21. width:203px;
  22. height:100%;
  23. padding:10px 0px 10px 10px;
  24. }
  25. .lr-layout-center {
  26. position:relative;
  27. width:100%;
  28. height:100%;
  29. padding:5px;
  30. }
  31. .lr-layout-wrap {
  32. position:relative;
  33. width:100%;
  34. height:100%;
  35. background-color:#fff;
  36. border:1px solid #ccc;
  37. padding-top:32px;
  38. border-radius: 3px;
  39. -webkit-transition: opacity 0.25s ease-out;
  40. -moz-transition: opacity 0.25s ease-out;
  41. transition: opacity 0.25s ease-out;
  42. -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  43. box-shadow: 0 1px 1px rgba(0,0,0,.05);
  44. }
  45. .lr-layout-center .lr-layout-wrap{
  46. padding-top:87px;
  47. }
  48. .lr-layout-center .lr-layout-wrap.lr-layout-wrap-notitle {
  49. padding-top:55px;
  50. }
  51. .lr-layout-left .lr-layout-wrap.lr-layout-wrap-notitle {
  52. padding-top:0px;
  53. }
  54. .lr-uitheme-accordion .lr-layout-wrap {
  55. border-radius: 0px;
  56. }
  57. .lr-layout-title {
  58. position: absolute;
  59. top: 0;
  60. left: 0;
  61. height: 32px;
  62. line-height: 32px;
  63. width: 100%;
  64. border-bottom: 1px solid #ccc;
  65. color: #666;
  66. text-overflow: ellipsis;
  67. white-space: nowrap;
  68. font-weight: bold;
  69. padding-left: 9px;
  70. font-size: 12px;
  71. -moz-user-select: text;
  72. -webkit-user-select: text;
  73. -ms-user-select: text;
  74. -khtml-user-select: text;
  75. user-select: text;
  76. }
  77. .lr-layout-tool {
  78. position:absolute;
  79. top:32px;
  80. left:0;
  81. width:100%;
  82. height:55px;
  83. border-bottom:1px solid #ccc;
  84. z-index:3;
  85. }
  86. .lr-layout-center .lr-layout-wrap.lr-layout-wrap-notitle .lr-layout-tool {
  87. top:0px;
  88. }
  89. .lr-layout-tool-left {
  90. position: absolute;
  91. left: 10px;
  92. top: 0;
  93. height:100%;
  94. }
  95. .lr-layout-tool-left .lr-layout-tool-item {
  96. position:relative;
  97. float:left;
  98. padding-top:13px;
  99. padding-left:5px;
  100. }
  101. .lr-layout-tool-right {
  102. position:absolute;
  103. right:15px;
  104. top:0;
  105. height:100%;
  106. padding-top:12px;
  107. }
  108. .lr-layout-body {
  109. position:relative;
  110. width:100%;
  111. height:100%;
  112. }
  113. .lr-layout-move {
  114. position:absolute;
  115. top:0;
  116. z-index:1;
  117. }
  118. .lr-layout-move-right {
  119. right:-8px;
  120. width:8px;
  121. height:100%;
  122. cursor:col-resize;
  123. }