// // OSIVIA Bootstrap extensions - Table // -------------------------------------------------- .table { .table-row { padding: @table-cell-padding; border-bottom-style: solid; border-width: 1px; border-color: @table-border-color; &.table-header { position: relative; padding-top: max(@table-cell-padding, @navbar-height - @line-height-computed - @table-cell-padding + 1); border-width: 2px; font-weight: bold; a { color: @text-color; &:hover, &:focus { color: darken(@text-color, 15%); } } .contextual-toolbar { left: 0; right: 0; z-index: -1; opacity: 0; // white-space: nowrap; &, ~ * { .transition-property(@transition-property: opacity); .transition-duration(@transition-duration: 200ms); } &.in { z-index: @zindex-navbar - 3; opacity: 1; } .navbar { margin-bottom: 0; } @media screen and (max-width: @screen-xs-max) { position: fixed; bottom: 0; .navbar { border-style: solid none none; } } @media screen and (min-width: @screen-sm-min) { position: absolute; bottom: -1px; .navbar { .border-bottom-radius(@radius: 0); } &.in { ~ * { opacity: 0; } } } @media screen and (min-width: @screen-md-min) { .container-fluid { padding: 0; } } } } &.muted { color: @accessible-gray-light; background-color: #fcfcfc; } fieldset[disabled] { opacity: 0.3; } } .row { margin-left: -@table-cell-padding; margin-right: -@table-cell-padding; [class*="col-"] { padding-left: @table-cell-padding; padding-right: @table-cell-padding; } [class*="visible-"] { margin-bottom: @padding-base-vertical; } } &.table-striped { .table-row:not(.table-header) { &:nth-child(odd) { background-color: @table-bg-accent; } } } &.table-hover { .table-row:not(.table-header) { &:hover { background-color: @table-bg-hover; } } } ul { margin-bottom: 0; } }