Toggle grayscale mode

Test1

#ahsantext{
min-height:50px;
text-indent:1px;
font-size: 14px;
color:#314318;
line-height:160%;
font-family:Arial;
background-image: url(/sites/default/files/logoartsmalllight.png);
background-repeat: no-repeat;
background-position: right bottom;
height:100%;
}
* { margin: 0; padding: 0; line-height: 1; }
.primary1 { background-color: #red; color: #6c6c6c; font: normal 62.5% Helvetica, Arial, sans-serif; }
h1 { margin: 0 0 20px; color: #333; font: normal 3.6em/1.44 Georgia, "Times New Roman", serif; }
h2 { margin: 0 0 20px; color: #363636; font: normal 2.2em/1.36 Georgia, "Times New Roman", serif; }
h3 { margin: 0 0 20px; font: 1.8em/1.36 Georgia, "Times New Roman", serif; }
h4 { color: #363636; font: bold 1.0em/1.8 Helvetica,Arial,sans-serif; margin-bottom: 11px; text-transform: uppercase; }
h5 { color: #A61D31; font: bold 1.0em/1.8 Helvetica,Arial,sans-serif; margin-bottom: 11px; text-transform: uppercase; }
h6 { color: #8c8179; font: bold 1.0em/1.8 Helvetica,Arial,sans-serif; margin-bottom: 11px; text-transform: uppercase; }
.main h4 { color: #6c6c6c; }
.alpha { margin-bottom: 11px; color: #363636; font: bold 1.2em Helvetica, Arial, sans-serif; text-transform: uppercase; }
p, ul, dl, ol, blockquote, table { margin: 0 0 1.5em; }
li { font-size: 1.2em; }
.main li, .sub li { line-height: 1.3; }
table { border-collapse: collapse; }
th { text-align: left; }
a { color: #3b7ab8; }
a:hover, a:focus { color: #2d3754; }
.listing { list-style-type: none; }
.listing p { overflow: hidden; }

.streamer { display: table; margin-bottom: 28px; border-bottom: 1px solid #c3c3c3; }

.streamer .heading { vertical-align: top; display: table-cell; position: relative; width: 150px; padding: 16px; border-top: 3px solid #4384c4;
background: #35405f; /* Old browsers */
background: -moz-linear-gradient(top, #35405f 0%, #222b47 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35405f), color-stop(100%,#222b47)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #35405f 0%,#222b47 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #35405f 0%,#222b47 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #35405f 0%,#222b47 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35405F', endColorstr='#222B47',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #35405f 0%,#222b47 100%); /* W3C */ }
.streamer .heading h2 { color: #fff; font: 1.6em Georgia, "Times New Roman", serif; }
.streamer .heading strong { display: block; font-size: 1.25em; font-weight: normal; text-transform: uppercase; }
.action-footer .streamer .heading strong { font-size: 1.125em; }
.streamer .heading .more a { background: url(../../a/screen/mrkr-more-heading.gif) no-repeat right 0; color: #fff; font-size: .8em; padding-right: 13px; }
.streamer .heading .more a:hover, .streamer .heading .more a:focus { background-position: right -50px; text-decoration: none; }
.action-footer .streamer .slider { height:230px; overflow:hidden; }

.streamer .listing { float: left; margin-bottom: 0px; background: #f3f3f1 url(../../a/screen/bg-streamer-4.gif) repeat-y 0 0; background: rgba(243,243,241,.7) url(../../a/screen/bg-streamer-4.gif) repeat-y 0 0;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset; }
.streamer .listing li { float: left; width: 210px; margin-right: 0px; padding: 21px 30px; border-top: 1px solid #c3c3c3; height: 99px; }
.streamer .listing h3 { margin-bottom: 10px; font: bold 1.44em/1.38 Helvetica, Arial, sans-serif}
.streamer .listing h3 a { color: #293352; text-decoration: none; }
.streamer .listing h3 a:hover, .streamer .listing h3 a:focus { text-decoration: underline; }
.streamer .data { line-height: 1.9; font-weight: normal; text-transform: none; font-size: 1.0em; }
.streamer .data1 { color: #fff; line-height: 1.9; text-transform: none; font-size: 1.2em; }
.expandable h2 { margin-bottom: 15px; color: #6c6c6c; font: 600 1.2em Helvetica, Arial, sans-serif; text-transform: uppercase; }
.expandable .listing { padding-left: 12px; background: url(../../a/screen/bg-expandable.gif) 0 bottom no-repeat; }
.expandable .listing .topper { left: -13px; margin: -26px 0 18px; border: 0; }
.layout-b .expandable .listing img.topper { max-width: 221px; }
.layout-a .expandable .listing { position: relative; background: url(../../a/screen/bg-expandable-home.png) 0 bottom no-repeat; }
.expandable h3 { margin-bottom: 0.7em; font: 1.5em/1.22 Georgia, "Times New Roman", serif; }
.layout-a .expandable h3 { font: 1.8em/1.36 Georgia, "Times New Roman", serif; }
.section .topper { position: relative; left: -23px; margin: -20px 0 18px; }
.sub .section .topper { left: -15px; margin: -25px 0 18px; }
#home_content .data { margin-bottom: 0; color: #b5b5b5; font-weight: bold; font-size: 0.9em; text-transform: uppercase; }
.data { margin-bottom: 0; color: #b5b5b5; font-weight: bold; font-size: 0.8em; text-transform: uppercase; }
#main-nav ul a:hover, #main-nav ul a:focus { background: #a61d31; color:#fff; }
.header-nav { clear: right; float: right; margin: 0; border-left: 1px solid #ddd; }
.header-nav li a { display: block; border-right: 1px solid #ddd; color: #6c6c6c; /*a9a9a9;*/ font-weight: bold; text-transform: uppercase; }
.pager li { list-style: none; padding: 3px; font-size: 1.4em; font-weight: bold; float: left; display: inline-block; margin-right: 4px; }
table {
border: 0px solid #BEBFB9;
font-size: 0.923em;
margin: 0 0 10px;
width: 100%;
}
table caption {}
table td, table th {
border: 0 none;
padding: 8px 20px;
vertical-align: middle;
line-height: 1.4em;
}
table tr{background: none repeat scroll 0 0 #FFFFFF;
border-color: #BEBFB9;
border-style: solid;
border-width: 0 0px;
}
tr.even, tr.odd {
background: none repeat scroll 0 0 #F3F3F1;
border-color: #BEBFB9;
border-style: solid;
border-width: 0 0px;
}
table th {
background: none repeat scroll 0 0 #fff;
border-color: #BEBFB9;
border-style: solid;
border-width: 0px 0 1px 0;
font-weight: normal;
padding: 3px 10px;
text-transform: uppercase;
}
#ahsan{width:100%; font-size:14px; font-family: arial,helvetica,sans-serif;"}

Overview

Sun., October 10, 2015

    div.ccis h2{
    background-image:url(/sites/default/files/h2lightlineright.png);
    background-repeat:no-repeat;
    background-position:left;
    min-width:300px;
    min-height:50px;
    text-indent:30px;
    font-size: 20px;
    font-family: 'Droid Arabic Kufi', serif;
    font-weight:normal;
    color:#722E00;
    text-shadow: -1px 1px #967241;
    margin-bottom:10px;
    padding-top:4px;
    }

    .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%;

    }

    .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;
    }

    .grow {
    margin-right:15px;
    width:1px;
    height:1px;
    transition: all .2s ease-in-out; }
    li:hover .grow { transform: scale(30); }

     

    Vision

    The vision of the Computer Science Department is to provide recognized academic program that meets international standards in field of computer science in order to prepare well trained, qualified and national professionals in this field.

     

     

    Mission

     

    Prepare qualified national graduates with high skills and enough experience to join and engage into labor market and satisfy its needs and requirements in field of computer science by providing the graduates with latest knowledge, advanced skills, and strong moral values towards working and contributing to develop, serve, and educate the society of the kingdom of Saudi Arabia in all scientific, economic, and social fields.

     

    Program Objectives

     

    The main objectives are to ensure that students graduate with:

       Robust problem-solving skills.

       Substantial knowledge of a broad class of problem-solving techniques(e.g.;this includes Algorithms, heuristics,and design techniques)

       Substantial understanding of the fundamentals of Computer Science.

       Ability to clearly communicate technical concepts both orally and in writing.

       Ability to readily work with other disciplines.

       Appropriate, occasional innovation of our curriculum so it incorporates ever-changing Computer Science technology.