/*ALL RIGHTS RESERVED! DEVELOPED BY PEM SOFT TECHNOLOGY*/ /*Message Box stylings*/ .message-body { border:solid 1px #ccc; text-align:justify; max-width:98%; width:auto; min-width:40%; border-radius:10px;-moz-border-radius:10px; -webkit-border-radius:10px; line-height:1.5; font-size:12pt; background-color:white; box-shadow:0px 0px 10px #ccc;-moz-box-shadow:0px 0px 10px #ccc; -webkit-box-shadow:0px 0px 10px #ccc; display:table; margin:0 auto; } .message-body div[class^="alert-"]{border-radius:0px!important; -moz-border-radius:0px!important; -webkit-border-radius:0px!important; padding:5px!important; } .message-wrapper{ /*opacity: 0.95; filter: alpha(opacity=95); -moz-opacity: 0.95; z-index:100000000; min-height:100%;*/ position:fixed; top:0;left:0;right:0; background-color:transparent; min-width:100%; } div[class^="alert-"]{padding-bottom:5px;} div[class^="alert-"] a{background-color:white; color:red;} div[class^="alert-"] a:hover{background-color:white; color:black;} .message-heading { background-color:#002663;font-weight:bold;padding-bottom:10px;border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px; background-color:#f0f0f0;/* For browsers that do not support gradients */ background: -webkit-linear-gradient(#002663, white); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#002663, white); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#002663, white); /* For Firefox 3.6 to 15 */ background: linear-gradient(#002663, white); /* Standard syntax */ } /*Header image styling*/ img[alt="ogunstate"]{ max-height:143px!important; margin: 0 0 0 auto; height:auto; width:auto; } @media all and (max-width:800px){.message-body{min-width:98%;font-size:11pt; max-width:98%; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;} .message-body div[class^="alert-"]{padding:0px!important;} img[alt="ogunstate"]{ max-height:100%!important; margin: 0 auto; height:auto; width:200px; } } @media all and (max-width:768px){img[alt="ogunstate"]{max-height:143px!important; margin: 0 0 0 auto; height:auto; width:auto;} div#collegelogo{width:75%!important;display:table-cell;} div#ogunstatelogo{width:25%!important; display:table-cell;} div#address-panel{display:block!important;width:100%;} div#collegelogo, div#ogunstatelogo{ vertical-align:middle!important;} } @media all and (max-width:450px){img[alt="ogunstate"]{max-height:143px!important;width:100%;}} /*Pagecontainer settings*/ #pagecontainer {box-shadow:0px 5px 5px black;-moz-box-shadow:0px 5px 5px black;-webkit-box-shadow:0px 5px 5px black; border-radius:0px 0px 50px 50px; -moz-border-radius:0px 0px 50px 50px; -webkit-border-radius:0px 0px 50px 50px; background-color:White;text-align:justify;} @media only screen { .pagecontainer { width:85%!important; } } @media all and (max-width: 950px){ .pagecontainer { width:100%!important; } } .panel-body{font-size:11pt; text-align:justify;color:Black;overflow-x:auto; line-height:2;} /*principal-officers panel styling begins*/ #principal-officers{height:auto; overflow:auto;} #principal-officers .row{border:solid 1px #ccc; text-align:center; margin-bottom:5px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;} #principal-officers .row a{display:block; background-color:Transparent; color:#0066FF;} #principal-officers .row a:hover{color:red; text-decoration:underline; font-size:100%;} #principal-officers .row strong{text-transform:uppercase;} #principal-officers .img-responsive{min-width:40px!important; margin:0 auto; width:280px; max-width:100%; padding:2%; border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px; } /*principal-officers panel styling ends*/ .panel panel-default{border-top-width:0px!important;} .logo-h1{padding:0px!important;margin:0px!important;width:100%!important;} /*panel-heading styling begins*/ .panel-heading{padding-left:5px; box-shadow:inset 0px 0px 11px 11px #eeefff;border-top:none!important;} .panel-heading h1, .panel-heading h2, .panel-heading, .panel-heading h3, .panel-heading h4{font-size:12pt; line-height:2.5; padding:0px!important;margin:0px!important; text-transform:uppercase;} .panel-heading a{color:#0066FF; background-color:Transparent; font-size:12pt;} .panel-heading a:hover{color:red; background-color:Transparent;} @media all and (max-width: 800px) { .panel-heading h1, .panel-heading h2, .panel-heading, .panel-heading h3, .panel-heading h4{font-size:11pt; line-height:1.5; padding:0px!important;margin:0px!important;} .panel-heading a{font-size:11pt;} } /*panel-heading styling ends*/ ul#default-unordered-list{line-height:2; list-style:none;} ul#default-unordered-list li{margin:5px;} .web-header{background-color:white;} hr{margin:3px;} /*Copyright information styling*/ #copyright { font-size: small; color: white; /*background:url('../js/images/bg_trans.png');*/ line-height: 2.5; background-color:#0066FF; margin-top: 10px; position: relative; left: 0px; right: 0px; bottom: 0px; box-shadow:0px 0px 10px #aaafff; -moz-box-shadow:0px 0px 10px #aaafff; -webkit-box-shadow:0px 0px 10px #aaafff; } #copyright hr { border-color: #0033CC; } #copyright a.backtotop{background:none; color:red; text-transform:capitalize; position:relative; right:-20px;} #copyright a.backtotop:hover{background:none; color:white;} #copyright .row .footer-panel-body{ line-height:2!important; list-style-type:circle; padding-left:0px; } #copyright .row a{background:none; font-size:10pt; color:white; display:block;} #copyright .row a:hover, #copyright a:hover{font-size:10pt; color:navy;} #copyright a{background:none; font-size:10pt; color:white;} #copyright .row .footer-panel-heading{font-weight:bold; font-size:medium;color:white;} #copyright .row .panel-default{border-color:#fff!important;-moz-border-radius:0px 0px 10px 10px; -webkit-border-radius:0px 0px 10px 10px; border-radius:0px 0px 10px 10px;} #copyright i[class^="fa fa"]{color:White;}