bjquanjiang
/
DigitalScholl
1
0
Derivar 0
Código Questões 0 Pedidos de integração 0 Lançamentos 0 Wiki Trabalho
Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
1099 Cometimentos
27 Ramos
925 MiB
 
 
 
 
 
 
Árvore: e261bfb23b
Ramos Etiquetas
${ item.name }
Criar ramo ${ searchTerm }
de 'e261bfb23b'
${ noResults }
DigitalScholl/Learun.Framework.Ultimate V7/Learun.Application.Website/Content/style/Index.css

376 linhas
7.8 KiB
Em bruto Responsabilidade Histórico 

  1. /*banner图*/

  2. .lr-site-banner {

  3.     position: relative;

  4.     width: 100%;

  5.     height: 480px;

  6.     background-color: #fff;

  7. }

  8. .lr-site-banner-default {

  9.     position: relative;

  10.     width: 100%;

  11.     height: 100%;

  12. }

  13.     .lr-site-banner-default .img {

  14.         width: 100%;

  15.         height: 100%;

  16.     }

  17.     .lr-site-banner-default .title {

  18.         position: absolute;

  19.         top: 40px;

  20.         left: 50%;

  21.         margin-left: -100px;

  22.         font-size: 20px;

  23.         color: #333;

  24.     }

  25. .lr-site-banner-swiper-container {

  26.     display: none;

  27. }

  28.     .lr-site-banner-swiper-container .swiper-slide {

  29.         text-align: center;

  30.     }

  31. 

  32.     .lr-site-banner-swiper-container .img,

  33.     .lr-site-banner-default .img {

  34.         height: 480px;

  35.         width:100%;

  36.     }

  37. 

  38. .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

  39.     bottom: 20px;

  40. }

  41. /*中间模块显示**/

  42. .lr-site-modules {

  43.     position: relative;

  44.     height: auto;

  45.     width: 100%;

  46.     max-width: 1010px;

  47.     background-color: #fcfcfc;

  48.     margin: auto;

  49. }

  50.     .lr-site-modules:before, .lr-site-modules:after {

  51.         display: table;

  52.         content: " ";

  53.     }

  54.     .lr-site-modules:after {

  55.         clear: both;

  56.     }

  57. .lr-site-module {

  58.     position: relative;

  59.     padding: 10px;

  60.     float: left;

  61. }

  62. .lr-site-box {

  63.     position: relative;

  64.     height: 100%;

  65.     width: 100%;

  66.     background-color: #fff;

  67.     box-shadow: 0 2px 4px 0 #F3F3F3;

  68. }

  69. /*风格1模块*/

  70. .lr-site-module.module1 {

  71.     height: 67px;

  72.     width: 100%;

  73. }

  74.     .lr-site-module.module1 .lr-site-box {

  75.         box-shadow: 0 2px 4px 0 #DADADA;

  76.         padding-left: 139px;

  77.         padding-right: 50px;

  78.     }

  79.         .lr-site-module.module1 .lr-site-box .title {

  80.             position: absolute;

  81.             top: 0;

  82.             left: 0;

  83.             height: 100%;

  84.             line-height: 47px;

  85.             width: 129px;

  86.             background: #3285ED;

  87.             color: #fff;

  88.             text-align: center;

  89.             font-size: 16px;

  90.         }

  91.         .lr-site-module.module1 .lr-site-box .fa {

  92.             margin-right: 6px;

  93.             font-size: 18px;

  94.         }

  95.         .lr-site-module.module1 .lr-site-box .arrow {

  96.             position: absolute;

  97.             right: -7px;

  98.             top: 50%;

  99.             margin-top: -4px;

  100.             width: 0;

  101.             height: 0;

  102.             border: 4px solid transparent;

  103.             border-left: 4px solid #3285ED;

  104.         }

  105.         .lr-site-module.module1 .lr-site-box .content {

  106.             position: relative;

  107.             width: 100%;

  108.             height: 100%;

  109.             line-height: 47px;

  110.             font-size: 16px;

  111.             color: #333333;

  112.             overflow: hidden;

  113.             white-space: nowrap;

  114.             text-overflow: ellipsis;

  115.         }

  116.         .lr-site-module.module1 .lr-site-box .content {

  117.             position: relative;

  118.             width: 100%;

  119.             height: 100%;

  120.         }

  121. .module1 .lr-text-item {

  122.     display: block;

  123.     position: relative;

  124.     width: 100%;

  125.     overflow: hidden;

  126.     white-space: nowrap;

  127.     text-overflow: ellipsis;

  128.     color: #333333;

  129.     line-height: 47px;

  130.     font-size: 16px;

  131. }

  132.     .module1 .lr-text-item:hover {

  133.         color: #166EDB;

  134.     }

  135.     .lr-site-more {

  136.         position: absolute;

  137.         top: 0;

  138.         right: 0;

  139.         width: 50px;

  140.         height: 47px;

  141.         line-height: 47px;

  142.         font-size: 16px;

  143.         color: #333333;

  144.         cursor: pointer;

  145.     }

  146. /*风格2模块*/

  147. .lr-site-title {

  148.     position: absolute;

  149.     top: 0;

  150.     left: 0;

  151.     height: 50px;

  152.     line-height: 49px;

  153.     width: 100%;

  154.     border-bottom: 1px solid #e5e5e5;

  155.     font-size: 16px;

  156.     color: #333;

  157.     padding-left: 18px;

  158. }

  159.     .lr-site-title:before {

  160.         content: '';

  161.         position: absolute;

  162.         width: 8px;

  163.         height: 30px;

  164.         background: #2E81EA;

  165.         left: 0;

  166.         top: 10px;

  167.     }

  168.     .lr-site-title .lr-site-more {

  169.         height: 49px;

  170.         line-height: 49px;

  171.     }

  172. 

  173. .module2 .lr-site-box,

  174. .module3 .lr-site-box,

  175. .module4 .lr-site-box,

  176. .module5 .lr-site-box {

  177.     padding-top: 50px;

  178. }

  179. .module2, .module3, .module5 {

  180.     height: 330px;

  181. }

  182. .lr-site-body {

  183.     position:relative;

  184.     height:100%;

  185.     width:100%;

  186. }

  187. .module2 .lr-site-body {

  188.     padding-left: 340px;

  189. }

  190. .lr-site-module-pic {

  191.     position: absolute;

  192.     top: 0;

  193.     left: 0;

  194.     height: 100%;

  195.     width: 340px;

  196.     padding: 10px;

  197. }

  198. .lr-site-module-swiper-container, .lr-site-module-swiper-container .img{

  199.     position: relative;

  200.     height: 100%;

  201.     width: 100%;

  202. }

  203.     .lr-site-module-swiper-container .swiper-pagination-bullet {

  204.         height:10px;

  205.         width:10px;

  206.         background-color:#e4e4e4;

  207.         opacity:1;

  208.         border-radius:0;

  209.     }

  210.     .lr-site-module-swiper-container .swiper-pagination-bullet-active {

  211.         background-color: #2E81EA;

  212.     }

  213.     .lr-site-module-swiper-container .swiper-pagination {

  214.         bottom: 8px;

  215.         right: 8px;

  216.         width: auto !important;

  217.         text-align:right;

  218.     }

  219. 

  220. .lr-site-module-list {

  221.     position: relative;

  222.     height: 100%;

  223.     width: 100%;

  224.     padding:10px 10px 0;

  225. }

  226. .lr-site-module-item {

  227.     position: relative;

  228.     height: 40px;

  229.     line-height:39px;

  230.     width: 100%;

  231.     border-bottom: 1px dashed #E5E5E5;

  232.     font-size: 14px;

  233.     color: #333;

  234.     padding-right:85px;

  235.     cursor:pointer;

  236. }

  237.     .lr-site-module-item:hover {

  238.         color: #166EDB;

  239.     }

  240. .lr-site-module-item .date{

  241.     position: absolute;

  242.     height: 39px;

  243.     width: 80px;

  244.     top:0;

  245.     right:0;

  246. }

  247.     .lr-site-module-item .text {

  248.         position: relative;

  249.         height: 100%;

  250.         width: 100%;

  251.         overflow: hidden;

  252.         white-space: nowrap;

  253.         text-overflow: ellipsis;

  254.     }

  255. 

  256.     /*模块3*/

  257. .lr-site-tabs {

  258.     position: absolute;

  259.     height: 50px;

  260.     line-height:49px;

  261.     width: 100%;

  262.     border-bottom: 1px solid #1A71DE;

  263.     top: 0;

  264.     left: 0;

  265. }

  266. .lr-site-tab {

  267.     position: relative;

  268.     text-align: center;

  269.     float: left;

  270.     width: 33.33%;

  271.     font-size: 16px;

  272.     color: #333;

  273.     cursor: pointer;

  274. }

  275.     .lr-site-tab.active, .lr-site-tab:hover {

  276.         color: #fff;

  277.         background-color: #3285ED;

  278.     }

  279. .lr-site-tab-content {

  280.     position:relative;

  281.     width:100%;

  282.     height:100%;

  283.     display:none;

  284.     padding-top:10px;

  285. }

  286. .lr-site-tab-content.active {

  287.     display: block;

  288. }

  289. .lr-site-tab-content-item {

  290.     position: relative;

  291.     height: 40px;

  292.     line-height: 39px;

  293.     width: 100%;

  294.     border-bottom: 1px dashed #E5E5E5;

  295.     font-size: 14px;

  296.     color: #333;

  297.     overflow: hidden;

  298.     white-space: nowrap;

  299.     text-overflow: ellipsis;

  300.     padding: 0 10px;

  301.     cursor: pointer;

  302. }

  303.     .lr-site-tab-content-item:hover {

  304.         color: #166EDB;

  305.     }

  306. 

  307. /*模块4*/

  308. .module4 {

  309.     height:251px;

  310. }

  311. .lr-site-img-item {

  312.     position:relative;

  313.     height:100%;

  314.     width:25%;

  315.     float:left;

  316.     padding:10px;

  317. }

  318. .lr-site-img-item-content, .lr-site-img-item-content .img {

  319.     position: relative;

  320.     height: 100%;

  321.     width: 100%;

  322.     cursor: pointer;

  323. }

  324. .lr-site-img-item-content:hover {

  325.     transform: translateY(-10px);

  326. }

  327.     .lr-site-img-item-content .text {

  328.         position: absolute;

  329.         left: 0;

  330.         bottom: 0;

  331.         height: 30px;

  332.         line-height: 30px;

  333.         width: 100%;

  334.         font-size: 12px;

  335.         background: #282b2a;

  336.         background: rgba(0,0,0,0.60);

  337.         color: #FFF;

  338.         padding-left:10px;

  339.     }

  340.     /*模块5*/

  341. .module5 .lr-site-body {

  342.     padding-top:150px;

  343.     cursor:pointer;

  344. }

  345. .lr-site-article-pic {

  346.     position: absolute;

  347.     height: 150px;

  348.     width: 100%;

  349.     top: 0;

  350.     left: 0;

  351.     padding:10px;

  352. }

  353.     .lr-site-article-pic .img {

  354.         height:100%;

  355.         width:100%;

  356.     }

  357. .module5 .text-content {

  358.     position: relative;

  359.     height: 100%;

  360.     width: 100%;

  361.     padding: 0 10px 10px 10px;

  362.     overflow: hidden;

  363. }

  364. .module5 .text {

  365.     position: relative;

  366.     height: 100%;

  367.     width: 100%;

  368.     font-size: 14px;

  369.     color: #333333;

  370.     overflow: hidden;

  371. }

  372.     .module5 .text:hover {

  373.         color: #166EDB;

  374.     }