afb-client/bower_components/tether/docs/welcome/css/browser-demo.css

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