git.roojs.org Git - web.Reddit/blob - css-bootstrap/dropdown.css

   1 .dropdown-submenu:hover > a,
   2 .dropdown-submenu:focus > a {
   3   color: #ffffff;
   4   text-decoration: none;
   5   background-color: #0081c2;
   6   background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
   7   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
   8   background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
   9   background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  10   background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  11   background-repeat: repeat-x;
  12   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
  13 }
  14
  15 .dropdown-submenu {
  16   position: relative;
  17 }
  18
  19 .dropdown-submenu:hover > .dropdown-menu {
  20   display: block;
  21 }
  22
  23 .dropup .dropdown-submenu > .dropdown-menu {
  24   top: auto;
  25   bottom: 0;
  26   margin-top: 0;
  27   margin-bottom: -2px;
  28   -webkit-border-radius: 5px 5px 5px 0;
  29      -moz-border-radius: 5px 5px 5px 0;
  30           border-radius: 5px 5px 5px 0;
  31 }
  32
  33 .dropup .dropdown-menu {
  34     -webkit-animation-name: inherit;
  35 }
  36
  37 .dropdown-submenu > a:after {
  38   display: block;
  39   float: right;
  40   width: 0;
  41   height: 0;
  42   margin-top: 5px;
  43   margin-right: -10px;
  44   border-color: transparent;
  45   border-left-color: #cccccc;
  46   border-style: solid;
  47   border-width: 5px 0 5px 5px;
  48   content: " ";
  49 }
  50
  51 .dropdown-submenu:hover > a:after {
  52   border-left-color: #ffffff;
  53 }
  54
  55 .dropdown-submenu.pull-left {
  56   float: none !important;
  57 }
  58
  59 .dropdown-submenu.pull-left > .dropdown-menu {
  60   left: 0;
  61   margin-left: 1px;
  62   -webkit-border-radius: 6px 0 6px 6px;
  63      -moz-border-radius: 6px 0 6px 6px;
  64           border-radius: 6px 0 6px 6px;
  65 }
  66
  67 .dropdown-button > i {
  68     margin-right: 10px;
  69 }