afm-client/bower_components/tether/examples/facebook/facebook.css

   1 .drop-target.drop-open {
   2     outline: 2px solid;
   3 }
   4
   5 .body {
   6     position: relative;
   7     margin-right: 300px;
   8 }
   9
  10 .page {
  11     max-width: 100%;
  12     width: 1080px;
  13     padding: 0 10px;
  14     box-sizing: border-box;
  15     margin: 0 auto;
  16 }
  17
  18 .navigation {
  19     background: blue;
  20     color: #fff;
  21     margin-right: 300px;
  22     margin-bottom: 30px;
  23 }
  24
  25 .navigation .item a {
  26     padding: 30px 20px;
  27     display: inline-block;
  28 }
  29
  30 .navigation .item a {
  31     color: inherit;
  32 }
  33
  34 .navigation .drop-target.drop-open {
  35     background: #fff;
  36     color: blue;
  37     outline: none;
  38 }
  39
  40 .right-sidebar {
  41     position: fixed;
  42     height: 50%;
  43     width: 300px;
  44     background: #eee;
  45     overflow: auto;
  46     right: 0;
  47 }
  48
  49 .right-sidebar .drop-target.drop-open {
  50     background: blue;
  51     color: #fff;
  52     outline: none;
  53 }
  54
  55 .right-sidebar .item a {
  56     display: block;
  57     padding: 20px;
  58     margin-bottom: 10px;
  59     background: rgba(0, 0, 0, .1);
  60 }
  61
  62 .right-sidebar-top {
  63     top: 0;
  64 }
  65
  66 .right-sidebar-bottom {
  67     top: 50%;
  68     background: #ccc;
  69 }
  70
  71 .scroll-container {
  72     position: relative;
  73     overflow: auto;
  74     background: #eee;
  75     padding: 20px;
  76     margin-bottom: 20px;
  77     margin-right: 20px;
  78     height: 200px;
  79     width: 200px;
  80 }
  81
  82 .absolute-container {
  83     position: absolute;
  84     top: 20px;
  85     right: 300px;
  86 }