SDL-LARAVEL/cmsi-kchb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
ericli1018
2025-06-13 12:29:06 +08:00
commit e781c1e0d7
200 changed files with 31334 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

424
resources/sass/app.scss Normal file
View File

@ -0,0 +1,424 @@
// Fonts
@import url('https://fonts.bunny.net/css?family=Nunito');
// Variables
@import 'variables';
// Bootstrap
@import 'bootstrap/scss/bootstrap';
body {
background-color: #8ad1ed;
}
#app {
background-image: url(images/bg-cloud.png), linear-gradient(to bottom, rgba(253, 247, 216, 1), transparent 100%);
}
.navbar-toggler {
position: absolute;
top: 1em;
border: none;
}
.navbar-toggler:focus {
border: none;
}
.nav-item {
background-color: #f9fae0;
display:inline-block;
text-align: center;
font-size: 1.6em;
font-weight: 700;
padding: 0 5px;
}
.nav-item .dropdown-menu {
background-color: #f9fae0;
}
.dropdown-item {
font-size: 1.6em;
font-weight: 700;
text-align: center;
}
.navbar-nav-2 {
display: inline-block;
width: 100%;
margin: 0 auto;
padding-left: 0px;
}
.nav-item-2 {
display:inline-block;
text-align: center;
font-weight: 700;
position: relative;
background-image: url('images/item-bg.png');
background-repeat: no-repeat;
width: 130px;
height: 45px;
line-height: 45px;
margin-left: 8px;
font-size: 1.2em;
background-size: contain;
padding-left: 18px;
}
.nav-item-2 .nav-link {
color: #fff;
}
.navbar-nav-3 {
display: inline-block;
position: relative;
width: 768px;
margin: 0 auto;
padding-left: 0px;
}
.nav-item-3 {
display:block;
text-align: center;
font-weight: 700;
position: relative;
background-image: url('images/item-bg.png');
background-repeat: no-repeat;
width: 130px;
height: 45px;
line-height: 45px;
margin: 0 auto;
font-size: 1.2em;
background-size:contain;
}
.nav-item-3 .nav-link {
color: #fff;
}
.navbar-bg {
background-image: linear-gradient(to bottom, rgba(138, 209, 237, 1), transparent 100%);
}
.navbar-top-logo {
width:100%;
height: 270px;
background-image: url(images/top.png);
background-repeat: no-repeat;
background-position: center top;
background-size:cover;
z-index: 999;
}
.main-area {
width: 100%;
background-color: #f9fae0;
display:inline-block;
border-radius: 3px;
padding: 2em 2em;
background-image: url(images/content-bg.png);
}
.play-area {
background-image: url('images/game-bottom-vegetation.png'), url(images/content-bg.png);
background-position: center bottom, center;
background-repeat: no-repeat, repeat;
background-size: contain, auto;
}
.game-page-title {
text-indent: -9999px;
white-space: nowrap;
text-decoration: none;
background-image: url('images/game-page-title.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.game-title {
text-indent: -9999px;
white-space: nowrap;
text-decoration: none;
background-image: url('images/game-title.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.game-pos-bar {
list-style-type: none;
overflow: hidden;
padding-left: 0px;
}
.game-pos-bar li {
display: inline-block;
text-indent: -9999px;
white-space: nowrap;
text-decoration: none;
width: 40px;
height: 40px;
background-size:contain;
background-repeat: no-repeat;
background-position: center;
margin-right: 0px;
margin-top:20px;
margin-bottom: 0px;
}
.game-pos-bar li:last-child {margin-right: 0;}
.game-pos-bar li:nth-child(1) {background-image: url('images/pos-1.png');}
.game-pos-bar li:nth-child(2) {background-image: url('images/pos-2.png');}
.game-pos-bar li:nth-child(3) {background-image: url('images/pos-3.png');}
.game-pos-bar li:nth-child(4) {background-image: url('images/pos-4.png');}
.game-pos-bar li:nth-child(5) {background-image: url('images/pos-5.png');}
.game-pos-bar li:nth-child(6) {background-image: url('images/pos-6.png');}
.game-pos-bar li:nth-child(7) {background-image: url('images/pos-7.png');}
.game-pos-bar-prog {
background-image: url('images/pos-bar.png');
background-position: center;
background-repeat: no-repeat;
background-size: 280px;
}
.play-area .btnStart {
display: inline-block;
text-indent: -9999px;
white-space: nowrap;
text-decoration: none;
background-image:url('images/game-start.png');
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
border: none;
width: 180px;
}
.main-area-space {
background-color:transparent;
position: relative;
margin: 10px
}
.main-area-title-block {
margin: 0 auto;
position: relative;
background-color: #72bad7;
border-radius: 3px;
width: 212px;
height: 70px;
line-height: 70px;
text-align: center;
font-size: 2em;
font-weight: 700;
text-decoration: underline;
}
.main-area-2 {
background-color:#72bad7;
}
.content_img {
width: 100%;
}
.content_img_btn{
width: 23%;
}
.footer {
background-image: none;;
background-color: transparent;
height: 2em;
}
.main-area p {
font-size: 1.4em;
}
.play-area .qitems {
}
.location-menu {
max-width: 400px;
}
.location-menu img {
width: 100px;
}
@media (min-width: 768px) {
.navbar-top-logo {
height:auto;
}
.navbar-nav {
width: 768px;
margin: 0 auto;
padding-left: 33px;
}
.nav-item {
position: relative;
margin-top:270px;
width: 93px;
height: 35px;
line-height: 26px;
margin-right: 10px;
font-size: 1em;
background-color: transparent;
background-image: url('images/item-bg.png');
background-repeat: no-repeat;
background-size: contain;
padding-left: 0px;
}
.nav-btn1 {
background-image: url('images/btn-1.png');
}
.nav-btn2 {
width: 119px;
background-image: url('images/btn-2.png');
}
.nav-btn3 {
background-image: url('images/btn-3.png');
}
.nav-btn4 {
width: 119px;
background-image: url('images/btn-5.png');
}
.nav-btn5 {
width: 119px;
background-image: url('images/btn-4.png');
}
.nav-btn6 {
background-image: url('images/btn-6.png');
}
.main-btns .nav-item>a{
text-indent: -9999px;
white-space: nowrap;
text-decoration: none;
}
.nav-item .nav-link {
color: #fff;
}
.main-area {
width: 700px;
}
.navbar-nav-2 {
width: 768px;
margin: 0 auto;
}
.nav-item-2 {
width: 180px;
height: 70px;
line-height: 70px;
margin-right: 28px;
font-size: 1.6em;
padding-left: 18px;
}
.nav-item-3 {
width: 180px;
height: 70px;
line-height: 70px;
font-size: 1.6em;
background-size: contain;
}
.content_p {
text-align: center;
}
.content_img {
width:auto;
max-width: 600px;
}
.content_img_btn{
width: 96px;
}
.game-pos-bar li {
width: 60px;
height: 60px;
margin-right: 20px;
margin-top:20px;
margin-bottom: 0px;
}
.game-pos-bar-prog {
background-size: 530px;
}
.cancer-menu {
max-width: 600px;
}
.location-menu {
max-width: 700px;
}
}
@media (min-width: 1366px) {
.navbar-top-logo {
background-size: 1366px;
}
.navbar-nav {
width: 1366px;
margin: 0 auto;
padding-left: 37px;
}
.nav-item {
background-color:transparent;
position: relative;
margin-top:370px;
width: 160px;
height: 60px;
line-height: 55px;
margin-right: 25px;
font-size: 1.6em;
background-size: contain;
padding-left: 30px;
}
.nav-btn2 {
width: 205px;
}
.nav-btn4 {
width: 205px;
}
.nav-btn5 {
width: 205px;
}
.nav-item .nav-link {
color: #fff;
}
.main-area {
width: 1220px;
}
.navbar-nav-2 {
width: 100%;
margin: 0 auto;
padding-left: 100px;
}
.navbar-nav-3 {
width: 768px;
margin: 0 auto;
}
.content_img {
width:auto;
max-width: 553px;
}
.content_img_btn{
width: 128px;
}
.cancer-menu {
max-width: 768px;
}
.location-menu {
max-width: 900px;
}
}