GithubMirrors/cardconjurer
1
0
Fork 1
mirror of https://github.com/Investigamer/cardconjurer.git synced 2025-07-28 05:41:55 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Update styles.css

Browse Source
This commit is contained in:
Kyle
2019-10-29 08:16:10 -07:00
parent 78f8c95a8c
commit 62b449145a
1 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
data/site/styles.css
View File

@@ -39,11 +39,10 @@
--shifting-color-1: #00c300; --shifting-color-1: #00c300;
--shifting-color-1-light: #c8ff64; --shifting-color-1-light: #c8ff64;
--light-color: #eee; --light-color: #eee;
--clear-tab: #fff2;
--clear-selected: #fff6;
--dark-color: #333; --dark-color: #333;
--clear-light: #0001; --clear-light: #fff2;
--clear-dark: #0003; --clear-mid: #fff4;
--clear-dark: #fff6;
} }
footer { footer {
background-color: var(--dark-color); background-color: var(--dark-color);
@@ -196,7 +195,7 @@ footer a:hover {
color: black; color: black;
font-size: 2em; font-size: 2em;
text-align: center; text-align: center;
margin: 3em 0px; margin-bottom: 3em;
} }
.layer { /*:nth-child(even)*/ .layer { /*:nth-child(even)*/
background-color: var(--light-color); background-color: var(--light-color);
@@ -286,7 +285,6 @@ footer a:hover {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(6.5em, 1fr)); grid-template-columns: repeat(auto-fit, minmax(6.5em, 1fr));
grid-auto-rows: min-content; grid-auto-rows: min-content;
cursor: pointer;
} }
.tab.tabSelect { .tab.tabSelect {
grid-template-columns: repeat(auto-fit, minmax(8em, 1fr)); grid-template-columns: repeat(auto-fit, minmax(8em, 1fr));
@@ -296,13 +294,16 @@ footer a:hover {
} }
.tabButton { .tabButton {
text-align: center; text-align: center;
background: var(--clear-tab); background: var(--clear-light);
border: 1px solid var(--light-color); border: 1px solid var(--light-color);
font: 1.2em belerenbsc; font: 1.2em belerenbsc;
padding: 0.1em 0em; padding: 0.1em 0em;
} }
.tabButton:hover {
background-color: var(--clear-mid);
}
.tabButton.activeTab { .tabButton.activeTab {
background: var(--clear-selected); background: var(--clear-dark);
text-decoration: underline; text-decoration: underline;
text-decoration-color: var(--shifting-color-1-light) text-decoration-color: var(--shifting-color-1-light)
} }
@@ -318,15 +319,15 @@ footer a:hover {
font: 1.5em belerenbsc; font: 1.5em belerenbsc;
} }
.truncate { .truncate {
/* width: 100%;*/
/* outline: 1px solid green;*/
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
text-indent: 0em; text-indent: 0em;
} }
.tab, button, select, option {
cursor: pointer;
}