@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; } }
Kerala State Youth Commission - Government of Kerala, India Kerala State Youth Commission Page Kerala State Youth Commission
Kerala State Youth Commission
Kerala State Youth Commission
Vikas Bhavan
Thiruvananthapuram Kerala- 695 033
E-mail: keralayouthcommission@gmail.com
Telephone
Phone: 0471-2308630 Fax: 0471-2308530
Website
www.ksyc.kerala.gov.in
Kerala State Youth Commission is formed for the purpose of evolving and implementing programs for educating and empowering the youths and to function as a protector of their rights. The youth of the country has immense potential and if channelized properly, this will bring excellent result in achieving the goal set for the welfare of the country. It is needless to point that the youth of the state is facing immense problems which also requires immediate attention. It is needed to create increasing opportunities to the youth to develop their personality, their functional capacity and also to preserve their legitimate rights, avoiding any possible exploitation. The Kerala State Youth Commission is a quasi-judicial institution started functioning through ordinance promulgated by government. Steps are being taken to replaced the ordinance through enactment of legislature.