JezK
Edit File: style.css
/* CSS Document */ /* CSS Document */ @import url('https://fonts.googleapis.com/css?family=Titillium+Web'); @import url('https://fonts.googleapis.com/css?family=Noto+Serif'); @import url('https://fonts.googleapis.com/css?family=Slabo+27px'); @import url('https://fonts.googleapis.com/css?family=Text+Me+One'); body { color: #000; font-family:'Slabo 27px', serif; font-weight: normal; font-size: 16px; background-color: rgba(92, 150, 191, 0.75); padding:0px; margin:0px; } .container { padding:0px; margin:0px; max-width:100% !important; } .header { background:#003a6a; border-top:3px solid #fecd0b; height:100%; width:100%; padding-top:10px; overflow: hidden; border-bottom:3px solid #d5d5d5; } .content { width:1170px; margin:auto; z-index: 1; } .header .title { color: #FFFFFF; text-align: center; font-size: 2.0rem; background:url(images/logo.png) no-repeat 159px 7px; height: 122px; line-height: 58px; /* font-family: 'Noto Serif', serif; */ text-shadow:1px 2px 1px rgba(204, 204, 204, 0.42); letter-spacing:1px; } .header .title_aac { font-size: 1.2rem; color: #ffffff; text-transform: uppercase; font-weight: bold; display: block; text-align: center; line-height: 1.5; /* font-family: 'Noto Serif', serif; */ text-shadow:none; letter-spacing:1px; } .menu { padding: 0px; margin: 0px; background: rgba(0, 86, 157, 0.59); height: 100%; overflow: hidden; border: 1px solid #00569d; } .menu li { list-style: none; display: inline-block; float: left; margin: 0; border-right: 1px solid; /* position: relative; */ border-color: #00569d; font-size: 1.1rem; } .menu li ul { display: none; position: absolute; z-index: 100; padding: 0px; margin: 0px; background:#003a6a; } .menu li:hover ul { display:block !important; } .menu ul li { float: none !important; display: block !important; border: 1px solid #00569d; position:static; } /*.menu ul { position:absolute; left:-9999px; top:-9999px; list-style-type:none; } .menu li:hover { position:relative; } .menu li:hover ul { left:0px; top:30px; background:#5FD367; padding:0px; } .menu li:hover ul li a { padding:5px; display:block; width:168px; text-indent:15px; background-color:#5FD367; } .menu li ul li { float:none !important; }*/ .menu li a { color:#fff; text-decoration:none; display: block; padding: 15px 13px; /* text-transform: lowercase;*/ } .menu li a:hover { color:#fff; } .middle-box { /* padding-top:10px; padding-bottom:10px;*/ width:100%; } .middle-box .left { width:66%; float:left; } .middle-box .left p { padding:10px; line-height:23px; padding-top:0px; } .middle-box .right { width:31.9%; float: right; margin-left: 19px; height: auto; /* font-family: 'Noto Serif', serif;*/ } .middle-box .right span { font-size: 14px; color: #FF9900; } .middle-box .right table td h3 { font-size:14px; font-family: 'Text Me One', sans-serif; } .middle-box .right table td { padding-right:10px; } .middle-box .right table td img { padding: 6px; border: 1px solid #e2e2e2; border-radius: 5px; width: 90px; height: 100px; } .middle-box .right table { padding:0px; margin:0px; } .inner i { font-size: 11px; font-style: normal; letter-spacing: 1px; color: #a99f9f; } .inner .sub-header { font-size: 14px; color: #FF9900; font-weight: bold; letter-spacing: 1px; text-transform: capitalize; /* float:left; */} .middle-box .right table a { color: rgb(255, 108, 0); font-weight: bold; text-decoration: none; font-size: 14px; } .wh-t p a { color:orange; text-decoration:underline; } .inner table input[type="text"],.inner table input[type="password"] { padding: 10px; border: solid 1px #e2e2e2; border-radius:3px; } .inner table input[type="text"]:hover,.inner table input[type="password"]:hover, .inner table input[type="text"]:active,.inner table input[type="password"]:active { border: 1px solid rgba(85, 127, 191, 0.38); box-shadow: 1px 1px 2px #b7d5fb; } .inner form table span { color:red; } .inner form table select { padding:5px; border-radius:3px; border: solid 1px #e2e2e2; width:192px; font-family: 'Slabo 27px', serif; } .inner form table select option { font-family: 'Slabo 27px', serif; } .middle-box .right table a:hover { opacity:0.5; } .a-h { color:#FF9900; letter-spacing:1px; } .middle-box .right table div { margin-top:10px; } .middle-box .right h3 { margin:0px; padding: 10px 0px 0 0px; /* text-transform: uppercase; */ -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera < 12.1 */ animation: fadein 2s; /* font-family: 'Noto Serif', serif; font-weight:normal; */ font-size:20px; color: #0a5fab; letter-spacing:1px; } .btn { background: #3498db; background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; font-family: Arial; color: #ffffff; font-size: 14px; padding: 5px 10px; text-decoration: none; border:0px; font-weight:bold; cursor:pointer; transition: all 0.2s linear; } .btn file { width:60%; } .inner form table td { /* padding-bottom: 15px; */ font-size: 16px; font-weight: normal; } .college-profile table td { padding-bottom: 20px !important; } .inner form textarea { width:186px; border:1px solid #e2e2e2; border-radius:3px; } .top-menu a { color:#000; /* text-decoration: none; */ font-size: 14px; /* font-weight: bold;*/ text-decoration: none; } .btn:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none; } .inner fieldset legend { background: rgba(202, 231, 255, 0.18); font-size: 16px; padding: 6px 20px; font-weight: normal; letter-spacing: 1px; border-radius: 3px; color: #225f8e; border: 1px solid rgba(157, 201, 236, 0.4); font-weight: bold; } .inner fieldset { border: 1px solid #e2e2e2; border-radius: 3px; margin-bottom: 30px; padding: 20px; width: 90%; margin: auto; margin-top: 20px; } .left .wh-t { background:#fff; margin-bottom:20px; padding:5px; text-align:justify; /* font-family: 'Noto Serif', serif; */} .left .wh-t h3 { position: relative; -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera < 12.1 */ animation: fadein 2s; /* font-family: 'Noto Serif', serif; */ font-weight:normal; padding-left:10px; color: #0a5fab; font-size: 20px; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } .wh-r { background: #fff; margin-bottom: 20px; padding: 10px 15px; } .wh-r ul { padding:0px; margin:0px; } .wh-r ul li { padding:10px 0px; border-bottom:1px dashed #e2e2e2; list-style:none; } .wh-r ul li a { text-decoration:none; color:#000; font-size:14px; } .wh-r ul li a:hover { letter-spacing:0.5px; color:#FF6600; transition-delay:1s; } .middle-box .left img { width:100%; } .footer { padding:0px; margin:0px; bottom:0px; background-color: #004884; border-color: #d5d5d5; padding-top: 20px; padding-bottom: 30px; border-top: 4px solid; width:100%; color: #6b90ad; text-align:center; line-height:25PX; position: relative; display: flex; justify-content: space-around; } .inner { min-height:592px; max-height:100%; background:#fff; padding:40px; width: 1170px !important; /* font-size: 13px; */} .inner H2 { border-top: 2px solid rgba(92, 150, 191, 0.75); width: 1041px; margin: auto; border-bottom: 1px solid rgba(92, 150, 191, 0.47); padding: 10px; font-size: 16px; font-weight: bold; font-family: arial; margin-top:20px; margin-bottom: 30px; } .inner p { font-size: 16px; line-height: 27px; text-align: justify; text-indent: 50px; padding:10px; font-family:'Slabo 27px', serif; } .inner ul { padding:0px; margin:0px; padding-left: 40px; } .inner ul li { list-style: none; line-height: 30px; background: url(images/arrow.png) no-repeat 7px 0px; padding-left: 47px; font-family:'Slabo 27px', serif; font-size:16px } .inner ul li a { text-decoration:none; color:#666666; font-family: 'Slabo 27px', serif; font-size: 16px; } .inner ul li a:hover { letter-spacing:1px; color:#FF6600; text-decoration:underline; } .profile img { border-radius: 78px !important; padding: 5px !important; } .profile div { color: #ff8100; /* font-weight: bold; */ text-align: left; letter-spacing: 1px; font-style: italic; font-size: 15px; float: left; width: 257px; } .contact { width: 300px; padding: 10px; border: 0px solid #e2e2e2; right: 0px; line-height: 25px; font-size: 18px; letter-spacing:1px; text-align:left; } .profile th { /*background: rgba(202, 231, 255, 0.18);*/ padding: 10px 20px; font-weight: normal; letter-spacing: 1px; border-radius: 3px; color: #003a6a; /*font-weight:bold;*/ text-align:left; font-size: 16px; /* border: 1px solid rgba(157, 201, 236, 0.4); */ } .sub-title { width: 100% !important; text-align: center !important; float:none !important; color:rgb(255, 108, 0)!important; //border:solid 1px green; } .col-title { text-align: right; color: rgb(215, 35, 5); font-size: 19px; text-shadow: 1px 1px 1px rgb(248, 181, 116); padding-right: 57px; margin-bottom: 20px; } /*.profile tr:nth-child(even){background-color: #f2f2f2}*/ .contact b { padding-left:10px; } .inner h3 { font-size: 18px; text-transform: capitalize; padding: 0px 10px; text-decoration: underline; color: #0a5fab; font-weight: normal; } .inner table img { padding:10px; border:1px solid #e2e2e2; border-radius:3px; } .inner table img:hover { opacity:0.5; } .inner table h4 { font-size: 18px; text-transform: CAPITALIZE; color: #0a5fab; } .inner table td { /* padding-right:20px; padding-bottom:20px; */} .inner .right-text { font-size:14px; /*color:#FF9900; */font-weight:bold; padding-left:10px; text-align: right; text-transform: capitalize; color: #0a5fab; width: auto; float: right; } .inner table p { margin:0px; } marquee { padding: 5px 0px; background: #fff; border-left: 5px solid #fecd0b; margin-top: 5px; color: #ce185b; margin-bottom: 5px; letter-spacing: 1px; font-size: 14px;} .middle-box .right ul li span, .inner li span { padding: 0px 7px; background: #8ab5d6; color: #fdfdfd; margin-right: 10px; border: 1px solid #5da4da; } .inner-page { border:1px solid #e2e2e2; border-collapse:collapse; } .inner-page td { padding:10px; border:1px solid #e2e2e2; } .fac .fac-in { width:100px !important; } .fac .fac-pr { width:50px !important; } .contact img { padding:0px !important; margin:0px !important; border:0px !important; } .contact .email img { margin-right: 5px !important; float: left; } .contact .adde img { margin-right: 5px !important; float: left; } .contact .adde b { color: #f70e0e; font-size: 17px; } <!-------------------------slidercss-----------------------------> .slider_container{ width:920px; margin:auto; clear:both; background:url(images/shadow_top.png) no-repeat top center; padding:30px 0 0 0;} .flex-caption{ position: absolute; right:11px; bottom:20px;} .caption_title_line{ width:450px; height:75px; padding:5px 15px 10px 15px;background:url(images/slider_caption_bg.png) repeat;color: #303030;} .flex-caption h2{ color:#303030;font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;} .flex-container a:active, .flexslider a:active {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .blink a { color:#ff3b00; } .blink { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite; color: red; text-align: center; font-weight:bold; letter-spacing:1px; /* right: 0px; */ } @keyframes blink-animation { to { visibility: hidden; color:#fecd0b; } } @-webkit-keyframes blink-animation { to { visibility: hidden; } } .custom-upload { background: rgba(92, 150, 191, 0.45) !important; /* background-image: -webkit-linear-gradient(top, #3498db, #2980b9); background-image: -moz-linear-gradient(top, #3498db, #2980b9); background-image: -ms-linear-gradient(top, #3498db, #2980b9); background-image: -o-linear-gradient(top, #3498db, #2980b9); background-image: linear-gradient(to bottom, #3498db, #2980b9); -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px;*/ font-family: Arial; color: #000; font-size: 14px; padding: 5px 10px; text-decoration: none; border: 0px; text-transform:capitalize; font-weight: normal; cursor: pointer; /* border: 1px solid #0072ff;*/ float: left; margin-right: 10px; } .custom-upload input { left: -9999px; position: absolute; } /* define your limiting container */ .mar { border:0px !important; height: 362px; } .lates-updates { background:#003a6a; color:#fff !important; padding:10px !important; margin-bottom:10px !important; border-radius:5px 5px 0px 0px; } /*.marquee { height: 27px; margin: 0px auto; overflow: hidden; position: relative; -webkit-transition: background-color 350ms; -moz-transition: background-color 350ms; transition: background-color 350ms; } .marquee p { position: absolute; width: 100%; height: 100%; margin: 0; line-height: 20px; text-align: center; color: #fff; transform:translateX(100%); -moz-transform:translateX(100%); -webkit-transform:translateX(100%); animation: left-one 10s ease infinite; -moz-animation: left-one 10s ease infinite; -webkit-animation: left-one 10s ease infinite; } @-moz-keyframes left-one { 0% { -moz-transform:translateX(100%); } 10% { -moz-transform:translateX(0); } 40% { -moz-transform:translateX(0); } 50% { -moz-transform:translateX(-100%); } 100%{ -moz-transform:translateX(-100%); } } */.view-more { padding-bottom: 10px; padding-right: 10px; } .view-more a { color: rgb(255, 108, 0); font-weight: bold; text-decoration: none; } .file { float: left; background: rgb(52, 152, 219) none repeat scroll 0% 0%; z-index: 5; position: absolute; width: 70px !important; margin-left: -11px; height: 29px; margin-top: -3px; border-radius: 5px 0px 0px 5px; line-height: 30px; padding-left: 17px; color: white !important; font-style: normal !important; font-size: 12px;} /* FlexSlider Necessary Styles *********************************/ .flexslider {width: 100%; margin: 0; padding: 0 0 0px 0;} .flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {max-width: 100%; display: block; } .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} .flexslider {position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .flexslider .slides > li {position: relative;} .flex-container {zoom: 1; position: relative;} /* Direction Nav */ .flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:11px; cursor: pointer; text-indent: -9999px;} .flex-direction-nav li a.next { bottom:184px;} .flex-direction-nav li a.prev {bottom:141px;} .flex-direction-nav li a.next:hover {background:url(images/next_a.png) no-repeat center;} .flex-direction-nav li a.prev:hover {background:url(images/prev_a.png) no-repeat center;} .flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;} .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;} .flex-control-nav li:first-child {margin: 0;} .flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;} .flex-control-nav li a:hover {background-position: 0 -13px;} .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;} .checkbox { text-align:center; font-family:'Slabo 27px', serif; font-size:18px; } .sub-menu ul li { background-image: none !important; padding: 5px 10px !important; border-top: 1px solid rgba(0, 0, 0, 0.42); background:rgba(0, 86, 157, 0.78) !important; box-shadow: 0px 0px 5px #000; transition: all 0.2s linear; } .sub-menu ul { padding:0px !important; margin:0px !important; } .sub-menu { position:absolute; padding:0px !important; margin-left: -39px; margin-top: 54px; //background:#000066; color:#fff; } /*.sub-menu ul li:nth-child(even) { background-color:#006600 !important; } */#java_matt { color:#FF0000; text-align:right; } #java_matt span, #sp1 span, #java_matt1 span, #java_matt3 span { background: url(images/cross.png) no-repeat 10px 9px rgba(255, 0, 0, 0.1); border: 1px solid #da1717; padding: 10px; color: #da1717; border-radius: 5px; padding-left: 45px; font-size: 12px; } .sub-menu ul li a { color: #fff; font-size: 18px; text-shadow: 1px 1px #000; } .sub-menu ul li a:hover { letter-spacing: unset; color:#FFCC00; } .success { width: 593px; padding: 10px; border: #006600 1px solid; background: rgba(0, 128, 64, 0.16); color: #024602; border-radius: 6px; letter-spacing: 1px; margin: auto; font-size: 15px; } /*.sub-menu ul li:nth-child(3),.sub-menu ul li:nth-child(6),.sub-menu ul li:nth-child(9) { background:#FFCC00 !important; } */ [type="date"] { background:#fff url(../../cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/calendar_2.png) 97% 50% no-repeat ; } [type="date"]::-webkit-inner-spin-button { display: none; } [type="date"]::-webkit-calendar-picker-indicator { opacity: 0; } input[type="date"] { border: 1px solid #c4c4c4; border-radius: 5px; background-color: #fff; padding: 3px 5px; box-shadow: inset 0 3px 6px rgba(0,0,0,0.1); width: 190px; } .in-pr th { background: rgb(0, 60, 109) !important; color: #FFFFFF !important; /* background: rgba(202, 231, 255, 0.18); */ padding: 10px 12px; font-weight: normal; letter-spacing: 1px; border-radius: 3px; font-weight: bold; text-align: left; border: 1px solid rgba(157, 201, 236, 0.4); } .in-pr tr:nth-child(even) { background-color: #f2f2f2; } .in-pr td { padding-bottom:10px !important; paddint-top:10px !important; } .upload { background: url(images/upload.png) no-repeat left 1px; line-height: 34px; padding-left: 34px; display: inline-block; } .view { background: url(images/view.png) no-repeat left 1px; line-height: 34px; padding-left: 26px; display: inline-block; margin-right: 28px; } .add { background: url(images/add.png) no-repeat left 1px; line-height: 34px; padding-left: 26px; display: inline-block; } .back { background: url(images/back.png) no-repeat left 1px; line-height: 34px; padding-left: 26px; display: inline-block; } .update { background: url(images/update.png) no-repeat left 1px; line-height: 34px; padding-left: 26px; display: inline-block; } .pdf { background: url(images/pdf.png) no-repeat left 10px; line-height: 34px; display: inline-block; border: 1px solid #e2e2e2; padding: 5px 10px 6px 33px; text-decoration: none; border-radius: 10px; transition: all 0.2s linear; } .pdf:hover, .btn:hover, .sub-menu ul li:hover, .vcs:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); } .aadhar input[type=submit] { background: #3498db; border: 0px; padding: 0px 13px; color: #fff; height: 37px; margin-left: -5px; letter-spacing: 1px; } .vcs { transition: all 0.2s linear; padding:10px; border:1px solid #e2e2e2; } .vc h3 { font-size: 20px; text-transform: CAPITALIZE; color: #ab0a3e; font-weight: bold; letter-spacing: 1px; text-decoration: none; } .vc { text-align:center; } .vc .sub-header { margin-top: -38px; position: absolute; margin-left: -24px; letter-spacing: 1px; color:#0a5fab; } .vc h4 { padding:0px; margin:0px; font-size:16px; letter-spacing:1px; } .vc p { padding: 0px 10px; } .admin img { border:1px solid #e2e2e2; border-radius:10px; padding:5px; width:150px; border-radius: 80px; } .admin div { display:inline-block; padding: 10px; } .admin h3 { font-size: 18px; } .admin .sub-header { margin:0px; position:relative; } .scrollToTop{ width: 38px; height: 58px; padding:10px; text-align:center; background: whiteSmoke; font-weight: bold; color: #444; text-decoration: none; position:fixed; top:75px; right:40px; display:none; background: url(images/toparrow.png) no-repeat 0px 20px; } .scrollToTop:hover{ text-decoration:none; } .btn1 { background-color: rgba(92, 150, 191, 0.45) !important; color: #000000; border-radius: 2px; font-weight: normal; padding: 7px 20px; border:0px; cursor:pointer; text-decoration:none; cursor:pointer; font-size:12px; font-family: arial; } .brd { border:1px solid #e2e2e2; border-bottom:4px solid rgba(92, 150, 191, 0.75); /* height:500px; */ /* font-family:Verdana, Arial, Helvetica, sans-serif;*/ border-top-right-radius: 30px; } .hrd { border-top: 2px solid rgba(92, 150, 191, 0.75); width: 1041px; margin: auto; border-bottom: 1px solid rgba(92, 150, 191, 0.47); padding:10px; font-size:16px; font-weight:bold; font-family: arial; } .top-btn { width:800px; margin:auto; padding-top:20px; border-top:1px solid #e2e2e2; } .test { width: auto !important; margin-top: 21px; /* background: rgba(92, 150, 191, 0.75) !important; */ color:#FF0000 !important; } .jumbotron { background:none !important; } .jumbotron { padding: 2rem 2rem !important; } .table td, .table th { padding: 0.55rem !important; vertical-align: top; border-top: 1px solid #dee2e6; }