initialisation du projet (partie 4)

This commit is contained in:
Esenjin_Asakha 2024-12-27 14:26:45 +00:00
parent 695aa68a87
commit 9062d349f8
4 changed files with 5324 additions and 0 deletions

44
static/colors.css Normal file
View File

@ -0,0 +1,44 @@
.redBG {
color: #F9F9F9;
background-color: #BF3128;
}
.blueBG {
color: #F9F9F9;
background-color: #0059A6;
}
.orangeBG {
background-color: #FF851B;
color: #111;
}
.grayBG {
background-color: #AAAAAA;
color: #111;
}
.blackBG {
background-color: #111;
color: #F9F9F9;
}
.yellowBG {
background-color: #FFDC00;
color: #111111;
}
.greenBG {
background-color: #2ECC40;
color: #F9F9F9;
}
.silverBG {
background-color: #DDDDDD;
color: #111;
}
.whiteBG {
background-color: #F9F9F9;
color: #111;
}

5170
static/info.html Normal file

File diff suppressed because it is too large Load Diff

BIN
static/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

110
static/view.css Normal file
View File

@ -0,0 +1,110 @@
body {
color: #F9F9F9;
font-family: sans-serif;
margin: 0;
padding: 0;
padding-top: 15px;
padding-bottom: 15px;
background-color: #111;
}
.topBar {
display: inline;
position: fixed;
top: 0px;
width: 100%;
padding: 10px;
padding-left: 30px;
padding-right: 30px;
margin: 0;
height: 30px;
background-color: rgba(17, 17, 17, 0.85);
z-index: 10;
}
.subtle {
font-size: 12px;
opacity: 0.6;
}
a, a:visited, a:hover {
color: #FF851B;
}
.dltext {
color: #FF851B;
text-align: center;
}
.videoprev {
display: block;
margin-right: auto;
margin-left: auto;
height: auto;
}
.audioprev {
display: block;
margin-top: 60px;
margin-right: auto;
margin-left: auto;
min-width: 640px;
max-width: 1024px;
height: auto;
}
.button {
border: solid 4px #F9F9F9;
color: #F9F9F9;
font-weight: bold;
border-radius: 0px;
display: inline-block;
margin: 5px;
padding: 14px;
font-size: 24px;
transition: background 0.15s ease-in-out;
}
.uploadinterface {
width: 420px;
display: block;
margin-right: auto;
margin-left: auto;
height: auto;
}
.fileselector {
font-size: 18px;
color: #FF851B;
}
.submitbutton {
font-size: 18px;
}
.submitbutton:hover {
border-color: #FF851B;
}
.buttoncontainer {
margin-top: 20px;
margin-bottom: 20px;
display: block;
max-width: 440px;
margin-left: auto;
margin-right: auto;
}
.button:hover {
background-color: rgba(249, 249, 249, 1);
color: rgb(255, 133, 27);
}
img {
display: block;
border: solid 5px #2d2d2d;
margin-right: auto;
margin-left: auto;
max-width: 80%;
height: auto;
}