Update font css

This commit is contained in:
giongto35 2020-04-12 03:29:19 +08:00
parent 87e929d67c
commit 7f2f10518a
3 changed files with 12 additions and 9 deletions

15
web/css/main.css vendored
View file

@ -103,8 +103,6 @@ body {
}
#player-index {
border-bottom: 0px;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/static/img/ui/bt PlayerIndex.png');
@ -437,8 +435,8 @@ body {
@font-face {
font-family: 'YourFontName'; /*a name to be used later*/
src: url('/static/fonts/6809 chargen.ttf'); /*URL to font*/
font-family: 'Roboto'; /*a name to be used later*/
src: url('/static/fonts/Roboto-thin.ttf'); /*URL to font*/
}
.menu-item {
@ -448,7 +446,7 @@ body {
width: 100%;
height: 36px; /* 35 + 1 border = 36px */
font-family: 'YourFontName';
font-family: 'Roboto';
font-size: 19px;
/* border-top: 1px dashed blue; */
}
@ -530,6 +528,8 @@ body {
display: block;
padding-top: 10px;
text-align: center;
font-family: 'Roboto';
font-size: 15px;
color: #bababa;
position: absolute;
@ -568,17 +568,20 @@ body {
height: 25px; /* Slider handle height */
cursor: pointer; /* Cursor on hover */
background-color: transparent;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/static/img/ui/bt PlayerIndex.png');
}
.slider::-moz-range-thumb {
appearance: none;
width: 25px; /* Set a specific slider handle width */
height: 25px; /* Slider handle height */
cursor: pointer; /* Cursor on hover */
border-radius: 8px;
border: 0px;
background-color: transparent;
background-repeat: no-repeat;
background-size: contain;
background-image: url('/static/img/ui/bt PlayerIndex.png');

BIN
web/fonts/Roboto-Thin.ttf vendored Normal file

Binary file not shown.

6
web/game.html vendored
View file

@ -14,8 +14,8 @@
<meta property="og:site_name" content="Cloud Retro" />
<meta property="og:author" content="giongto35 trichimtrich" />
<link href="/static/css/font-awesome.css?1" rel="stylesheet">
<link href="/static/css/main.css?1" rel="stylesheet">
<link href="/static/css/font-awesome.css?2" rel="stylesheet">
<link href="/static/css/main.css?2" rel="stylesheet">
</head>
<body>
@ -51,7 +51,7 @@
<div id="btn-save" unselectable="on" class="btn big unselectable" value="save"></div>
<div id="btn-join" unselectable="on" class="btn big unselectable" value="join"></div>
<div id="slider-playeridx" class="slidecontainer">
player index
player choice
<input type="range" min="1" max="4" value="1" class="slider" id="playeridx" onkeydown="event.preventDefault()">
</div>