| 1 | html, body {
|
| 2 | height: 100%;
|
| 3 | overflow: hidden;
|
| 4 | font-family: "proxima-nova", sans-serif; }
|
| 5 |
|
| 6 | .tether.tether-theme-arrows-dark .tether-content {
|
| 7 | -webkit-filter: none;
|
| 8 | filter: none;
|
| 9 | background: #000; }
|
| 10 | .tether.tether-theme-arrows-dark .tether-content ul {
|
| 11 | color: #fff;
|
| 12 | list-style: none;
|
| 13 | padding: 0;
|
| 14 | margin: 0; }
|
| 15 |
|
| 16 | .tether.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before {
|
| 17 | border-right-color: #000; }
|
| 18 |
|
| 19 | .browser-demo {
|
| 20 | position: absolute;
|
| 21 | top: 0;
|
| 22 | left: 0;
|
| 23 | bottom: 0;
|
| 24 | right: 0; }
|
| 25 | .browser-demo *, .browser-demo *:after, .browser-demo *:before {
|
| 26 | box-sizing: border-box; }
|
| 27 | .browser-demo .top {
|
| 28 | position: absolute;
|
| 29 | height: 60px;
|
| 30 | padding: 20px;
|
| 31 | line-height: 40px;
|
| 32 | width: 100%;
|
| 33 | border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
|
| 34 | .browser-demo .bottom {
|
| 35 | position: absolute;
|
| 36 | top: 60px;
|
| 37 | bottom: 0;
|
| 38 | width: 100%; }
|
| 39 | .browser-demo .bottom .left {
|
| 40 | border-right: 1px solid rgba(0, 0, 0, 0.1);
|
| 41 | position: absolute;
|
| 42 | width: 30%;
|
| 43 | height: 100%;
|
| 44 | overflow: auto; }
|
| 45 | .browser-demo .bottom .left .item {
|
| 46 | height: 64px;
|
| 47 | border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
| 48 | cursor: pointer; }
|
| 49 | .browser-demo .bottom .left .item:hover, .browser-demo .bottom .left .item.tether-open {
|
| 50 | background: rgba(0, 0, 0, 0.1);
|
| 51 | border-bottom: 1px solid transparent; }
|
| 52 | .browser-demo .bottom .left .item:last-child {
|
| 53 | border-bottom: 0; }
|
| 54 | .browser-demo .bottom .right {
|
| 55 | position: absolute;
|
| 56 | width: 70%;
|
| 57 | right: 0;
|
| 58 | height: 100%;
|
| 59 | padding: 20px; }
|
| 60 | .browser-demo .title {
|
| 61 | display: inline-block;
|
| 62 | vertical-align: middle;
|
| 63 | *vertical-align: auto;
|
| 64 | *zoom: 1;
|
| 65 | *display: inline;
|
| 66 | background: rgba(0, 0, 0, 0.1);
|
| 67 | width: 150px;
|
| 68 | height: 15px;
|
| 69 | margin-bottom: 20px; }
|
| 70 | .browser-demo .word {
|
| 71 | display: inline-block;
|
| 72 | vertical-align: middle;
|
| 73 | *vertical-align: auto;
|
| 74 | *zoom: 1;
|
| 75 | *display: inline;
|
| 76 | background: rgba(0, 0, 0, 0.1);
|
| 77 | width: 50px;
|
| 78 | height: 8px;
|
| 79 | margin-right: 5px;
|
| 80 | margin-bottom: 5px; }
|
| 81 | .browser-demo .word:nth-last-child(4n+1) {
|
| 82 | width: 73px; }
|
| 83 | .browser-demo .word:nth-last-child(10n+1) {
|
| 84 | width: 14px; }
|
| 85 | .browser-demo .word:nth-last-child(9n+1) {
|
| 86 | width: 80px; }
|