/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: #666688;
  color: #000;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 2px solid black;
  text-align: left;
  outline: none;
  font-size: 15px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {
  background-color: #555577;
}

iframe{      
        display: block;  /* iframes are inline by default */   
        height: 90vh;  /* Set height to 100% of the viewport height */   
        width: 90vw;  /* Set width to 100% of the viewport width */     
        border: none; /* Remove default border */
        background: lightyellow; /* Just for styling */
    }

/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}


body{  
    font-family:Georgia, Arial, Helvetica, Sans-serif,serif;
    font-size:15px;
    color:#000;
    background:#555566;
    height: 100%;
}
 

.full-height {
  height: 100%;
  background: #666680;
}

#grad1 {
  background-color: #666680; /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom, #666680, #8888A0);
  padding: .3%;
  border: 1px solid black;
}

#grad2 {
  background-color: #8888A0; /* For browsers that do not support gradients */
  background-image: linear-gradient(to bottom, #8888A0,#666680);
  padding: .3%;
  border: 1px solid black;
}


#menubar {
  background-color: #555570; /* For browsers that do not support gradients */
  border-colour: #000;
  border: 2px solid black;
  padding: 2px;
}


h1 {
    font-size:50px;
}
 
h3 {
    font-size:22px;
}
 
#content-wrapper {
    width:960px;
    text-align:left;
    margin:0 auto;
    background:#fff;
    padding:15px;
     
}
 
#header{
    width:960px;
    height:120px;
}
 
#post-content {
    float:left;
    width:600px;
    padding:0 15px 15px 15px;
}
 
.sidebar{
    float:left;
    width:300px;
    margin:0 0 0 15px;
    font-size:15px;
    list-style:none;
}
 
#footer{
    height: 60px;
    background: #fff;
    padding: 15px;
    clear:both;
}
 to join this conversation on GitHub. Already have an account? Sign in to comment
Footer
© 2026 GitHub, Inc.
Footer navigation
Terms
Privacy
Security
Status
Community
Docs
C