Difference between revisions of "Template:IISER Berhampur"

(Replaced content with "<html> </html>")
Line 1: Line 1:
 
<html>
 
<html>
  
 +
<script>
 +
$(document).ready(function(){
 +
$('p:empty').css('display','none');
 +
});
 +
</script>
 +
 +
<style  type="text/css">
 +
 +
/*UNIVERSAL STUFF FOR ALL PAGES*/
 +
html {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: none;
 +
}
 +
.container {
 +
  margin: 0 0 0 0;
 +
  padding: 0 0 0 0;
 +
  border: none;
 +
}
 +
 +
body {
 +
    background-color: #95CD74;
 +
    font-family: "avenir";
 +
    margin: 0 0 0 0;
 +
    padding: 0 0 0 0;
 +
    border: none;
 +
}
 +
 +
/* width */
 +
::-webkit-scrollbar {
 +
  width: 5px;
 +
}
 +
 +
/* Track */
 +
::-webkit-scrollbar-track {
 +
  background: #A6EF9B;
 +
}
 +
 +
/* Handle */
 +
::-webkit-scrollbar-thumb {
 +
  background: #3E9B2F;
 +
}
 +
 +
/* Handle on hover */
 +
::-webkit-scrollbar-thumb:hover {
 +
  background: #50791A;
 +
}
 +
 +
#top_title {
 +
display: none;
 +
margin-bottom: 0px;
 +
 +
}
 +
 +
#content {
 +
margin: 0;
 +
display: inline;
 +
        padding: 0;
 +
 +
}
 +
 +
#globalWrapper {
 +
padding: 0;
 +
}
 +
 +
p {
 +
margin: 0;
 +
}
 +
 +
#navbar {
 +
    text-align: left;
 +
    overflow: hidden;
 +
    background: #56A229;
 +
}
 +
 +
#navbar span {
 +
  padding: 0.5% 0 0.5% 0;
 +
  /*position: fixed;*/
 +
  /*top: 0;*/
 +
  font-size:3.5em;
 +
  cursor:pointer;
 +
  display: inline;
 +
  width: 100%;
 +
  color: black;
 +
  text-align: left;
 +
  vertical-align: middle;
 +
}
 +
 +
 +
.content {
 +
  padding: 16px;
 +
}
 +
 +
.sticky {
 +
  position: fixed;
 +
  top: 0;
 +
  width: 100%;
 +
}
 +
 +
.sticky + .content {
 +
  padding-top: 60px;
 +
}
 +
 +
/*Navigation Overlay Style BEGINS*/
 +
.overlay {
 +
    height: 100%;
 +
    width: 0%;
 +
    position: fixed;
 +
    z-index: 1;
 +
    top: 0;
 +
    left: 0;
 +
    background-color: rgb(100,170,60);
 +
    background-color: rgba(100,170,60, 0.9);
 +
    overflow-y: auto;
 +
    overflow-x: hidden;
 +
    transition: 0.5s;
 +
}
 +
 +
.overlay-content {
 +
    position: relative;
 +
    top: 15%;
 +
    bottom: 15%;
 +
    width: 100%;
 +
    text-align: center;
 +
    margin-top: 5%;
 +
}
 +
 +
.overlay a {
 +
    padding: 5%;
 +
    text-decoration: none;
 +
    font-size: 200%;
 +
    color: #ACEB88;
 +
    display: block;
 +
    transition: 0.3s;
 +
    font-weight: bold;
 +
    line-height: 1.6;
 +
}
 +
.overlay .panel a {
 +
    font-size: 150%;
 +
    font-weight: normal;
 +
}
 +
 +
.overlay a:hover , .overlay a:focus{
 +
    color: #F0FF92;
 +
    border: 1px solid green;
 +
}
 +
 +
.overlay .closebtn {
 +
    position: absolute;
 +
    top: 0px;
 +
    right: 0px;
 +
    font-size: 40px;
 +
}
 +
/*Accordion style BEGINS*/
 +
button.Accordion {
 +
    background-color: rgba(0,0,0, 0);
 +
    cursor: pointer;
 +
    width: 100%;
 +
    border: none;
 +
    outline: none;
 +
    padding: 5%;
 +
    text-decoration: none;
 +
    font-size: 200%;
 +
    color: #ACEB88;
 +
    display: block;
 +
    transition: 0.3s;
 +
    font-weight: bold;
 +
    font-family:"avenir";
 +
    text-align: center;
 +
    line-height: 1.6;
 +
}
 +
.overlay button:after {
 +
    content: '+';
 +
    color: #F0FF92;
 +
    font-weight: bold;
 +
    float: right;
 +
    margin-left: 5px;
 +
}
 +
.overlay .active:after {
 +
    content: '-';
 +
    color: #F0FF92;
 +
    font-weight: bold;
 +
    float: right;
 +
    margin-left: 5px;
 +
}
 +
 +
