Difference between revisions of "Template:Queens Canada/CSS/home.css"

(Created page with "→‎CSS file specifically for the Homepage: #webbannerhome { height: 600px; width: 100%; background-image: url("qqq_QGEM_Banner_home_small.png"); } #part1 { ...")
 
Line 4: Line 4:
 
     height: 600px;
 
     height: 600px;
 
     width: 100%;
 
     width: 100%;
−
     background-image: url("qqq_QGEM_Banner_home_small.png");
+
     background-image: url("https://static.igem.org/mediawiki/2015/4/4d/Qqq_QGEM_Banner_home_small.png");
  
 
}
 
}

Revision as of 16:47, 13 August 2015

/* CSS file specifically for the Homepage */

  1. webbannerhome {
   height: 600px;
   width: 100%;
   background-image: url("Qqq_QGEM_Banner_home_small.png");

}


  1. part1 {
   height: 650px;
   width 100%;
   margin-top: -1px;
   background-color: #2d2d2d;

}

  1. part1 h1 {
   font-family: 'Roboto', sans-serif;
   font-size: 40px;
   color: #c5cedb;
   margin-top: 0px;
   text-align: center;

} p { 

   color: white;
   font-size: 18px;
   text-indent: 50px;
   font-family: 'Verdana', sans-serif;

}

h2 { 

   color: #c5cedb;
   font-size: 23px;

}

  1. part1 img {
   opacity: 0.5;

}

  1. part1 img:hover{
   opacity: 1.0;

}

  1. part1 #circ {
   display: inline-table;
   height: 450px;
   width: 300px;
   border-color: #2d2d2d;
   margin-top: 0px;
   margin-left: 55px;
   opacity: 1;

}


  1. part1 #scaff {
   display: inline-table;
   height: 450px;
   width: 300px;
   margin-top: 0px;
   margin-left: 90px;

}

  1. part1 #inquire {
   display: inline-table;
   height: 450px;
   width: 300px;
   margin-top: 0px;
   margin-left: 90px;

}

  1. part2 {
   height: 400px;
   width 100%;
   margin-top: -1px;
   padding: 40px;
   background-color: #0f4f91;

}

  1. part2 img {
   float: left;
   height: 400px;
   margin-top: 40px;
   margin-right: 20px;

}

  1. part2 #AFPslife h1{
   font-family: "Roboto", sans-serif;
   font-size: 55px;
   color: #c5cedb;
   text-align: center;

}

  1. part2 #AFPslife h1 span {
   color: #ff0000;

}

  1. part2 a{
   color: #ff0000;

}