mirror of
https://github.com/MrEidam/bigredbutton.git
synced 2026-04-17 15:43:31 +00:00
Add files via upload
This commit is contained in:
MrEidam
112
css/brb.css
Normal file
112
css/brb.css
Normal file
@@ -0,0 +1,112 @@
|
||||
body {
|
||||
font-size: 15pt;
|
||||
user-select: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
#LANGMISS{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
z-index: 20;
|
||||
visibility: hidden;
|
||||
}
|
||||
#tycoon{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 200px;
|
||||
background: radial-gradient(125% 100% at 50% 0%,#9aff9a 20%,#fff 70%);
|
||||
}
|
||||
#shop{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 20%;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
text-decoration: underline;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
#cool{
|
||||
position: absolute;
|
||||
top: 98px;
|
||||
left: 0%;
|
||||
width: 100%;
|
||||
height: 25%;
|
||||
/*background: radial-gradient(#9aff9a,#fff);*/
|
||||
}
|
||||
#logclick{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 40px;
|
||||
left: 50%;
|
||||
text-align: center;
|
||||
transform: translate(-50%,0);
|
||||
}
|
||||
#disclick{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/*BRB*/
|
||||
#unpressed{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
border-radius: 150px;
|
||||
}
|
||||
#pressed{
|
||||
position: absolute;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
visibility: hidden;
|
||||
border-radius: 150px;
|
||||
}
|
||||
#button{
|
||||
user-select: none;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
margin: -150px 0 0 -150px;
|
||||
border-radius: 150px;
|
||||
}
|
||||
/* Other BTNS */
|
||||
.reset{
|
||||
position: absolute;
|
||||
user-select: none;
|
||||
width: 69px;
|
||||
height: 50px;
|
||||
bottom: 5px;
|
||||
right: 5px;
|
||||
background-color: #f00;
|
||||
color: #fff;
|
||||
}
|
||||
.help{
|
||||
position: absolute;
|
||||
user-select: none;
|
||||
width: 69px;
|
||||
height: 50px;
|
||||
bottom: 60px;
|
||||
right: 5px;
|
||||
background-color: darkgoldenrod;
|
||||
color: #fff;
|
||||
}
|
||||
.Yt{
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
margin: 0.5rem;
|
||||
left: 0;
|
||||
}
|
||||
.flag{
|
||||
position: absolute;
|
||||
user-select: none;
|
||||
width: 69px;
|
||||
height: 50px;
|
||||
border-radius: 1rem;
|
||||
bottom: 50px;
|
||||
left: 0%;
|
||||
margin: 0.5rem;
|
||||
color: #000;
|
||||
filter: drop-shadow(10px 8px 6px #333);
|
||||
}
|
||||
179
css/shop.css
Normal file
179
css/shop.css
Normal file
@@ -0,0 +1,179 @@
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
user-select: none;
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 15pt;
|
||||
/*background: linear-gradient(#009000, black);*/
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
/* Clisks */
|
||||
#logclick{
|
||||
background-color: papayawhip;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 5ch;
|
||||
margin: 0 5vw 0 5vw;
|
||||
padding: 1rem;
|
||||
border: 5px dashed blue;
|
||||
border-radius: 1rem;
|
||||
z-index: 69;
|
||||
width: auto;
|
||||
height: 85px;
|
||||
filter: drop-shadow(10px 8px 6px #333);
|
||||
}
|
||||
|
||||
#imgcli{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin: 0.1rem;
|
||||
width: 100px;
|
||||
aspect-ratio: 1/1;
|
||||
margin: 0.5rem;
|
||||
object-fit: contain;
|
||||
pointer-events: none
|
||||
}
|
||||
|
||||
#links{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 1rem auto;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.link{
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: var(--color);
|
||||
min-width: 200px;
|
||||
height: 50px;
|
||||
margin: 1rem auto;
|
||||
border: 3.69px none #333333;
|
||||
filter: drop-shadow(10px 8px 6px #333);
|
||||
border-radius: 69px;
|
||||
}
|
||||
|
||||
.backtop{
|
||||
height: 230px;
|
||||
max-width: auto;
|
||||
margin: 0 1.5vw 0 1.5vw;
|
||||
border-radius: 0 0 90px 90px;
|
||||
background: linear-gradient(#11ABFF, #ccccccab);
|
||||
/*border: red solid 5px;*/
|
||||
}
|
||||
|
||||
.main{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
/* By MrEidam */
|
||||
.item{
|
||||
background-color: papayawhip/*var(--color)*/;
|
||||
/*border: 2px solid #333;*/
|
||||
border: none;
|
||||
top: 5px;
|
||||
margin: 2rem 3vw 2rem 3vw;
|
||||
padding: 1rem;
|
||||
border-radius: 6.9px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-evenly;
|
||||
align-items: center;
|
||||
width: 500px;
|
||||
height: 340px;
|
||||
filter: drop-shadow(0px 20px 14px #444);
|
||||
}
|
||||
|
||||
.item img{
|
||||
width: 100px;
|
||||
aspect-ratio: 1/1;
|
||||
margin: 0.5rem;
|
||||
object-fit: contain;
|
||||
|
||||
filter: drop-shadow(10px 8px 6px #333);
|
||||
pointer-events: none
|
||||
}
|
||||
.buttons{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
/* By MrEidam */
|
||||
.buttons button{
|
||||
background-color: var(--Bcolor);
|
||||
border-radius: 8px;
|
||||
margin: 1rem;
|
||||
}
|
||||
|
||||
.buyone{
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.buymax{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
main{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
/* By MrEidam */
|
||||
|
||||
.clickbtn{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.clickbtn button{
|
||||
background-color: var(--Bcolor);
|
||||
border-radius: 8px;
|
||||
margin: 0 1rem 0.5rem 1rem;
|
||||
}
|
||||
|
||||
.row{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
/*@media only screen and (max-width: 1100px){
|
||||
.row .item{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
left: 50%;
|
||||
transform: translateXyy(-50%);
|
||||
}
|
||||
}*/
|
||||
|
||||
button{
|
||||
border: none;
|
||||
filter: drop-shadow(8px 6px 4px #555);
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@media only screen and (max-width: 800px){
|
||||
.row{
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.item{
|
||||
width: auto;
|
||||
margin: 2rem 10vw 2rem 10vw;
|
||||
}
|
||||
}
|
||||
54
css/upgr.css
Normal file
54
css/upgr.css
Normal file
@@ -0,0 +1,54 @@
|
||||
*{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
user-select: none;
|
||||
box-sizing: border-box;
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 15pt;
|
||||
/*background: linear-gradient(#009000, black);*/
|
||||
background-color: #ccc;
|
||||
}
|
||||
|
||||
#links{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
margin: 1rem auto;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.link {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
background-color: var(--color);
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
margin: 1rem auto;
|
||||
padding: 10px;
|
||||
border: 3.69px solid #333333;
|
||||
border-radius: 69px;
|
||||
}
|
||||
/* By MrEidam */
|
||||
|
||||
/* Clisks */
|
||||
#loglm{
|
||||
background-color: papayawhip;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 5ch;
|
||||
margin: 0 5vw 0 5vw;
|
||||
padding: 1rem;
|
||||
border: 5px dashed #effd5f66;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
#imglm{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin: 0.1rem;
|
||||
}
|
||||
/* By MrEidam */
|
||||
Reference in New Issue
Block a user