4aiman/JS-DualShock3-Monitor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added more styles

Browse source
This commit is contained in:
ezwrk 2023-08-24 17:24:39 +03:00
commit 927e0ba4af
10 changed files with 1663 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

303
Xbox.css Normal file
View file

@ -0,0 +1,303 @@
body {
background-color: darkgreen;
}
.button {
width:25px;
height:25px;
display:inline-block;
border: none;
padding:0px;
margin:px;
text-align:center;
vertical-align:middle;
font-weight: bold;
position:absolute;
text-shadow: 1px 1px 1px rgba(0,0,0,0.25), 0px 1px 1px rgba(0,0,0,0.25), 1px 0px 1px rgba(0,0,0,0.25);
font-family: Arial;
}
.button_4, .button_5, .button_6, .button_7 {
width:35px;
height:20px;
border-radius:8px;
}
.button_8 {
width:30px;
height:15px;
border-radius:4px;
display:block;
}
.button_9 {
border:0px;
background:transparent;
display:block;
}
.button::after {
display: block;
position:relative;
color: rgba(250,250,250,0.7);
font-size:12px;
}
.button_0::after {
left: 305px;
top: 217px;
position: absolute;
content:"A";
color: rgba(80,120,200,0.7);
font-size:12px;
display: block;
}
.button_1::after {
left: 336px;
top: 192px;
position: absolute;
content:"B";
color: rgba(200,120,80,0.7);
display: block;
}
.button_2::after {
left: 277px;
top: 194px;
position: absolute;
content:"X"; /*square*/
color: rgba(250,80,80,0.7);
display: block;
}
.button_3::after {
left: 308px;
top: 168px;
position: absolute;
content:"Y";/*triangle*/
color: rgba(60,200,100,0.7);
display:block;
}
.button_4::after {
left: 75px;
top: 120px;
position: relative;
content:"LB";
display:block;
}
.button_5::after {
left: 289px;
top: 120px;
position: relative;
content:"RB";
display:block;
}
.button_6::after {
left: 81px;
top: 92px;
position: relative;
content:"LT";
display:block;
}
.button_7::after {
left: 285px;
top: 92px;
position: relative;
content:"RT";
display:block;
}
.button_10::after {
content:"L3";
top:204px;
left:76px;
display:block;
}
.button_11::after {
content:"R3";
top:260px;
left:238px;
display:block;
}
#button_9_border {
position:relative;
top:3px;
display:none;
}
.button_12, .button_13, .button_14, .button_15 {
border:0px;
background:transparent;
height:25px;
width:25px;
}
.button_16 {
display: block;
left:0px;
top:0px;
}
.button_12 {
left:0px;
top:0px;
}
.button_13 {
left:0px;
top:0px;
}
.button_14 {
left:0px;
top:0px;
}
.button_15 {
left:0px;
top:0px;
}
.button_3 {
left:0px;
top:0px;
}
.button_0 {
left:0px;
top:0px;
}
.button_2 {
left:0px;
top:0px;
}
.button_1 {
left:0px;
top:0px;
}
.button_4 {
left:0px;
top:0px;
}
.button_6 {
left:0px;
top:0px;
}
.button_5 {
left:0px;
top:0px;
}
.button_7 {
left:0px;
top:0px;
}
.button_8 {
left:0px;
top:0px;
border: none;
transform: none;
}
.button_9 {
left:0px;
top:0px;
border: none;
transform: none;
}
.button_10 {
position:absolute;
top:0px;
left:0px;
border: none;
transform: none;
}
.button_11 {
position:absolute;
top:0px;
left:0px;
border: none;
transform: none;
}
#buttons {
position:absolute;
width: 400px ;
height: 400px ;
background-image: none;
}
#style_select {
position:absolute;
left: 410px;
}
.axisbox {
display:none;
}
.axisbox_0 {
position:absolute;
top:0px;
left:0px;
border: none;
display:block;
background: none;
}
.axisbox_1 {
position:absolute;
top:0px;
left:0px;
border: none;
display:block;
background: none;
}
.axis{
display:none;
}
#controller_SNES {
display: none;
position: absolute;
width:400px;
height:400px;
}
#controller_DS {
display: none;
position: absolute;
width:400px;
height:400px;
}
#controller_NES {
display: none;
position: absolute;
width:400px;
height:400px;
}
#controller_XBOX {
display: block;
position: absolute;
width:400px;
height:400px;
}