chris/main_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

yatzee styles

Browse Source
This commit is contained in:
HearMeWhisper 2022-01-02 15:03:20 -05:00
parent a55aff3250
commit bc7e2bbf9b
1 changed files with 130 additions and 133 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
yatzee/yatzee.css
View File

@ -2,7 +2,7 @@ body {
background-color: #42739e; background-color: #42739e;
cursor: default; cursor: default;
font-size: 130%; font-size: 130%;
font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
} }
#score { #score {
@ -13,7 +13,7 @@ body {
float: left; float: left;
border-collapse: collapse; border-collapse: collapse;
border-style: hidden; border-style: hidden;
width: 25%; width: 45%;
z-index: 0; z-index: 0;
margin-bottom: 7%; margin-bottom: 7%;
font-size: larger; font-size: larger;
@ -37,7 +37,7 @@ body {
} }
#main { #main {
margin-top: 17%; margin-top: 10%;
} }
.dice { .dice {
@ -60,12 +60,12 @@ body {
height: 70px; height: 70px;
width: 70px; width: 70px;
float: right; float: right;
margin-right: 15px; /* margin-right: 15px; */
display: flex; display: flex;
} }
#center { #center {
text-align: center text-align: center;
} }
#highscore { #highscore {
@ -93,16 +93,15 @@ body {
font-size: large; font-size: large;
} }
#full {
#full{
position: absolute; position: absolute;
top: 5px; top: 5px;
right: 0; right: 0;
z-index: 100; z-index: 100;
color:rgb(165, 162, 162); color: rgb(165, 162, 162);
font-size: 3rem; font-size: 3rem;
margin-right:5px; margin-right: 5px;
} }
#how { #how {
margin-top: 10%; margin-top: 10%;
@ -119,9 +118,10 @@ body {
display: none; display: none;
position: absolute; position: absolute;
top: 10%; top: 10%;
left: 10%;
padding: 3%; padding: 3%;
overflow: auto; overflow: auto;
height: 65%; height: 75%;
width: 80%; width: 80%;
} }
@ -131,13 +131,13 @@ body {
} }
#cell31 { #cell31 {
color:#c6f2ff; color: #c6f2ff;
background-color: #181c28; background-color: #181c28;
border-radius: 15px; border-radius: 15px;
} }
#how:hover { #how:hover {
border: 3px black solid border: 3px black solid;
} }
#smX { #smX {
@ -146,10 +146,9 @@ body {
float: right; float: right;
} }
@media (max-device-width: 550px) { @media (max-device-width: 550px) {
.cells { .cells {
border-bottom: 4px solid #2E2E45; border-bottom: 4px solid #2e2e45;
border-right: 2px solid gray; border-right: 2px solid gray;
padding-top: 4%; padding-top: 4%;
padding-bottom: 4%; padding-bottom: 4%;
@ -166,14 +165,14 @@ body {
} }
.dice_pic { .dice_pic {
width: 50px; width: 50px;
height: 50px height: 50px;
} }
.dice_pic_hold { .dice_pic_hold {
width: 50px; width: 50px;
height: 50px height: 50px;
} }
.dice { .dice {
width: 70%; /* width: 70%; */
} }
} }
@ -183,7 +182,6 @@ body {
} }
} }
/* Large devices (laptops/desktops, 992px and up) */ /* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) { @media only screen and (min-width: 992px) {
@ -192,7 +190,6 @@ body {
} }
} }
/* Medium devices (landscape tablets, 768px and up) */ /* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {