.myres {
-webkit-flex: 1;
-ms-flex: 1;
-moz-flex: 1;
-o-flex: 1;
flex: 1;
}
.nav,.nav ul {
list-style:none;
margin:0;
padding:0;
}
.nav {
position:static;
width: 100%;
}
.nav ul {
top:auto;
padding: 0;
margin: 0;
background: #fff;
}
.nav li {
float: left;
position: relative;
width:158px;
}
.nav li a {
-moz-transition:3.0s;
-ms-transition:3.0s;
-o-transition:3.0s;
-webkit-transition:3.0s;
/*background-color:#7770B4;*/
background-color:#A48A3F;
/*border:1px solid #6E67A6;*/
border:1px solid #957E39;
color:#FFF;
display:block;
font-size:12px;
font-weight:bold;
line-height:auto;
padding:8px 8px;
text-decoration:none;
/*transition:0.5s;*/
text-align:center;
}
.nav li:hover > a {
background:#8CCA33;
border-color:#6E67A6;
color:#fff;
}
.nav ul li a:hover {
background:#8CCA33;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}
.nav li:hover ul{
height: auto;
width:100%;
}
.nav ul ul ul li a:hover {
background:#CC690E;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
}
.nav ul ul ul li a {
background:#8CCA33;
background-image: -webkit-gradient(linear, 0% 0%, 0% 95%, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -ms-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
background-image: -o-linear-gradient(-90deg,rgba(255,255,255,0.5),rgba(255,255,25,0));
font-size:10px;
text-align:left;
}
.nav ul ul li a {
font-size:10px;
text-align:left;
width:200px;
}
.nav ul ul {
position: absolute;
/*left: 0;*/
right:21px;
top: 100%;
display: none;
}
.nav ul ul ul {
/* left: 100%; */
left: 200px;
top: 0;
background: blue;
}
.nav li:hover > ul {
display: block;
}
كلية العلوم الطبية التطبيقية
