lauchmelder/Lauchmelder23.github.io
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Turned website dark

Browse source
This commit is contained in:
Robert 2021-02-13 00:21:50 +01:00
parent c613a21a3c
commit 80cb6d7f57
1 changed files with 13 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
index.html
View file

@ -40,14 +40,14 @@
} }
span { span {
background-color: white; background-color: rgb(24, 26, 27);
display: inline-block; display: inline-block;
width: 50vh; width: 50vh;
height: 50vh; height: 50vh;
margin-left: 25vh; margin-left: 25vh;
margin-top: 10vh; margin-top: 10vh;
background-size: cover; background-size: cover;
border-style: solid; border: solid rgb(200, 195, 188);
} }
svg { svg {
@ -56,12 +56,13 @@
} }
body { body {
background-color: rgb(230, 230, 230); background-color: rgb(38, 41, 43);
color: rgb(200, 195, 188);
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
} }
.container { .container {
background-color: rgb(220, 220, 220); background-color: rgb(44, 47, 49);
height: 100vh; height: 100vh;
width: 75vw; width: 75vw;
margin-top: 0; margin-top: 0;
@ -72,7 +73,7 @@
left: 0; left: 0;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
background-color: rgb(48, 48, 48); background-color: rgb(36, 39, 41);
color: white; color: white;
text-align: center; text-align: center;
} }
@ -81,6 +82,7 @@
font-size: 3em; font-size: 3em;
width: 3em; width: 3em;
text-align: center; text-align: center;
background-color: rgb(24, 26, 27);
} }
#in_btn { #in_btn {
@ -90,7 +92,7 @@
width: 1.5em; width: 1.5em;
height: 1.55em; height: 1.55em;
border: none; border: none;
background-color: rgb(153, 153, 153); background-color: #52585C;
color: rgb(240, 240, 240); color: rgb(240, 240, 240);
margin-left: 5px; margin-left: 5px;
} }
@ -109,11 +111,11 @@
} }
.learn_more { .learn_more {
color: rgb(0, 85, 212) color: rgb(77, 169, 255);
} }
.learn_more:hover { .learn_more:hover {
color: rgb(224, 127, 0) color: rgb(255, 165, 47);
} }
</style> </style>
@ -222,8 +224,8 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="col-lg-8" style="padding-right:20px; border-right: 1px solid #999;"> <div class="col-lg-8" style="padding-right:20px; border-right: 1px solid #4d5356;">
<div class="row" style="padding-bottom:20px; border-bottom: 1px solid #999;"> <div class="row" style="padding-bottom:20px; border-bottom: 1px solid #4d5356;">
<h1>Enter a Kanji</h1> <h1>Enter a Kanji</h1>
<form> <form>
<table> <table>
@ -240,7 +242,7 @@
</div> </div>
<div class="col-lg-4 text-center"> <div class="col-lg-4 text-center">
<div class="row" style="border-bottom: 1px solid #999;"> <div class="row" style="border-bottom: 1px solid #4d5356;">
<h2 id="kanji_meaning"></h2> <h2 id="kanji_meaning"></h2>
</div> </div>
<div class="row"> <div class="row">