alignment changes
This commit is contained in:
parent
7a4595c546
commit
4dd0b734be
1 changed files with 23 additions and 19 deletions
|
@ -12,7 +12,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
<title>Document</title>
|
<title>Document</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id='starter'>please press enter to launch the store</div>
|
<div id='starter'>Please press enter to launch the store</div>
|
||||||
<div id='scene'>
|
<div id='scene'>
|
||||||
<div id='curtain'>
|
<div id='curtain'>
|
||||||
|
|
||||||
|
@ -42,8 +42,8 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 50%;
|
top: 50%;
|
||||||
left: 50%;
|
left: 25%;
|
||||||
width: 300px;
|
width: 1000px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
margin-top: -25px;
|
margin-top: -25px;
|
||||||
margin-left: -150px;
|
margin-left: -150px;
|
||||||
|
@ -58,7 +58,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
#scene {
|
#scene {
|
||||||
/* position: fixed; */
|
/* position: fixed; */
|
||||||
/* top: 20%; */
|
/* top: 20%; */
|
||||||
left: 30%;
|
left: 10%;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
@ -108,16 +108,19 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
/* left: 20%;
|
white-space: nowrap;
|
||||||
top: 20%; */
|
|
||||||
display: inline;
|
|
||||||
width: 1500px;
|
/* top: 50%; */
|
||||||
height: 350px;
|
/* display: inli */
|
||||||
/* margin-top: -90px;
|
width: 100%;
|
||||||
margin-left: -50px; */
|
height: 100%;
|
||||||
text-align: center;
|
display: inline-block;
|
||||||
|
|
||||||
|
margin-left: -300px;
|
||||||
|
|
||||||
font-family: "Petit Formal Script", cursive;
|
font-family: "Petit Formal Script", cursive;
|
||||||
font-size: 10em;
|
font-size: 6.2em;
|
||||||
color: #FFD700;
|
color: #FFD700;
|
||||||
transform: scale(0.5);
|
transform: scale(0.5);
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
|
@ -126,13 +129,14 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
|
|
||||||
#countdown {
|
#countdown {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 80%;
|
bottom: 0;
|
||||||
left: 90%;
|
right: 0;
|
||||||
transform: translate(-50%, -50%);
|
height:150px;
|
||||||
|
width:300px;
|
||||||
font-family: 'Roboto Condensed', sans-serif;
|
font-family: 'Roboto Condensed', sans-serif;
|
||||||
font-size: 8em;
|
font-size: 5em;
|
||||||
color: #FFD700;
|
color: #FFD700;
|
||||||
}
|
}
|
||||||
/* **********
|
/* **********
|
||||||
opening
|
opening
|
||||||
********** */
|
********** */
|
||||||
|
@ -285,7 +289,7 @@ SPDX-License-Identifier: AGPL-3.0-or-later
|
||||||
form.setAttribute("action", "/");
|
form.setAttribute("action", "/");
|
||||||
form.setAttribute("method", "post");
|
form.setAttribute("method", "post");
|
||||||
}
|
}
|
||||||
startCountdown();
|
// startCountdown();
|
||||||
}
|
}
|
||||||
|
|
||||||
function showTime() {
|
function showTime() {
|
||||||
|
|
Loading…
Reference in a new issue