1/5/2022
This commit is contained in:
Nguyễn Tiến Dũng
1
public/themes/css/bootstrap-social.css
vendored
Normal file
1
public/themes/css/bootstrap-social.css
vendored
Normal file
File diff suppressed because one or more lines are too long
7028
public/themes/css/bootstrap.min.css
vendored
Normal file
7028
public/themes/css/bootstrap.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
2
public/themes/css/custom.1.css
Normal file
2
public/themes/css/custom.1.css
Normal file
@@ -0,0 +1,2 @@
|
||||
.output{text-align:center;color:#6d2f0f}.cursor::after{content:'|';display:inline-block;animation-name:blink;animation-duration:.3s;animation-iteration-count:infinite}@keyframes blink{0%{opacity:1}49%{opacity:1}50%{opacity:0}100%{opacity:0}}.planePath{stroke:#09a7da;stroke-width:.1%;stroke-width:.5%;stroke-dasharray:1% 2%;stroke-linecap:round;fill:none}.fil1{fill:#09a7da}.fil2{fill:#006baa}.fil4{fill:#006baa}.fil3{fill:#006baa}.barmenu{min-width:93px}@media(min-width:768px){.container-md{width:700px}}.lds-facebook{display:inline-block;position:relative;width:20px;height:16px}.lds-facebook div{display:inline-block;position:absolute;left:2px;width:4px;background:#fff;animation:lds-facebook 1.2s cubic-bezier(0,.5,.5,1) infinite}.lds-facebook div:nth-child(1){left:2px;animation-delay:-.24s}.lds-facebook div:nth-child(2){left:8px;animation-delay:-.12s}.lds-facebook div:nth-child(3){left:14px;animation-delay:0}.lds-facebook.lds-primary div{background:#f0ad4e}@keyframes lds-facebook{0%{top:2px;height:16px}50%,100%{top:6px;height:8px}}.game,.bot{display:none}.game.active,.bot.active{display:block}button.cl-button{padding:10px 24px;width:140px;margin:5px;border-style:solid;border-width:2px;border-radius:12px;background-color:#fff;text-transform:uppercase;font-weight:700;transition-duration:.5s}.cl-button.button-chan{border-color:#f0ad4e;background-color:#f0ad4e;color:#fff}.cl-button.button-le{border-color:#5bc0de;background-color:#5bc0de;color:#fff}.cl-button.button-tai{border-color:#5cb85c;background-color:#5cb85c;color:#fff}.cl-button.button-xiu{border-color:#d9534f;background-color:#d9534f;color:#fff}.cl-button:disabled,.cl-button[disabled]{opacity:.8}.button-chan:hover:enabled{border-color:#c0822b}.button-le:hover:enabled{background-color:#3298b8}.button-tai:hover:enabled{border-color:#488f48}.button-xiu:hover:enabled{background-color:#ad423f}@media(min-width:768px){.box-cl{display:flex}.box-cl .cl{flex:1}.box-cl .panel{height:100%}}.box-cl .panel{margin-bottom:0}.box-cl .panel-body{padding-bottom:0}.dot-text-chan{color:#f0ad4e}.dot-text-le{color:#5bc0de}.dot-text-tai{color:#5cb85c}.dot-text-xiu{color:#d9534f}.badge-success{background-color:#5cb85c}.badge-danger{background-color:#d9534f}.badge-warning{background-color:#f0ad4e}.badge-info{background-color:#5bc0de}.badge-primary{background-color:#ad4105}.code{white-space: nowrap!important;}
|
||||
|
||||
1
public/themes/css/style.css
Normal file
1
public/themes/css/style.css
Normal file
File diff suppressed because one or more lines are too long
286
public/themes/css/wheel.css
Normal file
286
public/themes/css/wheel.css
Normal file
@@ -0,0 +1,286 @@
|
||||
[game-tab="wheel"] {
|
||||
margin-top: 0.5rem;
|
||||
color: #155724;
|
||||
background-color: #7ee2ff;
|
||||
border-color: #ad4105;
|
||||
}
|
||||
|
||||
.luckywheel {
|
||||
width: 75%;
|
||||
position: relative;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.luckywheel .luckywheel-background {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.luckywheel .luckywheel-background img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.luckywheel #btn-spin {
|
||||
position: absolute;
|
||||
display: block;
|
||||
width: 104px;
|
||||
z-index: 5;
|
||||
top: calc(50% - 65px);
|
||||
left: calc(50% - 53px);
|
||||
}
|
||||
|
||||
.luckywheel-footer {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.luckywheel-footer .luckywheel-turn {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#history-container {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cms-block {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.cms-block.right-column > div {
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.btn-image {
|
||||
width: 250px;
|
||||
}
|
||||
@media only screen and (max-width: 760px) {
|
||||
.btn-image {
|
||||
width: 200px;
|
||||
}
|
||||
.luckywheel {
|
||||
width: 100%;
|
||||
}
|
||||
.luckywheel #btn-spin {
|
||||
width: 73px;
|
||||
top: calc(50% - 45px);
|
||||
left: calc(50% - 40px);
|
||||
}
|
||||
}
|
||||
|
||||
.overlay {
|
||||
/* Height & width depends on how you want to reveal the overlay (see JS below) */
|
||||
height: 100%;
|
||||
width: 0;
|
||||
position: fixed;
|
||||
/* Stay in place */
|
||||
z-index: 1;
|
||||
/* Sit on top */
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: rgb(0, 0, 0);
|
||||
/* Black fallback color */
|
||||
background-color: rgba(0, 0, 0, 0.9);
|
||||
/* Black w/opacity */
|
||||
overflow-x: hidden;
|
||||
/* Disable horizontal scroll */
|
||||
transition: 0.5s;
|
||||
/* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
|
||||
}
|
||||
|
||||
/* Position the content inside the overlay */
|
||||
.overlay-content {
|
||||
position: relative;
|
||||
top: 25%;
|
||||
/* 25% from the top */
|
||||
width: 100%;
|
||||
/* 100% width */
|
||||
text-align: center;
|
||||
/* Centered text/links */
|
||||
margin-top: 30px;
|
||||
/* 30px top margin to avoid conflict with the close button on smaller screens */
|
||||
}
|
||||
|
||||
/* The navigation links inside the overlay */
|
||||
.overlay a {
|
||||
padding: 8px;
|
||||
text-decoration: none;
|
||||
font-size: 36px;
|
||||
color: #818181;
|
||||
display: block;
|
||||
/* Display block instead of inline */
|
||||
transition: 0.3s;
|
||||
/* Transition effects on hover (color) */
|
||||
}
|
||||
|
||||
/* When you mouse over the navigation links, change their color */
|
||||
.overlay a:hover,
|
||||
.overlay a:focus {
|
||||
color: #f1f1f1;
|
||||
}
|
||||
|
||||
/* Position the close button (top right corner) */
|
||||
.overlay .closebtn {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 45px;
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
|
||||
@media screen and (max-height: 450px) {
|
||||
.overlay a {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.overlay .closebtn {
|
||||
font-size: 40px;
|
||||
top: 15px;
|
||||
right: 35px;
|
||||
}
|
||||
}
|
||||
.wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.gift {
|
||||
background: url("/lib/imgs/wheel/bg-gift.png");
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
padding-top: 100px;
|
||||
}
|
||||
|
||||
.wrapper-gift {
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.wrapper-gift .title {
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
font-size: 30px;
|
||||
}
|
||||
|
||||
.wrapper-gift .tips {
|
||||
color: #fff;
|
||||
font-style: italic;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.full-height {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.flex-center {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.position-ref {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.top-right {
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
.content {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 44px;
|
||||
}
|
||||
|
||||
.links > a {
|
||||
color: #636b6f;
|
||||
padding: 0 25px;
|
||||
font-size: 13px;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.1rem;
|
||||
text-decoration: none;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.m-b-md {
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.threed {
|
||||
font-family: "Dancing Script";
|
||||
text-align: center;
|
||||
font-weight: 400;
|
||||
font-size: 3em;
|
||||
color: white;
|
||||
-webkit-text-stroke: 1px rgba(0, 0, 0, 0.2);
|
||||
text-shadow: -3px 0 rgba(0, 255, 255, 0.4), 3px 0 rgba(255, 0, 255, 0.4);
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
. .the_wheel {
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#canvas {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 20px;
|
||||
margin-top: 50px;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
background-color: transparent;
|
||||
border-radius: 26px !important;
|
||||
background-image: url(/upload/files/btn-wheel-2.png);
|
||||
background-position: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
width: 25%;
|
||||
transform: translate(150%, 0%);
|
||||
}
|
||||
|
||||
div.power_controls {
|
||||
border: none;
|
||||
background-image: url(/upload/files/wheel-border-1.png);
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
position: absolute;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-51%, -43%);
|
||||
width: 100%;
|
||||
height: 130%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.power_controls a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
div.power_controls a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#rewardModal .model-content .model-body .reward-list ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.arrow-down {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
left: 50%;
|
||||
transform: translate(-50%, 0);
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 20px solid transparent;
|
||||
border-right: 20px solid transparent;
|
||||
border-top: 30px solid #f00;
|
||||
}
|
||||
Reference in New Issue
Block a user