mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2025-02-07 23:44:55 +08:00
114 lines
2.1 KiB
SCSS
114 lines
2.1 KiB
SCSS
@import 'constants';
|
|
@import "mixins";
|
|
|
|
|
|
#reset-tutorial-btn {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.btn-primary {
|
|
background-color: $color-theme-secondary;
|
|
border-color: darken($color-theme-secondary, 5%);
|
|
|
|
&.active,
|
|
&.focus,
|
|
&.active.focus {
|
|
background-color: darken($color-theme-secondary, 20%);
|
|
border-color: darken($color-theme-secondary, 25%);
|
|
|
|
&:hover {
|
|
background-color: darken($color-theme-secondary, 25%);
|
|
border-color: darken($color-theme-secondary, 30%);
|
|
}
|
|
}
|
|
|
|
&:active,
|
|
&:focus,
|
|
&:active:focus,
|
|
&:active:hover,
|
|
&:focus:hover,
|
|
&:active:focus:hover {
|
|
background-color: darken($color-theme-secondary, 20%);
|
|
border-color: darken($color-theme-secondary, 25%);
|
|
}
|
|
|
|
&:hover {
|
|
background-color: darken($color-theme-secondary, 5%);
|
|
border-color: darken($color-theme-secondary, 10%);
|
|
}
|
|
}
|
|
.btn-link-alt {
|
|
border-radius: 4px;
|
|
cursor: pointer;
|
|
margin-right: 5px;
|
|
padding: 3px;
|
|
}
|
|
|
|
.btn-invis-file {
|
|
display: none;
|
|
opacity: 0;
|
|
position: absolute;
|
|
z-index: -1;
|
|
}
|
|
|
|
.btn-open-file {
|
|
position: relative;
|
|
overflow: hidden;
|
|
|
|
& > input[type=file] {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
min-width: 100%;
|
|
min-height: 100%;
|
|
font-size: 100px;
|
|
text-align: right;
|
|
filter: alpha(opacity=0);
|
|
opacity: 0;
|
|
outline: none;
|
|
background: white;
|
|
cursor: inherit;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
/** Add users modal */
|
|
.btn-group-existing-users {
|
|
width: 100%;
|
|
|
|
label.btn {
|
|
text-align: center;
|
|
|
|
&.btn-title {
|
|
color: $color-white;
|
|
cursor: inherit;
|
|
background-color: $color-theme-primary;
|
|
|
|
&:focus, &:active, &:hover {
|
|
box-shadow: none;
|
|
background-color: $color-theme-primary;
|
|
border-color: $color-dark-gray;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.btn-greyed {
|
|
background-color: $color-silver-chalice;
|
|
border-color: $color-silver-chalice;
|
|
color: $color-white;
|
|
|
|
&:hover,
|
|
&:focus {
|
|
background-color: darken($color-silver-chalice, 15%);
|
|
border-color: darken($color-silver-chalice, 15%);
|
|
color: $color-white;
|
|
}
|
|
}
|
|
|
|
/* Sample group color picker */
|
|
.btn-group-sample-group-color {
|
|
.btn-group > .btn {
|
|
border-radius: 0 !important;
|
|
}
|
|
}
|