js-tic-tac-toe/assets/css/style.css
2023-05-04 12:28:19 -07:00

95 lines
No EOL
1.6 KiB
CSS
Executable file

body {
text-shadow: 0 .05rem .1rem rgba(0, 0, 0, .5);
box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);
}
.cover-container {
max-width: 42em;
}
.col-md-6 {
width: 100% !important;
}
#gridspace-background {
justify-content: center;
}
#gridspace {
height: 510px;
width: 510px;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
text-shadow: none;
}
.griditem {
border: 1px solid black;
}
.nav-masthead .nav-link {
color: rgba(255, 255, 255, .5);
}
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
border-bottom-color: rgba(255, 255, 255, .25);
}
.nav-masthead .nav-link + .nav-link {
margin-left: 1rem;
}
#darkenScreen {
background-color: #000c;
width: 100%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
color: black;
text-shadow: none;
}
#closebutton {
display: flex;
justify-content: end;
}
#closebutton > :first-child {
cursor: pointer;
}
.card-body > .nav > .nav-item {
cursor: pointer;
}
.card-body > .nav {
display: flex;
justify-content: center;
}
input {
border-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, .5);
}
input:focus {
outline: none;
}
select {
background-color: white;
border-width: 1px;
border-style: solid;
border-color: rgba(0, 0, 0, .5);
height: 24px;
}
#divider {
height: 2px;
background-color: rgba(0, 0, 0, .25);
border-radius: 40%;
}