bjquanjiang
/
DigitalScholl
1
0
Fork 0
Code Issues 0 Pull Requests 0 Releases 0 Wiki Activity
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.
1924 Commits
27 Branches
925 MiB
 
 
 
 
 
 
Tree: d389c7182c
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'd389c7182c'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Web/Views/LR_Content/style/lr-admin.css

607 lines
10 KiB
Raw Blame History 

  1. /*

  2.  * 版 本 Learun-ADMS-Ultimate V7.0.0 数字化智慧校园(http://www.learun.cn) 

  3.  * Copyright (c) 2013-2018 北京泉江科技有限公司 

  4.  * 创建人：陈彬彬

  5.  * 日 期：2017.03.16

  6.  * 描 述：页面顶层框架通用样式表

  7.  */

  8. /*背景页*/

  9. .InternetExplorer .pace,

  10. .IE .pace {

  11.     display: none;

  12. }

  13. 

  14. .lr-loadbg {

  15.     position: fixed;

  16.     top: 0;

  17.     left: 0;

  18.     background: #fff;

  19.     height: 100%;

  20.     width: 100%;

  21.     z-index: 100;

  22. }

  23. /*数据加载条*/

  24. .lr-loading-bar {

  25.     position: fixed;

  26.     top: 0;

  27.     left: 0;

  28.     z-index: 29891015;

  29.     cursor: wait;

  30.     width: 100%;

  31.     height: 100%;

  32.     display: none;

  33. }

  34. 

  35. .lr-loading-bar-bg {

  36.     position: absolute;

  37.     top: 0;

  38.     left: 0;

  39.     height: 100%;

  40.     width: 100%;

  41.     opacity: 0.0;

  42.     filter: alpha(opacity=00);

  43.     background: #fff;

  44. }

  45. 

  46. .lr-loading-bar-message {

  47.     position: relative;

  48.     left: 0;

  49.     top: 50%;

  50.     z-index: 1;

  51.     color: #666;

  52.     font-size: 20px;

  53.     border: 1px solid #bbb;

  54.     width: 300px;

  55.     height: 80px;

  56.     line-height: 78px;

  57.     padding-left: 80px;

  58.     padding-right: 20px;

  59.     background: #fff;

  60.     border-radius: 8px;

  61.     background-image: url(/Content/images/loading.gif);

  62.     background-repeat: no-repeat;

  63.     background-position: 8px 50%;

  64.     box-shadow: 0 1px 15px rgba(0,0,0,.175);

  65.     margin: auto;

  66.     margin-top: -40px;

  67. }

  68. /* =============

  69.    Notification

  70. ============= */

  71. #toast-container {

  72.     z-index: 198910188;

  73. }

  74. 

  75. #toast-container > div {

  76.     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  77.     opacity: 1;

  78. }

  79. 

  80. #toast-container > :hover {

  81.     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  82.     opacity: 1;

  83. }

  84. 

  85. .toast {

  86.     background-color: #64b0f2;

  87. }

  88. 

  89. .toast-success {

  90.     background-color: #1bb99a;

  91.     border: 2px solid #1bb99a;

  92. }

  93. 

  94. .toast-error {

  95.     background-color: #ff3015;

  96.     border: 2px solid #ff3015;

  97. }

  98. 

  99. .toast-info {

  100.     background-color: #3db9dc;

  101.     border: 2px solid #3db9dc;

  102. }

  103. 

  104. .toast-warning {

  105.     background-color: #f1b53d;

  106.     border: 2px solid #f1b53d;

  107. }

  108. 

  109. .alerts-demo {

  110.     background-color: #f7f7f9;

  111.     border: 1px solid #eceeef;

  112.     padding: 20px;

  113. }

  114. 

  115. .progress-sm {

  116.     height: 0.7rem;

  117. }

  118. 

  119. .progress-xs {

  120.     height: 0.4rem;

  121. }

  122. 

  123. label {

  124.     font-weight: 500;

  125. }

  126. 

  127. .input-group-addon {

  128.     font-size: 1.2rem;

  129.     line-height: 1.5rem;

  130. }

  131. 

  132. /*青桔 客服*/

  133. .serBtn.btn,

  134. .lrQj.btn {

  135. 	width: 43px;

  136. 	height: 42px;

  137. 	position: absolute;

  138. 	border-right-width: 0;

  139. 	outline: none!important;

  140. 	box-shadow: none!important;

  141. 	color: #58666e!important;

  142. 	border-top-right-radius: 0;

  143. 	border-bottom-right-radius: 0;

  144. 	line-height: 0!important;

  145. 	text-align: center;

  146. }

  147. 

  148. .serBtn {

  149. 	background: #282E3B!important;

  150. 	top: 0px;

  151. 	left: -43px;

  152. }

  153. 

  154. .lrQj {

  155. 	background: #A2C900!important;

  156. 	top: 50%;

  157. 	right: -1px;

  158. 	z-index: 10;

  159. 	margin-top: 1px;

  160. }

  161. 

  162. .lrQj img,

  163. .lrService .serBtn img {

  164. 	height: 20px;

  165. 	margin-top: 4px;

  166. }

  167. 

  168. .lrService {

  169. 	position: fixed;

  170. 	top: 50%;

  171. 	right: -230px;

  172. 	z-index: 10;

  173. 	width: 230px;

  174. 	-webkit-transition: right .5s;

  175. 	transition: right .5s;

  176. 	margin-top: -48px;

  177. 	background: #282E3B;

  178. 	border-radius: 0 0 0px 4px;

  179. }

  180. .lrSerT{

  181. 	line-height: 42px;

  182. 	padding: 0 5px;

  183. 	height: 42px;

  184. 	font-size: 15px;

  185. 	color: #fff;

  186. }

  187. .lrSerBox{

  188. 	padding: 0px 20px 5px;

  189. }

  190. .lrSerCon:first-child{

  191. 	border-bottom: 1px solid #39404E;

  192. 	margin-bottom: 15px;

  193. }

  194. .lrSerCon{

  195. 	    font-size: 14px;

  196.     padding-bottom: 15px;

  197. }

  198. .lrSerTitle{

  199. 	color: #676E7D;

  200. }

  201. .lrSerTxt{

  202. 	color: #fff;

  203. 	margin-top: 12px;

  204. }

  205. .lrSerTxt img{

  206. 	position: relative;

  207. 	width: 12px;

  208. 	top: -1px;

  209. }

  210. .lrSerTxt > img{

  211. 	margin: 0 5px;

  212. }

  213. .lrSerTxt > img + .serQq {

  214.     margin: 10px 0 0 50px;

  215. }

  216. .serQq{

  217. 	width: 108px;

  218. 	height: 32px;

  219. 	line-height: 32px;

  220. 	text-align: center;

  221. 	margin-left: 20px;

  222. 	font-size: 12px;

  223. 	position: relative;

  224. 	display: inline-block;

  225. 	border-radius: 2px;

  226. 	background: #52A8DA;

  227. 	cursor: pointer;

  228. }

  229. .serQq img{

  230. 	 width: 15px;

  231.     top: -1px;

  232. }

  233. .serQq > a{

  234.     display:inline-block;

  235.     width:100%;

  236.     height:100%;

  237.     color:#fff;

  238. }

  239. 

  240. 

  241. /*界面风格设置*/

  242. .lr-theme-setting {

  243.     position: fixed;

  244.     top: 50%;

  245.     right: -160px;

  246.     z-index: 10;

  247.     width: 160px;

  248.     -webkit-transition: right 0.5s;

  249.     transition: right 0.5s;

  250.     border: 1px solid #dee5e7;

  251.     margin-top: -100px;

  252. }

  253. 

  254. .lr-theme-setting.opened,.lrService.opened {

  255.     right: -1px;

  256.     z-index: 20;

  257. }

  258. 

  259. .lr-theme-setting .btn {

  260.     position: absolute;

  261.     top: -1px;

  262.     left: -43px;

  263.     padding: 10px 15px;

  264.     background: #f6f8f8 !important;

  265.     border-color: #dee5e7 !important;

  266.     border-right-width: 0;

  267.     outline: none !important;

  268.     box-shadow: none !important;

  269.     color: #58666e !important;

  270.     border-top-right-radius: 0px;

  271.     border-bottom-right-radius: 0px;

  272. }

  273. 

  274. .lr-theme-setting .panel-heading {

  275.     color: #333;

  276.     border-color: #edf1f2;

  277.     background-color: #f6f8f8;

  278.     font-size: 14px;

  279.     padding: 10px 15px;

  280. }

  281. 

  282. .lr-theme-setting .panel-body {

  283.     background-color: #fff;

  284.     padding: 15px;

  285.     color: #58666e;

  286. }

  287. 

  288. .lr-theme-setting .panel-body > div {

  289.     position: relative;

  290.     margin-bottom: 10px;

  291.     cursor: pointer;

  292.     padding-left: 20px;

  293. }

  294. 

  295. .lr-theme-setting .panel-body label input {

  296.     position: absolute;

  297.     outline: none !important;

  298.     left: 0;

  299.     margin-top: 3px;

  300. }

  301. 

  302. /*顶部*/

  303. .lr-frame-top {

  304.     position: absolute;

  305.     top: 0;

  306.     left: 0;

  307.     width: 100%;

  308.     z-index: 2;

  309.     height: 40px;

  310.     -moz-user-select: none;

  311.     -webkit-user-select: none;

  312.     -ms-user-select: none;

  313.     -khtml-user-select: none;

  314.     user-select: none;

  315. }

  316. /*logo标题*/

  317. .lr-logo-title {

  318.     display: block;

  319.     position: absolute;

  320.     top: 0;

  321.     height: 100%;

  322.     width:320px;

  323.     line-height: 0px;

  324.     cursor: pointer;

  325.     text-decoration: none;

  326.     font-size: 18px;

  327.     white-space: nowrap;

  328. }

  329. .lr-logo-title img {

  330.     width:320px;

  331. }

  332. 

  333. .lr-logo-title:hover {

  334.     color: #3498DB;

  335. }

  336. 

  337. /*菜单*/

  338. .lr-frame-menu {

  339.     position: absolute;

  340. }

  341. 

  342. .lr-frame-menu-wrap {

  343.     position: relative;

  344.     top: 0;

  345.     height: 100%;

  346.     overflow: visible;

  347.     -moz-user-select: none;

  348.     -webkit-user-select: none;

  349.     -ms-user-select: none;

  350.     -khtml-user-select: none;

  351.     user-select: none;

  352. }

  353.     .lr-frame-menu-wrap .lr-scroll-box {

  354.         overflow: visible;

  355.     }

  356. 

  357. 

  358. .lr-uitheme-default .lr-frame-menu-wrap {

  359.     top: -8px;

  360.     width: 129px !important;

  361. }

  362. 

  363. .lr-frame-menu li {

  364.     position: relative;

  365.     width: 100%;

  366.     zoom: 1;

  367. }

  368. 

  369. .lr-menu-item {

  370.     display: block;

  371.     position: relative;

  372.     text-decoration: none;

  373.     width: 100%;

  374.     overflow: hidden;

  375. }

  376. 

  377. .lr-menu-item-icon {

  378.     font-size: 14px;

  379.     width: 25px;

  380.     vertical-align: middle;

  381.     margin-bottom: 1px;

  382.     opacity: .9;

  383.     filter: alpha(opacity=90);

  384. }

  385. .lr-uitheme-default .lr-menu-item-icon {

  386.     opacity:1;

  387.     filter: alpha(opacity=100);

  388. }

  389. 

  390. .lr-second-menu-list, .lr-three-menu-list {

  391.     display: none;

  392. }

  393. /*tabs条*/

  394. .lr-frame-tabs {

  395.     position: absolute;

  396.     top: 40px;

  397.     left: 0;

  398.     width: 100%;

  399.     height: 30px;

  400.     z-index: 1;

  401.     padding: 0px 32px 0px 85px;

  402.     -moz-user-select: none;

  403.     -webkit-user-select: none;

  404.     -ms-user-select: none;

  405.     -khtml-user-select: none;

  406.     user-select: none;

  407. }

  408. .lr-uitheme-default .lr-frame-tabs {

  409.     top: 56px;

  410.     left:0px;

  411.     padding: 0px 32px 0px 140px;

  412. 

  413. }

  414. 

  415. .lr-frame-tabs-wrap {

  416.     position: relative;

  417.     overflow: hidden;

  418.     width: 100%;

  419.     height: 100%;

  420. }

  421. 

  422. .lr-frame-tabs-wrap ul {

  423.     position: relative;

  424.     height: 100%;

  425.     white-space: nowrap;

  426. }

  427. 

  428. 

  429. .lr-frame-tabItem {

  430.     position: relative;

  431.     padding: 0px 20px 0px 15px;

  432.     margin-left: 5px;

  433.     display: inline-block;

  434.     white-space: nowrap;

  435.     cursor: pointer;

  436. }

  437. .lr-uitheme-default .lr-frame-tabItem {

  438.     padding: 0px 10px 0px 10px;

  439.     margin-left: 0;

  440. 

  441. }

  442. 

  443. .lr-frame-tabItem .reomve {

  444.     position: absolute;

  445.     width: 12px;

  446.     height: 13px;

  447.     display: block;

  448.     background: url(/Content/images/tab_close.png) no-repeat;

  449. }

  450. 

  451. /*炫动版  关闭icon换图片*/

  452. .lr-uitheme-windos .lr-frame-tabItem:hover .reomve {

  453.     display: inline-block;

  454.     background: url(/Content/images/tab_close.png) no-repeat;

  455. }

  456. .lr-uitheme-default .lr-frame-tabItem .reomve {

  457.     display: none;

  458. }

  459. 

  460. .lr-uitheme-default .lr-frame-tabItem {

  461.     padding: 0px 18px 0px 12px;

  462. }

  463. .lr-uitheme-default .lr-frame-tabItem:hover .reomve {

  464.     display: inline-block;

  465.     border-radius: 50%;

  466.     margin-left: 5px;

  467.     width:13px;

  468.     height:13px;

  469.     background-position: 0px 0px;

  470.     background-size: 98%;

  471. }

  472. 

  473. .lr-frame-tabItem .reomve:hover {

  474.     background-position: 0 -12px;

  475. }

  476. 

  477. 

  478. 

  479. /*功能窗口*/

  480. .lr-frame-main {

  481.     position: absolute;

  482.     width: 100%;

  483.     height: 100%;

  484.     z-index: 0;

  485. }

  486. .lr-uitheme-windos .lr-frame-main {

  487.     background: #F7FEFF;

  488. }

  489. .lr-uitheme-default .lr-frame-main {

  490.     background: #f8f8f8;

  491. }

  492. 

  493. .lr-frame-main > img {

  494.     position: absolute;

  495.     top: 50%;

  496.     left: 50%;

  497.     margin: -200px 0 0 -300px;

  498.     z-index: -1;

  499. }

  500. 

  501. /*功能窗口ifame*/

  502. .lr-frame-iframe {

  503.     width: 100%;

  504.     height: 100%;

  505.     display: none;

  506. }

  507. 

  508. .lr-frame-iframe.active {

  509.     display: block;

  510. }

  511. 

  512. /*头像和个人中心*/

  513. .lr-frame-personCenter {

  514.     position: absolute;

  515.     z-index: 4;

  516. }

  517. 

  518. .lr-frame-personCenter > a {

  519.     position: relative;

  520.     display: block;

  521. }

  522. .lr-uitheme-default .lr-frame-personCenter > .dropdown-toggle {

  523.     color: #333;

  524. }

  525. .lr-uitheme-windos .lr-frame-personCenter > .dropdown-toggle {

  526.     color: #fff;

  527. }

  528. .lr-frame-personCenter > .dropdown-toggle > img {

  529.     float: left;

  530.     width: 26px;

  531.     height: 26px;

  532.     border-radius: 50%;

  533.     margin: 7px 5px 0px 0px;

  534. }

  535. 

  536. .lr-frame-personCenter .dropdown-menu > li > a {

  537.     padding: 5px 15px;

  538.     color: #333;

  539. }

  540. .lr-uitheme-windos .lr-frame-personCenter .dropdown-menu > li > a {

  541.     color: #333;

  542. }

  543. .lr-uitheme-default .lr-frame-personCenter .dropdown-menu > li > a {

  544.     color: #333;

  545. }

  546. 

  547. .lr-frame-personCenter .dropdown-menu {

  548.     width: 120px;

  549. }

  550. .lr-uitheme-windos .lr-frame-personCenter .dropdown-menu {

  551.     border:1px solid transparent;

  552.     box-shadow: none;

  553. }

  554. 

  555. dropdown-menu > li > a > .glyphicon,

  556. .dropdown-menu > li > a > .fa,

  557. .dropdown-menu > li > a > .ion {

  558.     margin-right: 10px;

  559. }

  560. 

  561. .dropdown-menu i {

  562.     vertical-align: inherit;

  563.     margin-bottom: 3px;

  564. }

  565. /*全屏*/

  566. .lr_frame_fullscreen {

  567.     position: absolute;

  568.     top: 40px;

  569.     right: 10px;

  570.     height: 29px;

  571.     line-height: 29px;

  572.     z-index: 3;

  573. }

  574. 

  575. .lr_frame_fullscreen a {

  576.     cursor: pointer;

  577.     color: #999;

  578. }

  579. 

  580. .lr_frame_fullscreen a:hover {

  581.     color: #999;

  582. }

  583. 

  584. 

  585. 

  586. /*即时通讯图标*/

  587. .lr-im-icon {

  588.     position: fixed;

  589.     z-index: 10;

  590.     bottom: 11px;

  591.     right: 13px;

  592.     width: 35px;

  593.     height: 35px;

  594.     border: none;

  595.     border-radius: 25px;

  596.     background-color: rgba(0, 0, 0, 0.4);

  597.     text-align: center;

  598. }

  599. 

  600. .lr-im-icon i {

  601.     color:#fff;

  602.     line-height: 35px;

  603.     font-size: 20px;

  604. }

  605. .lr-frame-main > img {

  606.     opacity: .15;

  607. }