git.roojs.org Git - roojs1/blob - old-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 > .dropdown-menu {
  20   top: 0;
  21   left: 100%;
  22   margin-top: -6px;
  23   margin-left: -1px;
  24   -webkit-border-radius: 0 6px 6px 6px;
  25      -moz-border-radius: 0 6px 6px 6px;
  26           border-radius: 0 6px 6px 6px;
  27 }
  28
  29 .dropdown-submenu:hover > .dropdown-menu {
  30   display: block;
  31 }
  32
  33 .dropup .dropdown-submenu > .dropdown-menu {
  34   top: auto;
  35   bottom: 0;
  36   margin-top: 0;
  37   margin-bottom: -2px;
  38   -webkit-border-radius: 5px 5px 5px 0;
  39      -moz-border-radius: 5px 5px 5px 0;
  40           border-radius: 5px 5px 5px 0;
  41 }
  42
  43 .dropup .dropdown-menu {
  44     -webkit-animation-name: inherit;
  45 }
  46
  47 .dropdown-submenu > a:after {
  48   display: block;
  49   float: right;
  50   width: 0;
  51   height: 0;
  52   margin-top: 5px;
  53   margin-right: -10px;
  54   border-color: transparent;
  55   border-left-color: #cccccc;
  56   border-style: solid;
  57   border-width: 5px 0 5px 5px;
  58   content: " ";
  59 }
  60
  61 .dropdown-submenu:hover > a:after {
  62   border-left-color: #ffffff;
  63 }
  64
  65 .dropdown-submenu.pull-left {
  66   float: none !important;
  67 }
  68
  69 .dropdown-submenu.pull-left > .dropdown-menu {
  70   left: 0;
  71   margin-left: 1px;
  72   -webkit-border-radius: 6px 0 6px 6px;
  73      -moz-border-radius: 6px 0 6px 6px;
  74           border-radius: 6px 0 6px 6px;
  75 }
  76
  77 .dropdown-button > i {
  78     margin-right: 5px;
  79 }
  80
  81 li.dropdown-toggle i.glyphicon + span {
  82     margin-left: 5px;
  83 }
  84
  85 li.dropdown-toggle span + i.glyphicon {
  86     margin-left: 5px;
  87 }
  88
  89 li.dropdown-menu-item i.fa + span {
  90     margin-left: 5px;
  91 }