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

Line 18: Line 18:
  
 
b{
 
b{
−
color: #d24f2b;
+
color: #5ec3af;
 
}
 
}
  
Line 63: Line 63:
 
#HQ_page h2{
 
#HQ_page h2{
 
font-size: 18px;
 
font-size: 18px;
−
color: #d24f2b;
+
color: #fcb633;
 
}
 
}
  
 
#HQ_page h3{
 
#HQ_page h3{
−
font-size: 18px;
+
font-size: 16px;
−
color: #fff;
+
color: #5ec3af;
 +
margin-top: 1rem;
 +
}
 +
 
 +
#HQ_page h4{
 +
font-size: 14px;
 +
color: #d24f2b;
 
}
 
}
  
 
body{
 
body{
−
margin: 9rem auto;
+
margin: 5rem auto;
 
padding: 2 rem;
 
padding: 2 rem;
−
width: 75%;
+
width: 100%;
 
}
 
}
  
Line 104: Line 110:
 
}
 
}
  
 +
#ThreeCols div{
 +
display: inline-block;
 +
}
  
 
#ThreeCols img{
 
#ThreeCols img{
−
display: inline-block;
 
 
max-width: 31%;
 
max-width: 31%;
 
padding: 1%;
 
padding: 1%;
Line 121: Line 129:
 
padding-top: 0.5rem;
 
padding-top: 0.5rem;
 
padding-right: 60rem;
 
padding-right: 60rem;
−
padding-left: 45rem;
+
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 */
 
     width: 70%; /* Full width */
−
    align-items: middle;
 
 
     text-align: center;
 
     text-align: center;
−
margin: 0;
 
−
margin-left: -43rem;
 
 
margin-top: 1.5rem;
 
margin-top: 1.5rem;
−
background-color: #65998f;
+
background-color: #d24f2b;
 
     list-style: none;
 
     list-style: none;
−
/*
+
z-index: 9;
−
   background-image: url("https://c1.staticflickr.com/6/5542/9395473897_870fec2eef_b.jpg");
+
 
 +
 
 +
   background-image: url("https://static.igem.org/mediawiki/2017/e/e0/Calgary2017_HeaderRedNoBorder.png");
 +
  background-repeat: no-repeat;
 +
  background-attachment: fixed;
 
background-size: 100%;
 
background-size: 100%;
−
*/
+
 
 +
background-position: 0px -15px;
 +
 
 
}
 
}
  
Line 144: Line 155:
 
#TopBar a:link, a:visited{
 
#TopBar a:link, a:visited{
 
font-family: 'Varela Round';
 
font-family: 'Varela Round';
−
color:#faece5;
+
color: #faece5;
 
font-weight: 900;
 
font-weight: 900;
 
}
 
}
Line 158: Line 169:
 
#MainContent{
 
#MainContent{
 
margin: 5rem auto;
 
margin: 5rem auto;
−
     background-color: #faece5;
+
     background-color: #f2f9f8;
 
     padding: 3.5rem;
 
     padding: 3.5rem;
 
     padding-right: 5rem;
 
     padding-right: 5rem;
Line 166: Line 177:
 
     box-shadow: 5px 5px 15px #DDDDDD;
 
     box-shadow: 5px 5px 15px #DDDDDD;
 
     width: 75%;
 
     width: 75%;
−
     max-width: 900px;
+
     max-width: 1050px;
 
}
 
}
 +
 +
#MainContent a {
 +
color: #d24f2b !important;
 +
}
 +
 +
 
div>p{
 
div>p{
 
text-indent: 2.6rem;
 
text-indent: 2.6rem;
Line 216: Line 233:
 
position: absolute;
 
position: absolute;
 
z-index: 1010;
 
z-index: 1010;
−
background-color: #65998f;
+
background-color: #d24f2b;
 
line-height: 2rem;
 
line-height: 2rem;
 
left: -9999px;
 
left: -9999px;
Line 223: Line 240:
  
 
.nav-list li:hover{
 
.nav-list li:hover{
−
     background-color:#000;
+
     background-color: #daede5;
 
}
 
}
  
Line 247: Line 264:
  
 
@media only screen and (max-width: 58.75rem){
 
@media only screen and (max-width: 58.75rem){
 +
#TopBar{
 +
background-position: 0px -5px;
 +
    margin-left: -15%;
 +
}
  
 
#ThreeCols img{
 
#ThreeCols img{
Line 292: Line 313:
 
@media only screen and (max-width: 44.68rem){
 
@media only screen and (max-width: 44.68rem){
 
 
 +
body, html{
 +
margin: 0rem;
 +
padding: 0rem;
 +
    width: 100%;
 +
}
 +
 
#MainContent{
 
#MainContent{
 +
padding: 0.5rem;
 +
margin: 0;
 
width: 100%;
 
width: 100%;
−
padding: 2rem;
 
 
}
 
}
  
Line 317: Line 345:
  
 
.nav-bar{
 
.nav-bar{
−
width: 100%;
+
width: 103%;
 
position: inline;
 
position: inline;
 
}
 
}
Line 346: Line 374:
 
.nav-list{
 
.nav-list{
 
display: block;
 
display: block;
−
width: 100%;
+
width: 103%;
 
position: static;
 
position: static;
 
line-height: 1rem;
 
line-height: 1rem;
Line 374: Line 402:
 
position: static;
 
position: static;
 
background-image:none;
 
background-image:none;
−
    padding-right: 12rem;
+
width: 103% ;
−
    padding-left: 47rem;
+
padding-right: 0rem;
 
}
 
}
  
 
#InfoBox{
 
#InfoBox{
−
     display: none;
+
     padding: 1em;
 +
    position: inline;
 +
    z-index: 2;
 +
border: 5px dashed #fff;
 +
margin: 0;
 
}
 
}
  
 
}
 
}
  
−
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
+
.mw-content-ltr li, .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{
 
margin: 0;
 
margin: 0;
 
}
 
}

Revision as of 22:16, 24 July 2017