somang4819/itsm_ysm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

메인배너 수정

Browse Source
This commit is contained in:
com02 2021-11-24 12:16:44 +09:00
parent 1c56bd4c47
commit 7d5824581d
2 changed files with 7 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/main/webapp/css/default.css
View File

@ -169,6 +169,9 @@ section .inner p.desc {font-size: 18px;color:#666;margin-bottom:40px;}
.MainSwiper .loop-count button.remote.restart span {background-image:url('/images/btn/btn-mainvisual-play-white.png');} .MainSwiper .loop-count button.remote.restart span {background-image:url('/images/btn/btn-mainvisual-play-white.png');}
.MainSwiper .pagination {position:absolute;bottom:140px;left:calc(50% - -450px);} .MainSwiper .pagination {position:absolute;bottom:140px;left:calc(50% - -450px);}
.MainSwiper .swiper-pagination-fraction {color:#fff;left:-40px;top:4px;} .MainSwiper .swiper-pagination-fraction {color:#fff;left:-40px;top:4px;}
.MainSwiper .swiper-slide {height:600px}
.MainSwiper .swiper-slide .img {height:600px;}
.MainSwiper .swiper-slide .img img {object-fit:cover;width:100%;height:100%;}
.sec1 .inner .color-box {width:960px;margin:0 auto;text-align: center;position: relative;top:-108px;z-index:9;} .sec1 .inner .color-box {width:960px;margin:0 auto;text-align: center;position: relative;top:-108px;z-index:9;}
.sec1 .inner .color-box .list {float:left;width:25%;height: 216px;background:#333;position: relative;overflow: hidden;} .sec1 .inner .color-box .list {float:left;width:25%;height: 216px;background:#333;position: relative;overflow: hidden;}
@ -295,7 +298,7 @@ transition: all 0.2s ease-in-out;
.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame {display:block;display:flex;align-items:center;height:350px;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;} .sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame {display:block;display:flex;align-items:center;height:350px;background:url('/images/img/img-no-image.gif') no-repeat 50% 0;background-size:contain;}
.sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame img {width:100%;vertical-align:middle;} .sec6 .onlineSwiper .items .List .inner div.thumbnail span.image-frame img {width:100%;vertical-align:middle;}
.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;} .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover {position:absolute;left:0;right:0;top:0;height:100%;padding:0% 15px;border:1px solid #2e2e2e;font-size:12px;text-align:left;color:#fff;background-color:rgba(0,0,0,0.8);opacity:0;border-radius:10px;transition:opacity 0.3s ease;}
.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong {display:block;margin:30px 0px 20px;font-size:18px;height:55px;overflow:hidden;} .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover > a {display:block;margin:30px 0px 20px;font-size:18px;height:55px;overflow:hidden;color:#fff;}
.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;} .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li {line-height:23px;font-weight:100;}
.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li em {font-weight:500;border-right:1px solid #ccc;height:10px;line-height: 10px;display:inline-block;margin-right:5px;padding-right:5px;} .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover ul li em {font-weight:500;border-right:1px solid #ccc;height:10px;line-height: 10px;display:inline-block;margin-right:5px;padding-right:5px;}
.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;margin:0;} .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box {position: absolute;bottom:30px;width:88%;text-align: center;margin:0;}

6
src/main/webapp/css/media.css
View File

@ -121,7 +121,7 @@ a.pop-logo img { margin-right: 10px; }
.sec2 .keyword-box { width: 100vw; } .sec2 .keyword-box { width: 100vw; }
section h3 { font-size: 22px; margin-bottom: 0px; } section h3 { font-size: 22px; margin-bottom: 0px; }
section .inner p.desc { font-size: 14px; margin-bottom: 16px; } section .inner p.desc { font-size: 14px; margin-bottom: 16px; }
section .inner ul.list-tag { height: 66px; overflow: hidden; } section .inner ul.list-tag { height: 66px; overflow: hidden;padding:5px 0px 0px; }
.sec3 { padding: 52px 0px 60px; } .sec3 { padding: 52px 0px 60px; }
.sec3 .pickSwiper::before, .sec3 .pickSwiper::before,
.sec3 .pickSwiper::after { display: none; } .sec3 .pickSwiper::after { display: none; }
@ -153,8 +153,8 @@ a.pop-logo img { margin-right: 10px; }
.popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; } .popularSwiper .swiper-pagination-bullet-active { background: #376795; width: 35px; height: 10px; }
.sec6 .onlineSwiper::before, .sec6 .onlineSwiper::before,
.sec6 .onlineSwiper::after { display: none; } .sec6 .onlineSwiper::after { display: none; }
.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover strong { padding: 25px 0px 20px; margin-bottom: 16px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover > a {margin-bottom: 16px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box { bottom: 0; } .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box { }
.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view { width: 100%; } .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .view { width: 100%; }
.sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS { display: none; } .sec6 .onlineSwiper .items .List .inner div.thumbnail div.detail-cover .btn-box .RIS { display: none; }
.sec7 { padding: 54px 16px 60px; width: 100%; height: auto; box-sizing: border-box; } .sec7 { padding: 54px 16px 60px; width: 100%; height: auto; box-sizing: border-box; }