2021-09-05 21:20:13 +00:00
|
|
|
// Common styles
|
2021-09-13 17:10:12 +00:00
|
|
|
@import "../../../../common/main/resources/less/common.less";
|
2021-09-05 21:20:13 +00:00
|
|
|
|
|
|
|
// 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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|