voussoir/ycdl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Copy some common css from Etiquette.

Browse source
This commit is contained in:
voussoir 2020-08-10 20:55:23 -07:00
parent 0bbab4ae2c
commit e90254cfeb
1 changed files with 47 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
frontends/ycdl_flask/static/css/common.css
View file

@ -1,3 +1,9 @@
:root
{
--color_3d_shadow: rgba(0, 0, 0, 0.5);
--color_3d_highlight: rgba(255, 255, 255, 0.5);
}
body
{
display: flex;
@ -34,3 +40,44 @@ body
display: flex;
flex-direction: row;
}
button,
button *
{
color: black;
}
button:disabled
{
background-color: #cccccc !important;
}
button
{
border-top: 2px solid var(--color_3d_highlight);
border-left: 2px solid var(--color_3d_highlight);
border-right: 2px solid var(--color_3d_shadow);
border-bottom: 2px solid var(--color_3d_shadow);
}
button:active
{
border-top: 2px solid var(--color_3d_shadow);
border-left: 2px solid var(--color_3d_shadow);
border-right: 2px solid var(--color_3d_highlight);
border-bottom: 2px solid var(--color_3d_highlight);
}
.gray_button
{
background-color: #cccccc;
}
.green_button
{
background-color: #6df16f;
}
.red_button
{
background-color: #ff4949;
}
.yellow_button
{
background-color: #ffea57;
}