techtransthai/www.techtransthai.org
techtransthai/www.techtransthai.org
6
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Add team members page

Browse source
This commit is contained in:
Late Night Defender 2024-03-30 06:08:23 +07:00
parent 936d869234
commit 098dfb8a51
2 changed files with 99 additions and 140 deletions
Download patch file Download diff file Expand all files Collapse all files

146
style.css
View file

@ -26,25 +26,10 @@ html *
flex-direction: column;
}
.pfp {
display: flex;
justify-content: center;
align-items: center;
margin-top: 3cm;
}
.middle {
grid-area: middle;
width: 15cm;
}
.inner-grid {
display: grid;
align-items: center;
grid-template-columns: 3cm 1fr 3cm;
grid-template-areas:
'inner-left inner-middle inner-right'
}
.description {
font-size: 10pt;
@ -60,6 +45,8 @@ html *
.logo {
color: #000;
font-weight: bold;
text-decoration: none;
}
.grid-container {
@ -70,30 +57,7 @@ html *
'left middle right'
}
.button {
background-color: #EBEBEB;
color: black;
border: none;
border-radius: 8px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
font-size: 16px;
font-weight: bold;
margin: 4px 2px;
cursor: pointer;
width: 100px;
height: 35px;
transition-duration: 0.2s;
}
.button:hover {
background-color: #E0E0E0;
}
.headerbutton {
background-color: #EBEBEB;
color: black;
border: none;
border-radius: 8px;
@ -102,7 +66,6 @@ html *
text-decoration: none;
display: flex;
font-size: 16px;
font-weight: bold;
margin: 4px 2px;
padding-left: 0.3cm;
padding-right: 0.3cm;
@ -112,7 +75,7 @@ html *
}
.headerbutton:hover {
background-color: #E0E0E0;
background-color: #EBEBEB;
}
.list {
@ -149,7 +112,6 @@ html *
.topbar {
position: fixed;
width: 100%;
height: 1.2cm;
top: 0px;
left: 0px;
background-color: rgba(255, 255, 255, 1);
@ -158,42 +120,6 @@ html *
z-index: 10;
}
.backbutton {
position: absolute;
color: black;
border-radius:10px;
justify-content: center;
align-items: center;
text-decoration: none;
display: grid;
font-size: 14px;
cursor: pointer;
margin: 0.1cm;
transition-duration: 0.2s;
width: 1cm;
height: 1cm;
}
.backbutton:hover {
background-color: #DEDEDE;
}
.banner {
position: fixed;
background-color: #BFD7F3;
color: black;
width: 100%;
height: 1.2cm;
top: 0px;
left: 0px;
justify-content: center;
align-items: center;
display: flex;
font-weight: bold;
text-align: center;
}
.gtk-button-pill {
position: relative;
width: auto;
@ -217,6 +143,8 @@ html *
.logo {
color: #fff;
font-weight: bold;
text-decoration: none;
}
body {
@ -231,30 +159,7 @@ html *
'left middle right'
}
.button {
background-color: #4a4a4a;
color: #ffffff;
border: none;
border-radius: 8px;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
font-size: 16px;
font-weight: bold;
margin: 4px 2px;
cursor: pointer;
width: 100px;
height: 35px;
transition-duration: 0.2s;
}
.button:hover {
background-color: #595959;
}
.headerbutton {
background-color: #4a4a4a;
color: #ffffff;
border: none;
border-radius: 8px;
@ -263,7 +168,6 @@ html *
text-decoration: none;
display: flex;
font-size: 16px;
font-weight: bold;
margin: 4px 2px;
padding-left: 0.3cm;
padding-right: 0.3cm;
@ -273,7 +177,7 @@ html *
}
.headerbutton:hover {
background-color: #595959;
background-color: #4a4a4a;
}
.list {
@ -310,7 +214,6 @@ html *
.topbar {
position: fixed;
width: 100%;
height: 1.2cm;
top: 0px;
left: 0px;
background-color: #303030;
@ -319,43 +222,6 @@ html *
z-index: 10;
}
.backbutton {
position: absolute;
color: #ffffff;
border-radius:10px;
justify-content: center;
align-items: center;
text-decoration: none;
display: grid;
font-size: 14px;
cursor: pointer;
margin: 0.1cm;
transition-duration: 0.2s;
width: 1cm;
height: 1cm;
}
.backbutton:hover {
background-color: #3e3e3e;
}
.banner {
position: fixed;
background-color: #29415E;
color: white;
width: 100%;
height: 1.2cm;
top: 0px;
left: 0px;
justify-content: center;
align-items: center;
display: flex;
font-weight: bold;
text-align: center;
}
.gtk-button-pill {
position: relative;
width: auto;