mirrors/CyberChef
1
0
Fork 0
mirror of https://github.com/gchq/CyberChef.git synced 2025-04-26 17:56:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Updated buttons, fonts and collapse

Browse source
This commit is contained in:
n1474335 2018-03-02 16:30:20 +00:00
parent 5a7bb092c7
commit bcc8804495
8 changed files with 44 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/web/stylesheets/layout/_controls.css
View file

@ -7,7 +7,7 @@
*/
:root {
--controls-height: 120px;
--controls-height: 130px;
--controls-division: 65%;
}

6
src/web/stylesheets/themes/_classic.css
View file

@ -8,12 +8,14 @@
:root,
:root.classic {
--primary-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
--primary-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
Roboto, "Helvetica Neue", Arial, sans-serif;
--primary-font-colour: #333;
--primary-font-size: 14px;
--primary-line-height: 20px;
--fixed-width-font-family: "Consolas", monospace;
--fixed-width-font-family: SFMono-Regular, Menlo, Monaco, Consolas,
"Liberation Mono", "Courier New", monospace;
--fixed-width-font-colour: inherit;
--fixed-width-font-size: inherit;

18
src/web/stylesheets/utils/_overrides.css
View file

@ -13,30 +13,30 @@ a:focus {
outline: none;
}
.btn-default {
.btn-secondary {
color: var(--btn-default-font-colour);
background-color: var(--btn-default-bg-colour);
border-color: var(--btn-default-border-colour);
}
.btn-default:hover,
.btn-default:active,
.btn-default:hover:active,
.open>.dropdown-toggle.btn-default {
.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:hover:active,
.open>.dropdown-toggle.btn-secondary {
color: var(--btn-default-hover-font-colour);
background-color: var(--btn-default-hover-bg-colour);
border-color: var(--btn-default-hover-border-colour);
}
.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover,
.open>.dropdown-toggle.btn-default:focus {
.btn-secondary:focus,
.open>.dropdown-toggle.btn-secondary:hover,
.open>.dropdown-toggle.btn-secondary:focus {
color: var(--btn-default-font-colour);
background-color: var(--btn-default-bg-colour);
border-color: var(--btn-default-hover-border-colour);
}
.btn-default[disabled]:hover {
.btn-secondary[disabled]:hover {
background-color: var(--primary-background-colour);
border-color: var(--primary-border-colour);
}