برنامج علوم الحاسب

.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%;
direction: rtl;
}
.bg
{
width:auto;
height:auto;
font-size:16px;
font-family: Verdana, Geneva, sans-serif;
/*color:#145D8E;*/
color:#000000;
padding: 60px 14px;
text-align:justify;
line-height:1.5;
}
.nav ul {
top:auto;
padding: 0;
margin: 0;
background: #fff;
}
.nav li {
float: left;
position: relative;
width:262px;
}
.nav li a {
font-family: "Pathway Gothic One",sans-serif;
line-height: 40px;
/**-moz-transition:3.0s;
-ms-transition:3.0s;
-o-transition:3.0s;
-webkit-transition:3.0s;**/
/*background-color:#7770B4;*/
/**background-color:#A48A3F;**/
background-image:url(/sites/default/files/a.png);
color:#63511C;
/*border:1px solid #6E67A6;*/
/**border:1px solid #957E39;**/
display:block;
font-size:18px;
font-weight:bold;
line-height:auto;
padding:4px 0px;
text-decoration:none;
/*transition:0.5s;*/
text-align:center;
}
.nav .limain a {
line-height: 20px;
/**-moz-transition:3.0s;
-ms-transition:3.0s;
-o-transition:3.0s;
-webkit-transition:3.0s;**/
/*background-color:#7770B4;*/
/**background-color:#A48A3F;**/
background-color:#191919;
/*border:1px solid #6E67A6;*/
/**border:1px solid #957E39;**/
color:#d6d6d6;
display:block;
font-size:17px;
font-weight:bold;
line-height:auto;
padding:8px 8px;
text-decoration:none;
/*transition:0.5s;*/
text-align:left;
}
.nav li:hover > a {
/*background:#8CCA33;*/
/*border-color:#6E67A6;*/
color:#fff;
}
.nav ul li a:hover {
/*background:#8CCA33;*/
background: #750000;
color:#ffffff;
/*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:12px;
text-align:left;
line-height:auto;
width:100%;
}
.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;
}
.imgaa {
position: absolute;
left: 0px;
opacity:.4;
top: 0px;
height: 1000px;
z-index: -10;
}
.vision{
font-family: "Pathway Gothic One",sans-serif;
font-size:22px;
border-radius: 8px;
background-color:#750000;
color:#fff;
text-align:center;
padding: 5px 13px;
}