lyf/001code-html--cocos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
main
001code-html--cocos/scratch-gui/static/css/gamemodal.css
刘宇飞 6e0a1fbcbb Initial commit of 001code-html Scratch frontend project. 
Includes scratch-gui, scratch-vm, scratch-blocks, scratch-render, scratch-l10n, and deployment config.

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-16 15:37:45 +08:00

943 lines
20 KiB
CSS
Raw Permalink Blame History

.u-dialog-section-8 {
background-image: none;
}
.u-dialog-section-8 .u-dialog-1 {
width: 649px;
min-height: 640px;
height: auto;
margin: 60px auto;
}
.u-dialog-section-8 .u-container-layout-1 {
padding: 0;
}
.u-dialog-section-8 .u-group-1 {
width: 473px;
height: auto;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
min-height: 516px;
margin: 81px auto 0;
}
.u-dialog-section-8 .u-container-layout-2 {
padding: 30px 8px 2px;
}
.u-dialog-section-8 .u-layout-wrap-1 {
width: 367px;
margin: 203px auto 0;
}
.u-dialog-section-8 .u-layout-cell-1 {
min-height: 95px;
}
.u-dialog-section-8 .u-container-layout-3 {
padding: 0;
}
.u-dialog-section-8 .u-text-1 {
font-weight: 800;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 58px auto 0;
}
.u-dialog-section-8 .u-layout-cell-2 {
min-height: 95px;
}
.u-dialog-section-8 .u-container-layout-4 {
padding: 0;
}
.u-dialog-section-8 .u-image-1 {
width: 37px;
height: 44px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 6px auto 0;
}
.u-dialog-section-8 .u-text-2 {
font-size: 0.875rem;
font-weight: 800;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 0 auto;
}
.u-dialog-section-8 .u-layout-cell-3 {
min-height: 95px;
}
.u-dialog-section-8 .u-container-layout-5 {
padding: 0;
}
.u-dialog-section-8 .u-image-2 {
width: 37px;
height: 44px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 6px 40px 0 auto;
}
.u-dialog-section-8 .u-text-3 {
font-size: 0.875rem;
font-weight: 800;
text-shadow: 2px 2px 8px rgba(0,0,0,0.4);
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 0 auto;
}
.u-dialog-section-8 .u-list-1 {
margin: 67px 0 0;
}
.u-dialog-section-8 .u-repeater-1 {
grid-auto-columns: calc(50% - 5px);
grid-template-columns: repeat(2, calc(50% - 5px));
min-height: 58px;
grid-gap: 10px;
}
.u-dialog-section-8 .u-container-layout-6 {
padding: 7px 10px;
}
.u-dialog-section-8 .u-btn-1 {
--radius: 50px;
background-image: linear-gradient(#00ff00, #009245);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
font-weight: 800;
margin: 0 auto;
padding: 8px 28px 8px 27px;
}
.u-dialog-section-8 .u-container-layout-7 {
padding: 7px 10px;
}
.u-dialog-section-8 .u-btn-2 {
--radius: 50px;
background-image: linear-gradient(#00ffff, #29abe2);
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
font-weight: 800;
margin: 0 auto;
padding: 8px 28px 8px 27px;
}
.u-dialog-section-8 .u-group-2 {
min-height: 327px;
margin-top: -607px;
margin-bottom: 280px;
height: auto;
}
.u-dialog-section-8 .u-container-layout-8 {
padding-right: 0;
padding-left: 0;
padding-top: 0;
}
.u-dialog-section-8 .u-image-3 {
width: 637px;
height: 269px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 0.8;
transition-duration: 0.5s;
margin: -12px auto 0;
}
.u-dialog-section-8 .u-layout-wrap-2 {
width: 367px;
margin: -91px auto 0;
}
.u-dialog-section-8 .u-layout-cell-4 {
min-height: 161px;
}
.u-dialog-section-8 .u-container-layout-9 {
padding: 0;
}
.u-dialog-section-8 .u-image-4 {
width: 140px;
height: 140px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 300px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 21px -9px -1px;
}
.u-dialog-section-8 .u-layout-cell-5 {
min-height: 161px;
}
.u-dialog-section-8 .u-container-layout-10 {
padding: 0;
}
.u-dialog-section-8 .u-image-5 {
height: 140px;
width: 166px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 300px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: -12px -22px 0;
}
.u-dialog-section-8 .u-layout-cell-6 {
min-height: 161px;
}
.u-dialog-section-8 .u-container-layout-11 {
padding: 0;
}
.u-dialog-section-8 .u-image-6 {
height: 140px;
width: 166px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 300px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 21px -22px 0;
}
.u-dialog-section-8 .u-icon-3 {
width: 41px;
height: 41px;
left: auto;
top: 0;
position: absolute;
background-image: none;
right: -41px;
--radius: 50px;
padding: 14px;
}
@media (max-width: 1199px) {
.u-dialog-section-8 .u-dialog-1 {
--radius: 43px;
min-height: 633px;
margin-top: 132px;
}
.u-dialog-section-8 .u-group-1 {
min-height: 515px;
height: auto;
}
.u-dialog-section-8 .u-layout-wrap-1 {
margin-top: 206px;
}
.u-dialog-section-8 .u-layout-cell-1 {
min-height: 100px;
}
.u-dialog-section-8 .u-container-layout-3 {
padding-bottom: 13px;
}
.u-dialog-section-8 .u-layout-cell-2 {
min-height: 100px;
}
.u-dialog-section-8 .u-container-layout-4 {
padding-bottom: 5px;
}
.u-dialog-section-8 .u-layout-cell-3 {
min-height: 100px;
}
.u-dialog-section-8 .u-container-layout-5 {
padding-bottom: 5px;
}
.u-dialog-section-8 .u-image-2 {
margin-right: 40px;
}
.u-dialog-section-8 .u-list-1 {
margin-top: 43px;
margin-right: initial;
margin-left: initial;
}
.u-dialog-section-8 .u-btn-1 {
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
}
.u-dialog-section-8 .u-btn-2 {
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
}
.u-dialog-section-8 .u-group-2 {
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 0.3;
min-height: 258px;
margin-top: -537px;
margin-bottom: 0;
height: auto;
}
.u-dialog-section-8 .u-container-layout-8 {
padding-bottom: 0;
}
.u-dialog-section-8 .u-image-3 {
width: 637px;
margin-top: -61px;
}
.u-dialog-section-8 .u-layout-wrap-2 {
margin-top: -111px;
}
.u-dialog-section-8 .u-image-4 {
margin-left: -9px;
margin-right: -9px;
}
.u-dialog-section-8 .u-container-layout-10 {
padding-bottom: 23px;
}
.u-dialog-section-8 .u-image-5 {
width: 166px;
margin-left: -22px;
margin-right: -22px;
}
.u-dialog-section-8 .u-image-6 {
margin-left: -22px;
margin-right: -22px;
}
}
@media (max-width: 991px) {
.u-dialog-section-8 .u-dialog-1 {
margin-top: 60px;
}
.u-dialog-section-8 .u-group-1 {
width: 472px;
margin-top: 0;
}
.u-dialog-section-8 .u-container-layout-2 {
padding-top: 2px;
}
.u-dialog-section-8 .u-layout-wrap-1 {
width: 399px;
margin-top: 249px;
}
.u-dialog-section-8 .u-layout-cell-1 {
min-height: 105px;
}
.u-dialog-section-8 .u-layout-cell-2 {
min-height: 105px;
}
.u-dialog-section-8 .u-container-layout-4 {
padding-left: 16px;
padding-right: 16px;
}
.u-dialog-section-8 .u-layout-cell-3 {
min-height: 105px;
}
.u-dialog-section-8 .u-list-1 {
margin-top: 36px;
margin-right: initial;
margin-left: initial;
}
.u-dialog-section-8 .u-group-2 {
min-height: 655px;
width: 648px;
margin-top: -614px;
margin-left: auto;
margin-right: auto;
}
.u-dialog-section-8 .u-image-3 {
width: 576px;
height: 209px;
margin-top: 21px;
}
.u-dialog-section-8 .u-layout-wrap-2 {
margin-top: -48px;
}
.u-dialog-section-8 .u-layout-cell-4 {
min-height: 218px;
}
.u-dialog-section-8 .u-layout-cell-5 {
min-height: 218px;
}
.u-dialog-section-8 .u-image-5 {
margin-left: -22px;
margin-right: -22px;
}
.u-dialog-section-8 .u-layout-cell-6 {
min-height: 218px;
}
.u-dialog-section-8 .u-image-6 {
margin-left: -22px;
margin-right: -22px;
}
}
@media (max-width: 767px) {
.u-dialog-section-8 .u-dialog-1 {
width: 540px;
min-height: 589px;
margin-top: 73px;
}
.u-dialog-section-8 .u-group-1 {
margin-top: 75px;
}
.u-dialog-section-8 .u-container-layout-2 {
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
}
.u-dialog-section-8 .u-layout-wrap-1 {
margin-top: 21px;
}
.u-dialog-section-8 .u-layout-cell-1 {
min-height: 100px;
}
.u-dialog-section-8 .u-layout-cell-2 {
min-height: 100px;
}
.u-dialog-section-8 .u-container-layout-4 {
padding-left: 0;
padding-right: 0;
}
.u-dialog-section-8 .u-layout-cell-3 {
min-height: 100px;
}
.u-dialog-section-8 .u-image-2 {
margin-right: auto;
}
.u-dialog-section-8 .u-list-1 {
width: 455px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
}
.u-dialog-section-8 .u-repeater-1 {
grid-auto-columns: calc(100% + 0px);
grid-template-columns: 100%;
min-height: 125px;
}
.u-dialog-section-8 .u-group-2 {
min-height: 48px;
width: 540px;
margin-top: -621px;
margin-right: -1px;
}
.u-dialog-section-8 .u-image-3 {
height: 252px;
margin-top: 0;
margin-bottom: -204px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-dialog-section-8 .u-layout-wrap-2 {
margin-top: -741px;
}
.u-dialog-section-8 .u-layout-cell-4 {
min-height: 100px;
}
.u-dialog-section-8 .u-image-5 {
margin-left: -22px;
margin-right: -22px;
}
.u-dialog-section-8 .u-image-6 {
margin-left: -22px;
margin-right: -22px;
}
}
@media (max-width: 575px) {
.u-dialog-section-8 .u-dialog-1 {
width: 340px;
min-height: 670px;
margin-left: calc(((100% - 340px) / 2));
}
.u-dialog-section-8 .u-container-layout-1 {
padding-bottom: 25px;
}
.u-dialog-section-8 .u-group-1 {
width: 340px;
}
.u-dialog-section-8 .u-layout-wrap-1 {
width: 340px;
}
.u-dialog-section-8 .u-text-1 {
width: auto;
margin-top: 0;
}
.u-dialog-section-8 .u-list-1 {
margin-top: 14px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-dialog-section-8 .u-repeater-1 {
grid-auto-columns: 100%;
}
.u-dialog-section-8 .u-group-2 {
min-height: 166px;
margin-top: -590px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-dialog-section-8 .u-image-3 {
height: 159px;
width: 340px;
margin: 5px auto 0 -1px;
}
.u-dialog-section-8 .u-layout-wrap-2 {
width: 340px;
margin-top: -485px;
}
.u-dialog-section-8 .u-layout-cell-5 {
min-height: 217px;
}
}
.u-dialog-section-8 .u-image-3,
.u-dialog-section-8 .u-image-3:before,
.u-dialog-section-8 .u-image-3 > .u-container-layout:before {
transition-property: fill, color, background-color, stroke-width, border-style, border-width, border-top-width, border-left-width, border-right-width, border-bottom-width, custom-border, borders, box-shadow, text-shadow, opacity, border-radius, stroke, border-color, font-size, font-style, font-weight, text-decoration, letter-spacing, transform, background-image, image-zoom, background-size, background-position;
}
.u-dialog-section-9 .u-dialog-1 {
width: 566px;
min-height: 695px;
height: auto;
margin: 60px auto;
}
.u-dialog-section-9 .u-container-layout-1 {
padding: 0;
}
.u-dialog-section-9 .u-group-1 {
width: 473px;
height: auto;
--radius: 50px;
background-image: linear-gradient(#fcc75a, #ee6622);
min-height: 515px;
margin: 71px auto 0;
}
.u-dialog-section-9 .u-container-layout-2 {
padding: 30px;
}
.u-dialog-section-9 .u-text-1 {
font-weight: 800;
line-height: 1.2;
margin: 213px 87px 0 102px;
}
.u-dialog-section-9 .u-btn-1 {
--radius: 50px;
background-image: linear-gradient(#00ff00, #009245);
font-weight: 800;
box-shadow: 5px 5px 20px 0 rgba(0,0,0,0.4);
margin: 46px 141px 0 auto;
padding: 8px 28px 8px 27px;
}
.u-dialog-section-9 .u-image-1 {
min-height: 109px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-image: url("../images/web-70.png");
background-size: contain;
height: auto;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 0px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
width: 381px;
margin: -567px auto 0;
}
.u-dialog-section-9 .u-container-layout-3 {
padding-left: 30px;
padding-right: 30px;
}
.u-dialog-section-9 .u-layout-wrap-1 {
width: 367px;
margin: 19px auto 278px;
}
.u-dialog-section-9 .u-layout-cell-1 {
min-height: 161px;
}
.u-dialog-section-9 .u-container-layout-4 {
padding: 0;
}
.u-dialog-section-9 .u-image-2 {
width: 140px;
height: 140px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 300px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 21px -9px -1px;
}
.u-dialog-section-9 .u-layout-cell-2 {
min-height: 161px;
}
.u-dialog-section-9 .u-container-layout-5 {
padding: 0;
}
.u-dialog-section-9 .u-image-3 {
height: 140px;
width: 166px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 300px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: -12px -22px 0;
}
.u-dialog-section-9 .u-layout-cell-3 {
min-height: 161px;
}
.u-dialog-section-9 .u-container-layout-6 {
padding: 0;
}
.u-dialog-section-9 .u-image-4 {
height: 140px;
width: 166px;
--animation-custom_in-translate_x: 0px;
--animation-custom_in-translate_y: 300px;
--animation-custom_in-opacity: 0;
--animation-custom_in-rotate: 0deg;
--animation-custom_in-scale: 1;
margin: 21px -22px 0;
}
.u-dialog-section-9 .u-icon-2 {
width: 41px;
height: 41px;
left: auto;
top: 0;
position: absolute;
background-image: none;
right: -41px;
--radius: 50px;
padding: 14px;
}
@media (max-width: 1199px) {
.u-dialog-section-9 .u-dialog-1 {
--radius: 43px;
min-height: 582px;
}
.u-dialog-section-9 .u-group-1 {
min-height: 516px;
margin-top: 65px;
height: auto;
}
.u-dialog-section-9 .u-container-layout-2 {
padding-bottom: 8px;
}
.u-dialog-section-9 .u-text-1 {
width: 224px;
margin-top: 228px;
margin-left: auto;
margin-right: auto;
}
.u-dialog-section-9 .u-btn-1 {
margin-right: auto;
}
.u-dialog-section-9 .u-image-1 {
--animation-custom_in-scale: 0.3;
margin-top: -569px;
height: auto;
}
.u-dialog-section-9 .u-container-layout-3 {
padding-top: 20px;
padding-bottom: 5px;
}
.u-dialog-section-9 .u-layout-wrap-1 {
margin-top: 21px;
margin-bottom: 0;
}
.u-dialog-section-9 .u-layout-cell-1 {
min-height: 164px;
}
.u-dialog-section-9 .u-container-layout-4 {
padding-bottom: 3px;
}
.u-dialog-section-9 .u-image-2 {
margin-left: -9px;
margin-right: -9px;
}
.u-dialog-section-9 .u-layout-cell-2 {
min-height: 164px;
}
.u-dialog-section-9 .u-container-layout-5 {
padding-bottom: 23px;
}
.u-dialog-section-9 .u-image-3 {
width: 166px;
margin-left: -22px;
margin-right: -22px;
}
.u-dialog-section-9 .u-layout-cell-3 {
min-height: 164px;
}
.u-dialog-section-9 .u-container-layout-6 {
padding-bottom: 3px;
}
.u-dialog-section-9 .u-image-4 {
margin-left: -22px;
margin-right: -22px;
}
}
@media (max-width: 991px) {
.u-dialog-section-9 .u-dialog-1 {
min-height: 583px;
}
.u-dialog-section-9 .u-group-1 {
margin-top: 65px;
}
.u-dialog-section-9 .u-image-1 {
margin-top: -570px;
}
.u-dialog-section-9 .u-layout-wrap-1 {
margin-top: 12px;
}
.u-dialog-section-9 .u-layout-cell-1 {
min-height: 218px;
}
.u-dialog-section-9 .u-layout-cell-2 {
min-height: 218px;
}
.u-dialog-section-9 .u-image-3 {
margin-top: -8px;
margin-left: -22px;
margin-right: -22px;
}
.u-dialog-section-9 .u-layout-cell-3 {
min-height: 218px;
}
}
@media (max-width: 767px) {
.u-dialog-section-9 .u-dialog-1 {
width: 540px;
min-height: 631px;
}
.u-dialog-section-9 .u-group-1 {
min-height: 573px;
margin-top: 58px;
}
.u-dialog-section-9 .u-container-layout-2 {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0;
}
.u-dialog-section-9 .u-text-1 {
margin-top: 144px;
}
.u-dialog-section-9 .u-btn-1 {
margin-top: 158px;
}
.u-dialog-section-9 .u-image-1 {
margin-top: -630px;
}
.u-dialog-section-9 .u-container-layout-3 {
padding-left: 10px;
padding-right: 10px;
}
.u-dialog-section-9 .u-layout-wrap-1 {
margin-top: -488px;
}
.u-dialog-section-9 .u-layout-cell-1 {
min-height: 100px;
}
.u-dialog-section-9 .u-image-3 {
margin-left: -22px;
margin-right: -22px;
}
}
@media (max-width: 575px) {
.u-dialog-section-9 .u-dialog-1 {
width: 340px;
min-height: 417px;
}
.u-dialog-section-9 .u-group-1 {
margin-top: 17px;
min-height: 400px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-dialog-section-9 .u-text-1 {
margin-top: 100px;
}
.u-dialog-section-9 .u-btn-1 {
margin-top: 33px;
}
.u-dialog-section-9 .u-image-1 {
margin-top: -415px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-dialog-section-9 .u-layout-wrap-1 {
width: 340px;
margin-top: -485px;
}
.u-dialog-section-9 .u-layout-cell-2 {
min-height: 217px;
}
}
Reference in New Issue View Git Blame Copy Permalink