Difference between revisions of "Team:Dundee/style.css"

Line 595: Line 595:
  
 
/** submenu test **/
 
/** submenu test **/
.dropdown-menu > li > a:hover,
 
.dropdown-menu > li > a:focus,
 
.dropdown-submenu:hover > a,
 
.dropdown-submenu:focus > a {
 
  color: #ffffff;
 
  text-decoration: none;
 
  background-color: #1fa500;
 
 
}
 
 
 
.dropdown-submenu {
 
.dropdown-submenu {
  position: relative;
+
    position:relative;
 
}
 
}
 
+
.dropdown-submenu>.dropdown-menu {
.dropdown-submenu > .dropdown-menu {
+
    top:0;
  top: 0;
+
    left:100%;
  left: 100%;
+
    margin-top:-6px;
  margin-top: -6px;
+
    margin-left:-1px;
  margin-left: -1px;
+
    -webkit-border-radius:0 6px 6px 6px;
  -webkit-border-radius: 0 6px 6px 6px;
+
    -moz-border-radius:0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
+
    border-radius:0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
+
 
}
 
}
 
+
.dropdown-submenu:active>.dropdown-menu {
.dropdown-submenu:hover > .dropdown-menu {
+
    display:block;
  display: block;
+
}.dropdown-submenu:hover>.dropdown-menu {
 +
    display:block;
 
}
 
}
 
+
.dropdown-submenu>a:after {
.dropdown-submenu > a:after {
+
    display:block;
  display: block;
+
    content:" ";
  float: right;
+
    float:right;
  width: 0;
+
    width:0;
  height: 0;
+
    height:0;
  margin-top: 5px;
+
    border-color:transparent;
  margin-right: -10px;
+
    border-style:solid;
  border-color: transparent;
+
    border-width:5px 0 5px 5px;
  border-left-color: #cccccc;
+
    border-left-color:#cccccc;
  border-style: solid;
+
    margin-top:5px;
  border-width: 5px 0 5px 5px;
+
    margin-right:-10px;
  content: " ";
+
}
 +
.dropdown-submenu:hover>a:after {
 +
    border-left-color:#ffffff;
 +
}
 +
.dropdown-submenu.pull-left {
 +
    float:none;
 +
}
 +
.dropdown-submenu.pull-left>.dropdown-menu {
 +
    left:-100%;
 +
    margin-left:10px;
 +
    -webkit-border-radius:6px 0 6px 6px;
 +
    -moz-border-radius:6px 0 6px 6px;
 +
    border-radius:6px 0 6px 6px;
 
}
 
}
  
.dropdown-submenu:hover > a:after {
 
  border-left-color: #ffffff;
 
}
 
  
 
</style>
 
</style>
 
</html>
 
</html>

Revision as of 08:55, 11 August 2015