mirror of
https://github.com/Eugeny/tabby.git
synced 2025-07-19 09:59:54 +00:00
.
This commit is contained in:
Eugene Pankov
@@ -1,541 +0,0 @@
|
||||
@import (less, reference) "../../../node_modules/font-awesome/css/font-awesome.css";
|
||||
|
||||
|
||||
.glyphicon:extend(.fa all) {
|
||||
&.glyphicon-chevron-right:extend(.fa-chevron-right all) {};
|
||||
&.glyphicon-chevron-left:extend(.fa-chevron-left all) {};
|
||||
&.glyphicon-chevron-up:extend(.fa-chevron-up all) {};
|
||||
&.glyphicon-chevron-down:extend(.fa-chevron-down all) {};
|
||||
}
|
||||
|
||||
h4 {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
color: #EFEAB1;
|
||||
transition: opacity 0.125s, background 0.125s, color0.125s ;
|
||||
|
||||
&:hover {
|
||||
color: #FFF79A;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.block-element {
|
||||
display: block;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.btn {
|
||||
border: none !important;
|
||||
box-shadow: 0 1px 1px rgba(0,0,0,.125);
|
||||
|
||||
&:active {
|
||||
outline: 5px auto @brand-info;
|
||||
}
|
||||
|
||||
&:active,
|
||||
&.active {
|
||||
.box-shadow(@control-shadow-active);
|
||||
}
|
||||
|
||||
-webkit-transition: all 0.125s ease-out;
|
||||
-moz-transition: all 0.125s ease-out;
|
||||
-ms-transition: all 0.125s ease-out;
|
||||
-o-transition: all 0.125s ease-out;
|
||||
transition: all 0.125s ease-out;
|
||||
|
||||
&[disabled] {
|
||||
cursor: default !important;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-ink {
|
||||
background: transparent !important;
|
||||
box-shadow: none;
|
||||
|
||||
&.btn-danger {
|
||||
color: #FF4832;
|
||||
}
|
||||
|
||||
&.btn-xs {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-toolbar {
|
||||
margin: 0;
|
||||
|
||||
.btn, .btn-group, [uib-dropdown] {
|
||||
float: none;
|
||||
}
|
||||
|
||||
> .btn-group > * {
|
||||
float: left;
|
||||
}
|
||||
|
||||
> .btn, > .btn-group, > [uib-dropdown] {
|
||||
margin: 0 5px 5px 0px;
|
||||
vertical-align: top;
|
||||
|
||||
> .btn {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: @screen-xs-max) {
|
||||
.btn-toolbar-collapsible {
|
||||
.btn {
|
||||
font-size: 0;
|
||||
|
||||
.fa::before, .caret {
|
||||
font-size: @font-size-base;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[uib-dropdown] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
[uib-dropdown-menu], .dropdown-menu {
|
||||
.box-shadow(@control-dropdown-shadow);
|
||||
top: 25px;
|
||||
|
||||
> li > * {
|
||||
display: block;
|
||||
padding: 5px 20px;
|
||||
clear: both;
|
||||
font-weight: normal;
|
||||
line-height: @line-height-base;
|
||||
color: @dropdown-link-color;
|
||||
white-space: nowrap;
|
||||
|
||||
&[disabled] {
|
||||
color: #888;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
> li.disabled a {
|
||||
color: #666;
|
||||
&:hover {
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
[uib-dropdown-menu] > .active > * {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
color: @dropdown-link-active-color;
|
||||
text-decoration: none;
|
||||
outline: 0;
|
||||
background-color: @dropdown-link-active-bg;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.form-control {
|
||||
border: none;
|
||||
|
||||
&[checkbox] {
|
||||
border: none;
|
||||
background: transparent;
|
||||
display: inline-block;
|
||||
margin: @padding-base-vertical 0 0;
|
||||
}
|
||||
|
||||
border-radius: 0;
|
||||
.box-shadow(~"0 1px 1px rgba(0, 0, 0, 0.51)");
|
||||
|
||||
&:focus {
|
||||
.box-shadow(~"0 1px 1px rgba(0, 0, 0, 0.51)");
|
||||
}
|
||||
|
||||
.transition(0.25s background);
|
||||
|
||||
&::-webkit-input-placeholder {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
.input-group {
|
||||
.box-shadow(~"0 1px 1px rgba(0, 0, 0, 0.51)");
|
||||
.form-control {
|
||||
.box-shadow(none);
|
||||
}
|
||||
}
|
||||
|
||||
.input-group-addon {
|
||||
border: none;
|
||||
padding: 6px 8px;
|
||||
}
|
||||
|
||||
@media (min-width: @screen-sm-min) {
|
||||
.control-label {
|
||||
font-size: 12px;
|
||||
padding-top: 10px;
|
||||
font-weight: normal;
|
||||
}
|
||||
}
|
||||
|
||||
.form-group .control-label {
|
||||
font-size: 12px;
|
||||
padding-top: 10px;
|
||||
font-weight: bold;
|
||||
color: #777;
|
||||
}
|
||||
|
||||
label.form-control-static {
|
||||
font-size: inherit;
|
||||
}
|
||||
|
||||
.input-group {
|
||||
width: 100%;
|
||||
|
||||
*:focus + .input-group-addon,
|
||||
*:focus + .input-group-btn {
|
||||
//border-bottom: 1px solid @brand-primary;
|
||||
}
|
||||
|
||||
.input-group-addon, .input-group-btn {
|
||||
border: none;
|
||||
|
||||
&.input-sm {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
text-decoration: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: 76%;
|
||||
position: relative;
|
||||
padding: 5px 4px 4px;
|
||||
}
|
||||
|
||||
.list-group {
|
||||
.box-shadow(@control-shadow);
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
border: none;
|
||||
border-top: 1px solid @list-group-line-border;
|
||||
cursor: default;
|
||||
|
||||
&:first-child {
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
&.active {
|
||||
color: #f7e61d;
|
||||
border-right: 2px solid #f7e61d;
|
||||
}
|
||||
}
|
||||
|
||||
.list-group-item.combi {
|
||||
padding: 0;
|
||||
clear: both;
|
||||
|
||||
tr& {
|
||||
a.main, .btn {
|
||||
display: table-cell !important;
|
||||
}
|
||||
}
|
||||
|
||||
& > .main {
|
||||
display: block;
|
||||
|
||||
h4 {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
pre {
|
||||
background: transparent;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
video-thumbnail, asset-thumbnail {
|
||||
margin-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
& > a.main {
|
||||
cursor: pointer;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
& > a.main, & > a.btn, & > button, & > [uib-dropdown] > button {
|
||||
&:hover,
|
||||
&:focus {
|
||||
text-decoration: none;
|
||||
color: @list-group-link-hover-color;
|
||||
background-color: @list-group-hover-bg;
|
||||
}
|
||||
}
|
||||
|
||||
& > a.btn, & > button, & > [uib-dropdown] > button {
|
||||
background-color: @list-group-bg;
|
||||
position: relative; // more z-index
|
||||
z-index: 2;
|
||||
display: block;
|
||||
float: right;
|
||||
border: none;
|
||||
margin: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
& > .drag-handle {
|
||||
float: left;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
&.single > .main {
|
||||
height: 40px;
|
||||
line-height: 39px;
|
||||
padding: 0 15px;
|
||||
|
||||
[checkbox] {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.label-lg {
|
||||
top: 7px;
|
||||
}
|
||||
}
|
||||
|
||||
&.double > .main {
|
||||
height: 68px;
|
||||
line-height: 25px;
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
&.single {
|
||||
a.btn, button, .drag-handle {
|
||||
padding: 10px 12px;
|
||||
}
|
||||
}
|
||||
|
||||
&.double {
|
||||
a.btn, button, .drag-handle {
|
||||
padding: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.form-control-focus(@color: @input-border-focus) {
|
||||
@color-rgba: rgba(red(@color), green(@color), blue(@color), .3);
|
||||
}
|
||||
|
||||
.modal {
|
||||
background-color: rgba(0,0,0,.5);
|
||||
position: fixed !important;
|
||||
|
||||
|
||||
.modal-dialog {
|
||||
margin: 0 auto;
|
||||
top: 50px;
|
||||
|
||||
.modal-content {
|
||||
background-color: @body-bg;
|
||||
|
||||
|
||||
.modal-body {
|
||||
max-height: 80vh;
|
||||
overflow-y: auto;
|
||||
padding: 25px 15px;
|
||||
-webkit-app-region: no-drag;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
border-top: 1px solid #222;
|
||||
padding: 0;
|
||||
-webkit-app-region: no-drag;
|
||||
|
||||
.btn.btn-default {
|
||||
background: @input-bg;
|
||||
border: none !important;
|
||||
cursor: pointer;
|
||||
box-shadow: none !important;
|
||||
padding: 10px;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0,0,0,.25);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: rgba(0,0,0,.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal-backdrop {
|
||||
background: rgba(0,0,0,.25);
|
||||
}
|
||||
|
||||
|
||||
.navbar-fixed-top {
|
||||
border-width: 0 0 2px;
|
||||
height: 52px;
|
||||
}
|
||||
|
||||
.navbar-form {
|
||||
box-shadow: none !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.nav-tabs-justified,
|
||||
.nav-tabs {
|
||||
border-bottom: 1px solid @nav-tabs-border-color;
|
||||
|
||||
> li {
|
||||
> a {
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0;
|
||||
color: @text-color;
|
||||
&:hover {
|
||||
background-color: @nav-tabs-active-link-hover-bg;
|
||||
border-bottom: 1px solid @nav-tabs-border-color;
|
||||
}
|
||||
}
|
||||
|
||||
// Active state, and its :hover to override normal :hover
|
||||
&.active > a {
|
||||
&,
|
||||
&:hover,
|
||||
&:focus {
|
||||
border-radius: 0;
|
||||
border: 1px solid transparent;
|
||||
border-bottom: 1px solid @nav-tabs-active-link-hover-border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nav-justified {
|
||||
> li {
|
||||
display: table-cell;
|
||||
width: 1%;
|
||||
> a {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.popover-content {
|
||||
//padding: 0;
|
||||
}
|
||||
|
||||
.progress {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
|
||||
table {
|
||||
background: transparent;
|
||||
|
||||
td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.table-condensed {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.table {
|
||||
background: @table-bg;
|
||||
.box-shadow(@control-shadow);
|
||||
&.no-margin {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
> thead,
|
||||
> tbody,
|
||||
> tfoot {
|
||||
> tr {
|
||||
background-color: transparent;
|
||||
> th,
|
||||
> td {
|
||||
border-top: 1px solid @table-line-border-color;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
th, td {
|
||||
border-top: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
> thead > tr > th {
|
||||
border-bottom: 2px solid @table-line-border-color;
|
||||
}
|
||||
}
|
||||
|
||||
.table-bordered {
|
||||
> thead,
|
||||
> tbody,
|
||||
> tfoot {
|
||||
> tr {
|
||||
> th,
|
||||
> td {
|
||||
border: 1px solid @table-line-border-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.help-block {
|
||||
color: darken(@text-color, 10%);
|
||||
}
|
||||
|
||||
|
||||
.label {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
|
||||
.datepicker-dropdown {
|
||||
&.datepicker-orient-top:before {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
&.datepicker-orient-top:after {
|
||||
border-bottom: 7px solid @dropdown-bg !important;
|
||||
}
|
||||
|
||||
&.datepicker-orient-bottom:after {
|
||||
border-top: 7px solid @dropdown-bg !important;
|
||||
}
|
||||
|
||||
table tr td.day:hover {
|
||||
background: #555 !important;
|
||||
}
|
||||
|
||||
table tr td.active {
|
||||
background: @brand-primary !important;
|
||||
color: #222 !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user