.overlay button:hover, .overlay button:focus {
 +
    color: #F0FF92;
 +
    border: 1px solid green;
 +
}
 +
 +
div.panel {
 +
    max-height: 0;
 +
    overflow: hidden;
 +
    transition: max-height 0.2s ease-out;
 +
}
 +
/*Accordion style ENDS*/
 +
/*Navigation Overlay Style ENDS*/
 +
 +
/*MAIN BODY CONTENT SECTION BEGINS*/
 +
.content-section {
 +
    margin: 0 10% 0 10%;
 +
    padding: 3% 3% 5% 3%;
 +
    background: #C7FCA9;
 +
    line-height: 1.6;
 +
   
 +
}
 +
.PageTitle {
 +
    font-size: 300%;
 +
    text-align: center;
 +
    font-family: "Trebuchet MS";
 +
}
 +
img {
 +
    display: block;
 +
    height: 50%;
 +
    width: 50%;
 +
    margin: auto;
 +
   
 +
}
 +
 +
.biggerImg img {
 +
    height: 100%;
 +
    width: 100%;
 +
}
 +
 +
/*#navbar span img {
 +
  display: block;
 +
  height: 7.5%;
 +
  width: 7.5%;
 +
  float: left;
 +
 
 +
  padding: 0 0 0 3%;
 +
}*/
 +
 +
#navbar img {
 +
  display: inline-block;
 +
  height: 7.5%;
 +
  width: 7.5%;
 +
 
 +
  margin-left: 27.5%;
 +
 +
}
 +
 +
#HQ_page p {
 +
  font-size: 125%;
 +
  text-align: center;
 +
  font-family: "avenir";
 +
  line-height: 27px;
 +
}
 +
 +
#HQ_page h1, h2, h3, h4, h5 {
 +
  font-family: "avenir";
 +
  text-align: center;
 +
}
 +
 +
#HQ_page #navbar h1 {
 +
  text-align: left;
 +
  display: inline;
 +
  vertical-align: middle;
 +
  font-size: 3em;
 +
}
 +
 +
table img {
 +
  width: 150px;
 +
  height: auto;
 +
  float: left;
 +
  display: inline-block;
 +
  margin: 2% 4% 2% 0;
 +
}
 +
 +
#HQ_page td {
 +
    padding: 0;
 +
    border: 0 solid black;
 +
}
 +
 +
#HQ_page table {
 +
    padding: 0;
 +
    border: 0 solid black;
 +
}
 +
 +
#HQ_page table p {
 +
    text-align: left;
 +
}
 +
 +
#HQ_page .leftSide p {
 +
    text-align: left;
 +
}
 +
 +
#HQ_page .leftSide h1, h2, h3, h4, h5 {
 +
    text-align: left;
 +
}
 +
#HQ_page .leftSide img {
 +
    display: block;
 +
    width: 25%;
 +
    height: auto;
 +
    margin: 0 0 2.5% 0;
 +
}
 +
 +
/*MAIN BODY CONTENT SECTION ENDS*/
 +
 +
 +
 +
/*MEDIA QUERIES BEGIN*/
 +
@media screen and (max-width: 768px) {
 +
  .content-section {
 +
    margin: 0;
 +
    padding: 12.5% 4% 5% 4%;
 +
  }
 +
 +
  img {
 +
      height: 85%;
 +
      width: 85%;
 +
  }
 +
  #HQ_page p {
 +
      font-size: 115%;
 +
      line-height: 24px;
 +
  }
 +
 +
.overlay a {
 +
    font-size: 100%;
 +
}
 +
.overlay .panel a {
 +
    font-size: 100%;
 +
}
 +
button.Accordion {
 +
    font-size: 100%;
 +
}
 +
#navbar img {
 +
  height: 15%;
 +
  width: 15%;
 +
  margin-left: 5%;
 +
}
 +
.overlay .closebtn {
 +
    top: 15px;
 +
    right: 15px;
 +
    font-size: 14px;
 +
}
 +
 +
#HQ_page table p {
 +
    text-align: justify;
 +
}
 +
 +
#HQ_page .leftSide img {
 +
    display: block;
 +
    width: 75%;
 +
    height: auto;
 +
    margin: 0 0 2.5% 0;
 +
}
 +
 +
#navbar span {
 +
  font-size:2.5em;
 +
 +
}
 +
 +
#HQ_page #navbar h1 {
 +
  font-size: 2em;
 +
}
 +
 +
#HQ_page .leftSide p {
 +
    text-align: justify;
 +
}
 +
 +
#HQ_page .leftSide h1, h2, h3, h4, h5 {
 +
    text-align: justify;
 +
}
 +
 +
 +
}
 +
/*MEDIA QUERIES END*/
 +
 +
 +
</style>
  
  
 
</html>
 
</html>

Revision as of 07:41, 26 August 2020