@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url('/KeralaLatest-theme/docroot/css/font-icon/fonts/Open Sans.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } * { font-family: 'Open Sans', Arial, Helvetica, sans-serif; } body { background: #555; } header { position: relative; width: 100%; background: #333; } .mobDisp{ display:none; } .navButton { margin-top:3px; } .navMal{ font-size:10px!important; } MobNav a{ color:white!important; } MobNav a:hover, MobNav a:focus{ color:white!important; } .navSearch select{ display:none!important; } .navSearch input[type="image"]{ display:none!important; } .navSearch input[type="text"]{ width: 210px!important; box-sizing: border-box; border: 1px solid white; font-size: 16px; background-color: rgba(255,255,255,0.1); background-image: url('https://sso.kerala.gov.in/Kerala/images/kerala/search.svg'); background-position: 5px 2px; background-size: 22px; background-repeat: no-repeat; padding: 5px 15px 5px 30px; } .navSearchMob select{ display:none!important; } .navSearchMob input[type="image"]{ display:none!important; } .navSearchMob input[type="text"]{ width: 210px!important; margin-right:3px!important; box-sizing: border-box; border: 1px solid white; font-size: 16px; background-color: rgba(255,255,255,0.1); background-image: url('https://sso.kerala.gov.in/Kerala/images/kerala/search.svg'); background-position: 5px 2px; background-size: 22px; background-repeat: no-repeat; padding: 4px 15px 5px 30px; } #scroll-top { display : none; } .scroll-img { height : 38px; box-shadow: 0 5px 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 5px 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 5px 6px rgba(0,0,0,0.3); -o-box-shadow: 0 5px 6px rgba(0,0,0,0.3); border-radius: 100px; position: fixed; bottom: 10%; right: 10px; } .logo { position: relative; z-index: 123; padding: 10px; font: 18px verdana; color: #6DDB07; float: left; width: 15% } .logo a { color: #6DDB07; } nav { position: relative; margin: 0 auto; z-index: 2; } .headerNavs { top: 50%; width: 40%; right: 2%; position: absolute; } .menu-title { position: absolute; top: 42px; width: 100%; left: 0; } .iconImg { display: block!important; width: 100%!important; height: 50px!important; } .aboutImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .gvtImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .serviceImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .missionImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .peopleImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .businessImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .tourismImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .schemesImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } .contactUsImg { height: 100%; width: auto; margin-left: auto; margin-right: auto; display: block; } #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { border: 0; list-style: none; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; } #cssmenu:after, #cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } #cssmenu #head-mobile { display: none } #cssmenu { z-index: 9; height: 65px; } #cssmenu > ul > li { float: left; width: 11.1%!important; position: relative; } #cssmenu > ul > li > a { text-align: center; padding: 1% 15% 1% 15%!important; width: 100%; text-decoration: none; color: #fff; } #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: #fff!important; font-weight: 900; } #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { -webkit-transition: background .3s ease; -ms-transition: background .3s ease; transition: background .3s ease; } #cssmenu > ul > li.has-sub > a:after { position: absolute; top: 17px; right: 7px; width: 8px; height: 2px; display: none; background: #2166a1; content: '' } #cssmenu > ul > li.has-sub > a:before { position: absolute; top: 14px; right: 10px; display: none; width: 2px; height: 8px; background: #2166a1; content: ''; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; transition: all .25s ease } #cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0 } #cssmenu ul ul { position: absolute; left: -9999px } #cssmenu ul ul li { height: 0; -webkit-transition: all .25s ease; -ms-transition: all .25s ease; background: #fff; border-bottom: 2px solid #daf0fb; transition: all .25s ease } #cssmenu ul ul li:hover { background: #e1effb; } #cssmenu li:hover > ul { left: auto; padding-top: 8%; } #cssmenu li:hover > ul > li { height: auto; } #cssmenu ul ul ul { margin-left: 100%; top: 0 } #cssmenu ul ul li a { border-bottom: 1px solid rgba(150, 150, 150, 0.15); padding: 5px 9px; width: 200px; font-size: 13.5px; text-decoration: none; color: #000; font-weight: 400; } #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a { border-bottom: 0 } #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover { color: #607D8B; } #cssmenu ul ul li.has-sub > a:after { position: absolute; top: 8px; right: 11px; width: 8px; color: #2166a1; font-weight: bold; height: 2px; display: block; font-size: 16px; content: '\203A'; } #cssmenu ul ul li.has-sub > a:after:hover { transform: rotate(45deg); -webkit-transform: rotate(45deg); } #cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0 } #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover { background: #e1effb; } #cssmenu ul ul ul li.active a { border-left: 1px solid #333 } #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active> a { border-top: 1px solid #333 } .MobNav { display: none; } .profile-dropdown { position: relative; display: inline-block; padding-bottom: 16px; margin-left: 65px; right: 51px; top: 2px; } .dropdown-content { display: none; position: absolute; top:28px; right:0px; background-color: #f9f9f9; min-width: 150px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { padding: 12px 16px; text-decoration: none; display: block; } .user-name, .dropdown-content a { color: #2166a1; font-weight: 600; font-size: 15px; } .userIcon { display: inline; font-size: 16px; top: 2px; position: relative; padding-left: 5px; } .dropdown-content a:hover {background-color: #f1f1f1} .profile-dropdown:hover .dropdown-content { display: block; } .profile-dropdown:hover #cssmenu { z-index : 0; } @media screen and (max-width: 768px) { .mobDisp{ display:block; } .letterSize{ color:white!important; } .letterSize:hover{ color:white!important; } .MobNav { display: block!important; } .menu-title { position: inherit; top: 0; } .dropdown-content{ min-width:104px; } #cssmenu > ul > li { width: 100%!important; } #cssmenu > ul > li > a { text-align: left; margin-top: 0%!important; } #cssmenu > ul > li > a { padding: 1% 15% 3% 15%!important; } #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: #ead882!important; } .logo { position: absolute; top: 0; left: 0; width: 100%; height: 46px; text-align: center; padding: 10px 0 0 0; float: none } .iconImg { display: none!important; } .logo2 { display: none } nav { width: 100%; } #cssmenu { width: 100%; height: auto; } #cssmenu ul { width: 100%; display: none } #cssmenu ul li { width: 100%; border-top: 1px solid #fff; } #cssmenu ul li:hover { background: #2166a1; } #cssmenu li:hover > ul { padding-top: 0!important; } #cssmenu ul ul li, #cssmenu li:hover > ul > li { height: auto } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0 } #cssmenu > ul > li { float: none } #cssmenu ul ul li a { padding-left: 25px; padding: 3px 19px; } #cssmenu ul ul li { background: #fff!important; } #cssmenu ul ul li:hover { background: #e1effb!important; } #cssmenu ul ul ul li a { padding-left: 35px } #cssmenu ul ul li a { color: #000; background: none } #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a { color: #000; } #cssmenu ul ul, #cssmenu ul ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left } #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before { display: none } #cssmenu #head-mobile { display: block; padding: 23px; color: #ddd; font-size: 12px; font-weight: 700 } .button { width: 55px; height: 46px; position: absolute; right: 0; top: 0; cursor: pointer; z-index: 12399994; } .button:after { position: absolute; top: 22px; right: 20px; display: block; height: 4px; width: 20px; border-top: 2px solid #dddddd; border-bottom: 2px solid #dddddd; content: '' } .button:before { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; position: absolute; top: 16px; right: 20px; display: block; height: 2px; width: 20px; background: #ddd; content: '' } .button.menu-opened:after { -webkit-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; top: 21px; border: 0; height: 2px; width: 19px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .button.menu-opened:before { top: 22px; background: #fff; width: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #daf0fb; height: 39px; width: 34px; cursor: pointer } #cssmenu .submenu-button.submenu-opened { background: #184d79; } #cssmenu ul ul .submenu-button { height: 34px; width: 34px } #cssmenu .submenu-button:after { position: absolute; top: 15px; right: 13px; width: 8px; height: 2px; display: block; background: #607d8b; content: '' } #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px } #cssmenu .submenu-button.submenu-opened:after { background: #fff; } #cssmenu .submenu-button:before { position: absolute; top: 12px; right: 16px; display: block; width: 2px; height: 8px; background: #607d8b; content: '' } #cssmenu ul ul .submenu-button:before { top: 12px; right: 16px } #cssmenu .submenu-button.submenu-opened:before { display: none } #cssmenu ul ul ul li.active a { border-left: none } #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a { border-top: none } .container-column, .portlet-column { background-color: #fff; display: block !important; width: 100% !important; .container-column-content, .portlet-column-content { padding: 15px !important; } } .responsive-hidden { display: none !important; } .responsive-only { display: block !important; } .ksitmLogo { width: 45px!important; } .footerRow { width: 100%!important; } .footerCol0 { margin-top: 2%!important; width: 41%!important; } .footerCol1 { margin-top: 2%!important; width: 41%!important; } .footerCol2 { margin-top: 2%!important; width: 100%!important; text-align: center!important; } .footerCol3 { margin-top: 2%; width: 100%!important; text-align: center!important; } .footerCol4 { margin-top: 2%!important; width: 100%!important; text-align: center!important; } .iconset { width: 100%!important; text-align: center!important; margin-top: 1%!important; } .headerNavs { display: none!important; } .MobNav { display: block!important; padding-left: 0%!important; } .SearchNav { display: block!important; } .engheader { height: 75px!important; } .navSearchMob .aui-field-content { width: 120px!important; } .navSearchMob input[type="text"] { width: 120px!important; height:17px!important; margin-right:3px; } .accessibility-icons { display: none!important; } .user-name, .dropdown-content a { font-size: 12px; } .profile-dropdown { right: 7px; top : 0px; } .accessibilityDiv { margin-top: 0; } .navTabInfoMob { padding: 1px 1px 1px 1px!important; background: transparent !important; color: #ffffff !important; font-size:14px!important; } .navTabServicesMob { padding: 1px 1px 1px 1px !important; background: transparent !important; color: #ffffff !important; font-size:14px!important; } .mobLang{ font-size:12px!important; color:white!important; } .mobLangMal{ font-size:10px!important; color:white!important; } .mobLang a{ color:white!important; } .mobLang a{ color:white!important; } mobLang a:hover, mobLang a:focus{ color:white!important; } mobLangMal a:hover, mobLangMal a:focus{ color:white!important; } .navSearch { position: absolute; margin-left: 35%!important; margin-top: 0%!important; } .navLogin { margin-left: 76%!important; margin-top: 0.25%!important; font-size: 13px!important; border-right: 0px!important; padding: 0px 3px 0px 0px!important; text-decoration: none!important; } .navSearchMob{ display: inline; float: right!important; } } .fixedMenuCss { position: fixed; top: 0; width: 90.5%; } #wrapper { margin: 0 auto; max-width: 960px; min-width: 320px; width: 960px; } .container-column, .portlet-column { display: table-cell; .container-column-content, .portlet-column-content { padding: 0 10px; } .container-column-content-first, .portlet-column-content-first { padding-left: 0; } .container-column-content-last, .portlet-column-content-last { padding-right: 0; } .container-column-content-only, .portlet-column-content-only { padding: 0; } } .responsive #wrapper { width: 100%; } .responsive-only { display: none !important; } @media screen and (max-width: 1130px) and (min-width: 900px) { #cssmenu li:hover > ul { padding-top: 15%!important; } .mobDisp{ display:none; } } @media screen and (max-width: 900px) and (min-width: 768px) { .iconImg { display: none !important; } .menu-title { top: 7px !important; font-weight: 600; } #cssmenu { height: 45px; } .main-menu-ul { padding-top: 0 !important; top: 33px; } #cssmenu > ul > li { height: 40px; } .mobDisp{ display:none; } } @media screen and (max-width: 1130px) { #keywords { font-size: 14px!important; height: 21px!important; background-position: 5px 3px !important; background-size: 17px !important; padding: 0px 0px 0px 25px !important; } .navSearch input[type="text"]{ font-size: 14px!important; height: 21px!important; background-position: 5px 3px !important; background-size: 17px !important; padding: 0px 0px 0px 25px !important; } .navSearchMob input[type="text"]{ font-size: 14px!important; height: 21px!important; background-position: 5px 3px !important; background-size: 17px !important; padding: 0px 0px 0px 25px !important; } .mobDisp{ display:none; } } @media screen and (max-width: 1130px) and (min-width: 768px) { .navLogin { border-right: 1px solid #2196f3!important; margin-top: 0.65%!important; } .menu-title { top: 33px; } .iconImg { height: 45px!important; } .aboutImg, .gvtImg, .serviceImg, .missionImg, .peopleImg, .businessImg, .tourismImg, .schemesImg, .contactUsImg { width: 50% !important; } #cssmenu > ul > li > a { font-size: 10.5px!important; } .engheader { height: 100px!important; } .headerNavs { display: none!important; } .MobNav { padding-left: 26%!important; display: block!important; } .SearchNav { display: block!important; } .navSearch { } .navSearchMob .aui-field-content { width: 200px!important; } .navSearchMob input[type="text"]{ width: 200px!important; } .accessibilityDiv { margin-top: 0.5%!important; } .mobDisp{ display:none; } } @media screen and (max-width: 410px) { .navSearchMob{ display: inline; float: none!important; } .navSearchMob .aui-field-content { width: 220px!important; } .navSearchMob input[type="text"]{ width: 220px!important; } } @media screen and (max-width: 321px) { .navSearchMob{ display: inline; float: none!important; } .mobDisp{ display:block; } .MobNav { padding-left: 2%!important; } .navTabInfoMob { padding: 1px 10px 1px 10px!important; font-size:12px!important; } .navTabServicesMob{ font-size:12px!important; } .mobLang{ font-size:11px!important; color:white!important; } .mobLangMal{ font-size:8px!important; color:white!important; } .mobLang a{ color:white!important; } .mobLangMal a{ color:white!important; } .navSearchMob .aui-field-content { width: 200px!important; } .navSearchMob input[type="text"]{ width: 200px!important; } } @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1600px), only screen and ( min--moz-device-pixel-ratio: 2) and (min-width: 1600px), only screen and ( -o-min-device-pixel-ratio: 2/1) and (min-width: 1600px), only screen and ( min-device-pixel-ratio: 2) and (min-width: 1600px), only screen and ( min-resolution: 192dpi) and (min-width: 1600px), only screen and ( min-resolution: 2dppx) and (min-width: 1600px) { .main-menu-ul{ padding-top: 5% !important; padding-left: 12%; } #cssmenu { height: 100px; } .menu-title { top: 66px; } .iconImg { height: 80px!important; } .navMal{ font-size:14px!important; } #cssmenu > ul { } #cssmenu > ul > li.has-sub > a { } #cssmenu > ul > li > a { font-size: 16px!important; } .engheader { height: 240px!important; } .navTabInfo { font-size: 26px!important; margin-right: 20px; text-decoration: none!important; } .navTabServices { font-size: 26px!important; text-decoration: none!important; } .navLogin { margin-top: 1%!important; font-size: 24px!important; padding: 0px 10px 0px 0px!important; text-decoration: none!important; } .accessibilityDiv { margin-top: 0.5%!important; margin-right: 1%; } .print { top: -3px; } .letterSize { font-size: 22px!important; } #keywords { width: 86%; height: 50px !important; background-position: 5px 8px !important; background-size: 32px !important; padding: 4px 15px 5px 37px !important; font-size: 18px !important; } .navSearch input[type="text"]{ width: 500px!important; height: 50px !important; background-position: 5px 8px !important; background-size: 32px !important; padding: 4px 15px 5px 37px !important; font-size: 18px !important; } .navSearchMob input[type="text"]{ width: 500px!important; height: 50px !important; background-position: 5px 8px !important; background-size: 32px !important; padding: 4px 15px 5px 37px !important; font-size: 18px !important; } .headerNavs { display: block!important; } .MobNav { display: none!important; } .SearchNav { display: none!important; } }
Digital Learning Resources - Government of Kerala, India Digital Learning Resources Page Digital Learning Resources Kerala Infrastructure and Technology for Education (KITE)
Kerala Infrastructure and Technology for Education (KITE) is a Section 8 Company formed by Govt of Kerala, to fuel ICT enabled education in over 15000 Schools in the State. KITE is the first SPV (Special Purpose Vehicle) Company of the Education Department of the State, after the Nava Kerala Mission of the State Government commenced. KITE also became the first SPV to get funded by Kerala Infrastructure And Investment Fund Board ( KIIFB ), the apex body for monitoring all the projects envisaged by the Govt. The hitherto scope of General Education Sector has now been extended further with KITE being positioned to fuel ICT support to Higher Education sector also including Arts & Science, Engineering colleges and Universities.
KITE's other activities include:
> Capacity Building for Teachers
> Capacity Building for Students
> Infrastructure upgradation
> Content Development
> E-Governance initiatives
> Satellite based Educational System