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

Add more generalized names "green_button", "red_button".

Browse source
This commit is contained in:
voussoir 2017-04-22 21:21:44 -07:00
parent 528302b674
commit 18bb48f681
1 changed files with 32 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
static/common.css
View file

@ -49,7 +49,9 @@ li
flex: 0 0 auto; flex: 0 0 auto;
flex-direction: row; flex-direction: row;
} }
.add_tag_button, #search_go_button #search_go_button,
.add_tag_button,
.green_button
{ {
border-top: 2px solid #c2ffc3; border-top: 2px solid #c2ffc3;
border-left: 2px solid #c2ffc3; border-left: 2px solid #c2ffc3;
@ -57,13 +59,36 @@ li
border-bottom: 2px solid #259427; border-bottom: 2px solid #259427;
background-color: #6df16f; background-color: #6df16f;
} }
.add_tag_button:active, #search_go_button:active #search_go_button:active,
.add_tag_button:active,
.green_button:active
{ {
border-top: 2px solid #259427; border-top: 2px solid #259427;
border-left: 2px solid #259427; border-left: 2px solid #259427;
border-right: 2px solid #c2ffc3; border-right: 2px solid #c2ffc3;
border-bottom: 2px solid #c2ffc3; border-bottom: 2px solid #c2ffc3;
} }
.remove_tag_button,
.remove_tag_button_perm,
.red_button
{
border-top: 2px solid #ffacac;
border-left: 2px solid #ffacac;
border-right: 2px solid #bd1b1b;
border-bottom: 2px solid #bd1b1b;
background-color: #ff4949;
}
.remove_tag_button:active,
.remove_tag_button_perm:active,
.red_button:active
{
border-top: 2px solid #bd1b1b;
border-left: 2px solid #bd1b1b;
border-right: 2px solid #ffacac;
border-bottom: 2px solid #ffacac;
}
.remove_tag_button, .remove_tag_button,
.remove_tag_button_perm .remove_tag_button_perm
{ {
@ -75,13 +100,11 @@ li
height: 14px; height: 14px;
padding: 0; padding: 0;
border-top: 2px solid #ffacac;
border-left: 2px solid #ffacac;
border-right: 2px solid #bd1b1b;
border-bottom: 2px solid #bd1b1b;
background-color: #ff4949;
} }
/*
The Remove button will be display:none by default, but is shown when the tag
is hovered over.
*/
.remove_tag_button .remove_tag_button
{ {
display: none; display: none;
@ -92,14 +115,7 @@ li
{ {
display:inline; display:inline;
} }
.remove_tag_button:active,
.remove_tag_button_perm:active
{
border-top: 2px solid #bd1b1b;
border-left: 2px solid #bd1b1b;
border-right: 2px solid #ffacac;
border-bottom: 2px solid #ffacac;
}
.photo_card_list .photo_card_list
{ {
display: flex; display: flex;