Difference between revisions of "Team:Queens Canada/CSS"

Line 1: Line 1:
 +
/* Change it up */
 +
 +
#Global p, p {
 +
  padding: 0;
 +
  padding-bottom: 5px;
 +
  margin: 0px;
 +
  line-height: 1.4;
 +
}
 +
 +
#Global p.meta {
 +
  padding: 0;
 +
  margin: 0;
 +
}
 +
 +
#Global {
 +
  top: -2px;
 +
  width: 100%;
 +
  position: absolute;
 +
  background-color: var(--whiteish);
 +
  color: var(--blackish);
 +
  font-family: Body, sans-serif;
 +
}
 +
 +
#globalWrapper {
 +
  font-size: 100%;
 +
  padding: 0;
 +
}
 +
 +
#top_menu_under, #top_menu_14, #top_menu_inside {
 +
  -webkit-box-sizing: content-box;
 +
  box-sizing: content-box;
 +
}
 +
 +
#top_menu_under {
 +
  height: 0px;
 +
}
 +
 +
a[href ^="https://"] {
 +
  padding: 0;
 +
}
 +
 +
#top_menu_inside ul a, #top_menu_inside ul li.has_submenu {
 +
  line-height: 1.5em;
 +
}
 +
 +
 
.container {
 
.container {
 
   width: 80%;
 
   width: 80%;

Revision as of 19:02, 24 May 2018

/* Change it up */

  1. Global p, p {
 padding: 0;
 padding-bottom: 5px;
 margin: 0px;
 line-height: 1.4;

}

  1. Global p.meta {
 padding: 0;
 margin: 0;

}

  1. Global {
 top: -2px;
 width: 100%;
 position: absolute;
 background-color: var(--whiteish);
 color: var(--blackish);
 font-family: Body, sans-serif;

}

  1. globalWrapper {
 font-size: 100%;
 padding: 0;

}

  1. top_menu_under, #top_menu_14, #top_menu_inside {
 -webkit-box-sizing: content-box;
 box-sizing: content-box;

}

  1. top_menu_under {
 height: 0px;

}

a[href ^="https://"] { 

 padding: 0;

}

  1. top_menu_inside ul a, #top_menu_inside ul li.has_submenu {
 line-height: 1.5em;

}


.container { 

 width: 80%;
 margin: auto;

}

.container-text { 

 width: 80%;
 max-width: 800px;
 margin: auto;
 padding: 60px 0 40px 0;

}

/* footer stuffs */

footer { 

 background: var(--background);
 /* #C6C6C6; */
 padding: 30px 20px;
 min-height: -webkit-max-content;
 min-height: -moz-max-content;
 min-height: max-content;
 font-size: 14px;

}

footer>div { 

 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 justify-content: center;

}

footer #social_media, footer #contact { 

 display: inline-block;
 width: -webkit-max-content;
 width: -moz-max-content;
 width: max-content;
 position: relative;
 margin: 30px;
 text-align: center;

}

footer h1 { 

 padding-bottom: 25px;

}

footer i { 

 font-size: 50px;
 padding: 5px;
 -webkit-transition: color 0.5s 0.1s;
 transition: color 0.5s 0.1s;

}

footer #social_media a { 

 display: inline-block;

}

  1. facebook:hover {
 color: #3B5998;

}

  1. twitter:hover {
 color: #1da1f2;

}

  1. linkedin:hover {
 color: #0077B5;

}

  1. instagram:hover {
 color: #8a3ab9;

}

  1. mail:hover {
 color: #7cbb00;

}

@media (max-width: 700px) { 

 .container {
   width: 100%;
   padding: 0 20px;
 }
 div#Fsos {
   font-size: calc(100vw * 0.0667 + 3.3px);
   width: 90%;
   margin: auto;
 }
 div#UnderTitle {
   font-size: calc(100vw * 0.0288 + 1.437px);
   width: 90%;
   margin: auto;
   padding: 0;
 }
 body, #contentBox {
   font-size: calc(100vw * 0.01 + 11px);
 }

}