no thoughts brain empty
This commit is contained in:
parent
a3b505430e
commit
a718ef32f5
@ -230,14 +230,16 @@ button:hover {
|
|||||||
row-gap: 2ch;
|
row-gap: 2ch;
|
||||||
}
|
}
|
||||||
#stupid {
|
#stupid {
|
||||||
color: #a6a6a6;
|
color: black;
|
||||||
|
background-color: #a6a6a6;
|
||||||
height: 10px;
|
height: 10px;
|
||||||
border-radius: 53px;
|
border-radius: 53px;
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
padding: 0px 20px;
|
padding: 0px 20px;
|
||||||
}
|
}
|
||||||
#stupidbackgroundbox {
|
#stupidbackgroundbox {
|
||||||
color: #a6a6a6;
|
color: black;
|
||||||
|
background-color: #a6a6a6;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
height:10px;
|
height:10px;
|
||||||
border-radius: 53px;
|
border-radius: 53px;
|
||||||
@ -249,7 +251,8 @@ button:hover {
|
|||||||
border-radius: 53px;
|
border-radius: 53px;
|
||||||
}
|
}
|
||||||
#dumb {
|
#dumb {
|
||||||
color: #d9d9d9;
|
color: black;
|
||||||
|
background-color: #d9d9d9;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
height:10px;
|
height:10px;
|
||||||
border-radius: 53px;
|
border-radius: 53px;
|
||||||
@ -277,4 +280,17 @@ button:hover {
|
|||||||
#containerHell {
|
#containerHell {
|
||||||
width: 151px;
|
width: 151px;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
#sped{
|
||||||
|
/* have to do this stupid important thing to override the colors set on the button element */
|
||||||
|
color: transparent !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
display:flex;
|
||||||
|
height: 36px;
|
||||||
|
width: 30px;
|
||||||
|
position:fixed;
|
||||||
|
}
|
||||||
|
button:hover{
|
||||||
|
color: transparent !important;
|
||||||
|
background-color: transparent !important;
|
||||||
|
}
|
||||||
|
@ -4,6 +4,7 @@
|
|||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
display:flex;
|
display:flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
justify-content:center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#search-bar {
|
#search-bar {
|
||||||
@ -13,6 +14,8 @@
|
|||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
max-width: 400px;
|
max-width: 400px;
|
||||||
|
display: flex;
|
||||||
|
justify-content: left;
|
||||||
}
|
}
|
||||||
#search-icon{
|
#search-icon{
|
||||||
font-size:30px;
|
font-size:30px;
|
||||||
|
27
index.html
27
index.html
@ -32,22 +32,23 @@
|
|||||||
<label for="mobileCheckbox">Mobile Checkbox</label>
|
<label for="mobileCheckbox">Mobile Checkbox</label>
|
||||||
<input type="checkbox" id="mobileCheckbox"> -->
|
<input type="checkbox" id="mobileCheckbox"> -->
|
||||||
<div class="search-container">
|
<div class="search-container">
|
||||||
|
<!-- thats right a closed input tag (and the input is a flexbox!), we going full dumbass mode-->
|
||||||
<input type="text" id="search-bar" placeholder="Search Clients...">
|
<input type="text" id="search-bar" placeholder="Search Clients...">
|
||||||
<button alt="Search">
|
<button alt="Clear search">
|
||||||
<i class="bi bi-search" id="search-icon" ></i>
|
<i class="bi bi-x" id="search-clear" ></i>
|
||||||
</button>
|
</button>
|
||||||
<button alt="Clear search">
|
</input>
|
||||||
<i class="bi bi-x" id="search-clear" ></i>
|
|
||||||
</button>
|
|
||||||
</div>
|
</div>
|
||||||
<div id="versionSelector">
|
<div id="versionSelector">
|
||||||
<div id="stupidcontainer">
|
<div id="containerhell">
|
||||||
<button id="stupid">1.8</button>
|
<div id="stupidcontainer">
|
||||||
<div id="stupidbackgroundbox"></div>
|
<button id="stupid">1.8</button>
|
||||||
</div>
|
<div id="stupidbackgroundbox"></div>
|
||||||
<div id="dumbcontainer">
|
</div>
|
||||||
<button id="dumb">1.5.2</button>
|
<div id="dumbcontainer">
|
||||||
<div id="dumbbackgroundbox"></div>
|
<button id="dumb">1.5.2</button>
|
||||||
|
<div id="dumbbackgroundbox"></div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="gamescontainer">
|
<div id="gamescontainer">
|
||||||
|
Loading…
x
Reference in New Issue
Block a user