he4et/BadBarSlots
1
0
Fork 0
mirror of https://github.com/He4eT/BadBarSlots.git synced 2026-05-05 00:17:23 +00:00
Code Issues Projects Releases Packages Wiki Activity

styling

Browse source
This commit is contained in:
He4eT 2017-01-31 01:36:40 +05:00
commit 32a10f361c
2 changed files with 45 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

55
css/style.css
View file

@ -20,41 +20,62 @@ body {
.logo {
text-align: center;
margin-bottom: 100px;
margin-bottom: 50px;
}
.logo img {
filter: drop-shadow(0px 12px 20px rgba(255,48,0,0.5));
}
.jSlots-wrapper {
overflow: hidden;
height: 100px;
display: inline-block; /* to size correctly, can use float too, or width*/
/*border: 2px solid #999;*/
transform: translateZ(0);
overflow: hidden;
height: 100px;
display: inline-block; /* to size correctly, can use float too, or width*/
transform: translateZ(0);
background-color: #212121;
padding: 0 5px;
}
.slots {
box-shadow: 0 0 10px 1px #000 inset;
font-size: 0;
.jSlots-wrapper:before,
.jSlots-wrapper:after {
content: '';
position: absolute;
left: 0;
right: 0;
box-shadow: 0 0 10px 3px #000;
z-index: 10;
}
.jSlots-wrapper:before {
top: 0;
}
.jSlots-wrapper:after {
bottom: 0;
}
ul {
padding: 0;
margin: 0;
list-style: none;
padding: 0;
margin: 0;
list-style: none;
}
.slot {
float: left;
float: left;
margin: 0 10px;
box-shadow: 0 0 10px 2px #ff3000;
}
.slot li {
text-align: center;
padding: 0 30px;
margin: 0 10px;
line-height: 100px;
font-size: 2rem;
border-left: 2px solid #ccc;
border-right: 2px solid #ccc;
background-color: #424242;
background-color: #616161;
color: #ffa52e;
font-family: monospace;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: #ff3000 0px 0px 25px;
}