1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586 |
- html, body {
- height: 100%;
- overflow: hidden;
- font-family: "proxima-nova", sans-serif; }
- .tether.tether-theme-arrows-dark .tether-content {
- -webkit-filter: none;
- filter: none;
- background: #000; }
- .tether.tether-theme-arrows-dark .tether-content ul {
- color: #fff;
- list-style: none;
- padding: 0;
- margin: 0; }
- .tether.tether-theme-arrows-dark.tether-element-attached-top.tether-element-attached-left.tether-target-attached-right .tether-content:before {
- border-right-color: #000; }
- .browser-demo {
- position: absolute;
- top: 0;
- left: 0;
- bottom: 0;
- right: 0; }
- .browser-demo *, .browser-demo *:after, .browser-demo *:before {
- box-sizing: border-box; }
- .browser-demo .top {
- position: absolute;
- height: 60px;
- padding: 20px;
- line-height: 40px;
- width: 100%;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
- .browser-demo .bottom {
- position: absolute;
- top: 60px;
- bottom: 0;
- width: 100%; }
- .browser-demo .bottom .left {
- border-right: 1px solid rgba(0, 0, 0, 0.1);
- position: absolute;
- width: 30%;
- height: 100%;
- overflow: auto; }
- .browser-demo .bottom .left .item {
- height: 64px;
- border-bottom: 1px solid rgba(0, 0, 0, 0.1);
- cursor: pointer; }
- .browser-demo .bottom .left .item:hover, .browser-demo .bottom .left .item.tether-open {
- background: rgba(0, 0, 0, 0.1);
- border-bottom: 1px solid transparent; }
- .browser-demo .bottom .left .item:last-child {
- border-bottom: 0; }
- .browser-demo .bottom .right {
- position: absolute;
- width: 70%;
- right: 0;
- height: 100%;
- padding: 20px; }
- .browser-demo .title {
- display: inline-block;
- vertical-align: middle;
- *vertical-align: auto;
- *zoom: 1;
- *display: inline;
- background: rgba(0, 0, 0, 0.1);
- width: 150px;
- height: 15px;
- margin-bottom: 20px; }
- .browser-demo .word {
- display: inline-block;
- vertical-align: middle;
- *vertical-align: auto;
- *zoom: 1;
- *display: inline;
- background: rgba(0, 0, 0, 0.1);
- width: 50px;
- height: 8px;
- margin-right: 5px;
- margin-bottom: 5px; }
- .browser-demo .word:nth-last-child(4n+1) {
- width: 73px; }
- .browser-demo .word:nth-last-child(10n+1) {
- width: 14px; }
- .browser-demo .word:nth-last-child(9n+1) {
- width: 80px; }
|