56 lines
1.5 KiB
Plaintext
56 lines
1.5 KiB
Plaintext
|
// Common styles
|
||
|
@import "../../../../unit-tests/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;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|