Saudi Arabia Flag
Official government website affiliated with the government of the Kingdom of Saudi Arabia
How to verify Arrow Down
Link Icon
Official Saudi government website links end with gov.sa

All official educational website links in the Kingdom of Saudi Arabia end with sch.sa or edu.sa

Password Icon
Government websites use HTTPS protocol for encryption and security.

Secure websites in the Kingdom of Saudi Arabia use HTTPS protocol for encryption.

صفحات الأقسام

Posted in 2015-04-13
Share on various social platforms

/* CSS for Vice Deanships*/
body {
background:#eee;
margin:0;
padding:0;
}
.myres {
-webkit-flex: 1;
-ms-flex: 1;
-moz-flex: 1;
-o-flex: 1;
flex: 1;
}
/* main menu styles */
#nav {
display:inline-block;
width:100%;
height:45px;
margin:0px auto;
padding:0;
background:#423614 url(../images/bg.png) repeat-x 0 -110px;

/*border-radius:20px; /*some css3*/
-moz-border-radius:20px;
-webkit-border-radius:20px;*/
box-shadow:0 2px 2px rgba(0,0,0, .5);
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);
}
#nav li {
margin:9px;/*change space between tabs*/
float:left;
position:relative;
list-style:none;
}
#nav a {
font-weight:bold;
font-size:12px;
color:#e7e5e5;
text-decoration:none;
display:block;
padding:8px 4px;

/*border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;*/
text-shadow:0 2px 2px rgba(0,0,0, .7);
}

/* selected menu element */
#nav .current a, #nav li:hover > a {
background:#A48A3F url(../images/bg.png) repeat-x 0 -20px;
color:#000;
border-top:1px solid #f8f8f8;

box-shadow:0 2px 2px rgba(0,0,0, .7); /*some css3*/
-moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}

/* sublevels */
#nav ul li:hover a, #nav li:hover li a {
background:none;
border:none;
color:#000;
right:0;
}
#nav ul li a:hover {
background:#7788aa url(../images/bg.png) repeat-x 0 -100px;
color:#fff;

/*border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;*/
text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
/*-moz-border-radius-topleft:10px; /*some css3*/
-moz-border-radius-topright:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:10px;*/
}
#nav ul li:last-child > a {
/* -moz-border-radius-bottomleft:10px; /*some css3*/
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;*/
}

/* drop down */
#nav li:hover > ul {
opacity:1;
visibility:visible;
}
#nav ul {
opacity:0;
visibility:hidden;
padding:0;
width:175px;
position:absolute;
background:#CCCCCC url(../images/bg.png) repeat-x 0 0;
border:1px solid #7788aa;

/* border-radius:10px; /*some css3*/
-moz-border-radius:10px;
-webkit-border-radius:10px;*/
box-shadow:0 2px 2px rgba(0,0,0, .5);
-moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
-webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

-moz-transition:opacity .25s linear, visibility .1s linear .1s;
-webkit-transition:opacity .25s linear, visibility .1s linear .1s;
-o-transition:opacity .25s linear, visibility .1s linear .1s;
transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
float:none;
margin:0;
}
#nav ul a {
font-weight:normal;
text-shadow:0 2px 2px rgba(255,255,255, 0.7);
}
#nav ul ul {
left:160px;
top:0px;
}

 

 

 

Share your opinion and contribute to improvement.