@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 Commission for Protection of Child Rights (KeSCPCR) - Government of Kerala, India Kerala State Commission for Protection of Child Rights (KeSCPCR) Page Kerala State Commission for Protection of Child Rights (KeSCPCR)
Kerala State Commission for Protection of Child Rights
Chairperson Kerala State Commission for Protection of Child Rights Sri Ganesh TC- 14/2036 Vanross Junction Near Bakery Junction University P.O. Thiruvananthapuram- 695 034
Phone : 0471-2326603/04/05
E-Mail: childrights.cpcr@kerala.gov.in Chairperson +91-471-2325602 Secretary +91-471-2326603 Website www.kescpcr.kerala.gov.in
The Kerala State Commission for Protection of Child Rights (KeSCPCR) started functioning in June 2013 as a statutory body under the Commissions for Protection of Child Rights Act, 2005 (Central Act 4 of 2006) [CPCR Act] and the Kerala State Commission for Protection of Child Rights Rules, 2012. The Commission's objective is to protect, promote and defend child rights in the State. For more information, visit: www.kescpcr.kerala.gov.in