gpkvt
/
abgame
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

Added background image

This commit is contained in:
gpkvt 2023-06-06 11:33:48 +02:00
parent 973cce5509
commit 321731f49e
2 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
static/css/base.css
View File

@ -48,6 +48,30 @@ a:hover #help {
transform: translate(-50%); transform: translate(-50%);
} }
#background {
overflow: hidden;
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
#background::before {
content: ' ';
display: block;
background: url('/ab.jpg');
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover;
left: 0;
top: 0;
width: 100%;
height: 100%;
position: absolute;
opacity: 0.3;
}
#header { #header {
border-radius: 10px; border-radius: 10px;
text-align: center; text-align: center;
@ -68,7 +92,7 @@ a:hover #help {
overflow: hidden; overflow: hidden;
width: 65%; width: 65%;
margin: 0; margin: 0;
position: absolute; position: relative;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);

2
templates/base.html
View File

@ -33,12 +33,14 @@
</head> </head>
<body> <body>
<div id="background">
<div id="content"> <div id="content">
<div id="header">{{ i18n.title }}</div> <div id="header">{{ i18n.title }}</div>
<hr> <hr>
{%- block main %} {%- block main %}
{%- endblock %} {%- endblock %}
</div> </div>
</div>
<script type="text/javascript"> <script type="text/javascript">
initToggle(); initToggle();
autoReload(); autoReload();