Difference between revisions of "Template:Team:Calgary/StyleSheets/stylingdva.css"

 
(39 intermediate revisions by the same user not shown)
Line 3: Line 3:
 
<style>
 
<style>
 
#Banner{
 
#Banner{
−
min-width: 300px;
 
 
max-width: 100%;
 
max-width: 100%;
 
margin-top: -5rem;
 
margin-top: -5rem;
Line 70: Line 69:
  
 
#HQ_page h2{
 
#HQ_page h2{
−
font-size: 18px;
+
font-size: 24px;
 
color: #fcb633;
 
color: #fcb633;
 
}
 
}
Line 102: Line 101:
 
#OneCol{
 
#OneCol{
 
text-align: center;
 
text-align: center;
−
padding-top: 2rem;
+
 
−
padding-left: 2rem;
+
−
padding-right: 2rem;
+
−
padding-bottom: 1rem;
+
 
}
 
}
  
 
#OneCol img{
 
#OneCol img{
−
max-width: 95%;
+
max-width: 100%;
 
}
 
}
  
Line 130: Line 126:
 
#FourCols img{
 
#FourCols img{
 
display: inline-block;
 
display: inline-block;
−
max-width: 24%;
+
max-width: 21%;
−
padding: 0.25%;
+
padding: 2%;
 
}
 
}
  
 
#TopBar{
 
#TopBar{
−
padding-top: 0.5rem;
 
−
padding-right: 60rem;
 
−
padding-left: 15%;
 
 
   /* position: fixed; */ /*Set the navbar to fixed position */
 
   /* position: fixed; */ /*Set the navbar to fixed position */
 
     top: 0; /* Position the navbar at the top of the page */
 
     top: 0; /* Position the navbar at the top of the page */
−
    width: 70%; /* Full width */
+
     text-align: left;
−
     text-align: center;
+
 
background-color: #d24f2b;
 
background-color: #d24f2b;
 
     list-style: none;
 
     list-style: none;
 
  z-index: 9;
 
  z-index: 9;
 
margin-top: -1.5rem;
 
margin-top: -1.5rem;
−
 
+
/*
 
   background-image: url("https://static.igem.org/mediawiki/2017/e/e0/Calgary2017_HeaderRedNoBorder.png");
 
   background-image: url("https://static.igem.org/mediawiki/2017/e/e0/Calgary2017_HeaderRedNoBorder.png");
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
Line 153: Line 145:
  
 
background-position: 0px -15px;
 
background-position: 0px -15px;
−
 
+
*/
 
}
 
}
  
 
#TopBar li {
 
#TopBar li {
 
     list-style: none;
 
     list-style: none;
 +
}
 +
 +
#TopBar ul ul li{
 +
float: none;
 +
position: relative;
 +
    font-family: 'Varela Round';
 +
    color: #faece5;
 +
    font-weight: 900;
 +
    text-transform: uppercase;
 +
}
 +
 +
#TopBar ul ul ul{
 +
        position: absolute;
 +
        left: 100%;
 +
        top: 0;
 +
        margin: 0;
 
}
 
}
  
Line 194: Line 202:
 
     background: #f7e1d7;
 
     background: #f7e1d7;
 
     text-align: center;
 
     text-align: center;
−
    margin-top: 2rem;
 
 
     padding: 1rem;
 
     padding: 1rem;
 
     padding-top: 0;
 
     padding-top: 0;
Line 203: Line 210:
 
.toggle-menu{
 
.toggle-menu{
 
display: none;
 
display: none;
 +
}
 +
 +
#drop{
 +
margin-top: -1rem;
 
}
 
}
  
 
.toggle-drop{
 
.toggle-drop{
 +
display: none;
 +
}
 +
 +
.toggle-drop2{
 
display: none;
 
display: none;
 
}
 
}
Line 219: Line 234:
 
flex-flow: row;
 
flex-flow: row;
 
justify-content: space-between;
 
justify-content: space-between;
−
align-items: center;
+
align-items: left;
 
white-space: nowrap;
 
white-space: nowrap;
 
}
 
}
Line 243: Line 258:
  
 
.nav-list li:hover{
 
.nav-list li:hover{
−
     background-color: #daede5;
+
     background-color: /*#daede5*/ #d24f2b;
 
}
 
}
 +
  
 
.nav-list ul a{
 
.nav-list ul a{
Line 263: Line 279:
  
 
#drop{
 
#drop{
 +
display:none;
 +
}
 +
 +
#drop2{
 
display:none;
 
display:none;
 
}
 
}
Line 273: Line 293:
 
#TopBar{
 
#TopBar{
 
background-position: 0px -5px;
 
background-position: 0px -5px;
−
    margin-left: -15%;
 
 
}
 
}
  
Line 337: Line 356:
 
padding: 0.5rem;
 
padding: 0.5rem;
 
margin: 0;
 
margin: 0;
−
width: 100%;
+
width: 97%;
 
}
 
}
  
Line 373: Line 392:
 
margin: 1rem auto;
 
margin: 1rem auto;
 
background-color: #65998f;
 
background-color: #65998f;
−
text-align: center;
+
text-align: left;
 
color: #fff !important;
 
color: #fff !important;
 
padding: 1rem;
 
padding: 1rem;
Line 404: Line 423:
 
overflow: auto;
 
overflow: auto;
 
}
 
}
 +
 +
.active2{
 +
                max-height: 100%;
 +
                overflow: auto;
 +
        }
  
 
.logo img{
 
.logo img{
Line 417: Line 441:
 
position: static;
 
position: static;
 
background-image:none;
 
background-image:none;
−
width: 103% ;
+
width: 100% ;
−
padding-right: 0rem;
+
}
 +
 
 +
#TopBar ul ul li{
 +
float: initial;
 +
position: initial;
 +
}
 +
 +
#TopBar ul ul ul{
 +
        position: initial;
 +
        left: initial;
 +
        top: initial;
 +
        margin: initial;
 +
padding-left: 1rem;
 
}
 
}
  

Latest revision as of 22:33, 31 October 2017