web-apps/test/spreadsheeteditor/main/resources/less/application.less
2021-09-15 03:40:16 +03:00

56 lines
1.5 KiB
Plaintext

// Common styles
@import "../../../../common/main/resources/less/common.less";
// Worksheets
// -------------------------
.viewer {
display: flex;
flex-direction: column;
.sdk-view {
position: relative;
flex-grow: 1;
}
ul.worksheet-list {
flex-grow: 0;
flex-shrink: 0;
margin: 0;
padding: 0 9px;
border-top: 1px solid #5A5A5A;
border-bottom: 1px solid #BABABA;
#gradient > .vertical(#B6B6B6, #CACACA);
box-shadow: 0 4px 4px -4px #333 inset;
li {
float: left;
cursor: pointer;
list-style: none;
margin: 0 2px 2px 3px;
padding: 0 13px;
color: #FFFFFF;
#gradient > .vertical(#9A9A9A, #828282);
box-shadow: 0 4px 4px -4px #333 inset;
-webkit-border-bottom-right-radius: 4px;
// -moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
// -moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
border-bottom: 1px solid #929292;
border-top-color: transparent;
&.active {
margin-top: -1px;
padding: 0 12px;
border: 1px solid #929292;
border-top-color: transparent;
background: #DDDDDD;
color: #000;
box-shadow: none;
}
}
}
}