Difference between revisions of "Template:UIUC Illinois STYLE"

 
Line 2: Line 2:
 
<style>
 
<style>
  
 +
/*Navigation bar styling*/
 +
.topnav {
 +
    background-color: white;
 +
    overflow: hidden;
 +
    left: 0;
 +
    right: 0;
 +
    height: 150px;
 +
    padding-right: 15px;
 +
}
 +
/* Style the links inside the navigation bar */
 +
 +
.topnav a {
 +
    float: left;
 +
    display: block;
 +
    color: rgb(44, 166, 226);
 +
    text-align: center;
 +
    padding: 16px;
 +
    text-decoration: none;
 +
    font-size: 17px;
 +
    width: 11%;
 +
    position: relative;
 +
 +
}
 +
 +
/*Center the navbar elements with words*/
 +
#centered{
 +
    top:76px;
 +
}
 +
/* Change the color of links on hover */
 +
 +
.topnav a:hover {
 +
    background-color: rgb(44, 166, 226);
 +
    color: white;
 +
}
 +
/* Hide the link that should open and close the topnav on small screens */
 +
 +
.topnav .icon {
 +
    display: none;
 +
}
 +
 +
/*Back to the top button styling*/
 +
#myBtn{
 +
    display: none; /* Hidden by default */
 +
    position: fixed; /* Fixed/sticky position */
 +
    /* Place the button at the bottom of the page */
 +
    bottom: 0px;
 +
    left: 0px;
 +
    z-index: 99; /* Make sure it does not overlap */
 +
    border: none; /* Remove borders */
 +
    outline: none; /* Remove outline */
 +
    background-color: rgb(44, 166, 226); /* Set a background color */
 +
    color: white; /* Text color */
 +
    cursor: pointer; /* Add a mouse pointer on hover */
 +
    padding: 15px; /* Some padding */
 +
    border-radius: 10px; /* Rounded corners */
 +
}
 +
 +
#myBtn:hover {
 +
    background-color: #555; /* Add a dark-grey background on hover */
 +
}
 +
 +
#teamHeading h2{
 +
    top: -100px;
 +
 +
}
 +
 +
 +
/*================================================================================*/
 
.image_wrap{
 
.image_wrap{
  

Latest revision as of 17:30, 29 July 2017