2020-07-02 01:10:33 +00:00
/* Elms */
ul , li {
list-style : none ;
}
body {
touch-action : manipulation ;
overflow : hidden ; /* Used to prevent touch scroll down reloading page. Ref: https://stackoverflow.com/questions/29008194/disabling-androids-chrome-pull-down-to-refresh-feature */
-webkit-touch-callout : none ; /* iOS Safari */
-webkit-user-select : none ; /* Safari */
-khtml-user-select : none ; /* Konqueror HTML */
-moz-user-select : none ; /* Old versions of Firefox */
-ms-user-select : none ; /* Internet Explorer/Edge */
user-select : none ; / * Non-prefixed version , currently
supported by Chrome , Opera and Firefox * /
}
input {
width : 100 % ! important ;
margin : 0 auto ! important ;
background-color : # 00000000 ! important ;
}
2020-05-28 18:07:53 +00:00
/* IDs */
# bg {
position : fixed ;
top : 0 % ;
left : 0 % ;
width : 100 % ;
height : 100 % ;
z-index : -999 ;
}
# bg img {
position : absolute ;
top : 0 ;
left : 0 ;
right : 0 ;
bottom : 0 ;
width : 100 % ;
height : 100 % ;
z-index : -999 ;
}
2020-07-02 01:10:33 +00:00
# canvas {
position : relative ;
width : 98 % ;
min-height : 1000px ;
border : 2px solid # c3c3c3 ;
2020-06-29 03:40:19 +00:00
}
2020-07-02 01:10:33 +00:00
# rightClickBtn {
2020-07-02 01:53:18 +00:00
display : none ; /* Hide button unless screen bigger than media query says it is */
2020-07-02 01:10:33 +00:00
border-style : dashed ;
border-width : 2px ;
2020-05-28 18:07:53 +00:00
overflow : auto ;
2020-07-02 01:10:33 +00:00
font-size : 280 % ;
2020-07-02 01:07:30 +00:00
}
2020-07-02 01:10:33 +00:00
# rightClickBtn : hover {
background-color : rgba ( 0 , 232 , 255 , 0 . 5 ) ;
2020-05-28 18:07:53 +00:00
cursor : pointer ;
}
2020-07-02 02:55:56 +00:00
# sendKeysBtn ,
# pressEnterBtn ,
2020-07-02 01:10:33 +00:00
# scrollToggle ,
2020-07-02 02:55:56 +00:00
# mouseHoldToggle {
2020-07-02 01:10:33 +00:00
display : inline-block ;
font-size : 280 % ;
width : 100 % ;
2020-06-29 23:01:45 +00:00
}
2020-07-02 01:07:30 +00:00
2020-07-02 01:53:18 +00:00
@ media only screen and ( max-device-width : 800px ) {
2020-07-02 01:10:33 +00:00
# sendKeysField {
font-size : 300 % ! important ;
}
2020-06-29 23:01:45 +00:00
}
2020-05-28 18:07:53 +00:00
2020-07-02 01:53:18 +00:00
/* nothing with screen size smaller than 8000px */
@ media only screen and ( min-device-width : 801px ) {
2020-07-02 01:10:33 +00:00
body {
width : 800px ;
margin : 0 auto ;
}
2020-07-02 01:53:18 +00:00
# rightClickBtn {
display : inline-block ;
}
2020-07-02 01:07:30 +00:00
}
2020-07-02 01:10:33 +00:00
/* Classes */
/* Other message text colors */
. errorTxt { color : rgb ( 170 , 18 , 18 ) ; }
. warningTxt { color : rgb ( 255 , 168 , 0 ) ; }
. successTxt { color : rgb ( 136 , 204 , 39 ) ; }