|
|
| Line 118: |
Line 118: |
| | clear: both; | | clear: both; |
| | height: 200px; | | height: 200px; |
| − | width: auto; | + | width: 100%; |
| | background-image: url("qqq_QGEM_footer.png"); | | background-image: url("qqq_QGEM_footer.png"); |
| | padding 20px; | | padding 20px; |
| Line 139: |
Line 139: |
| | } | | } |
| | | | |
| − | /* Homepage Style */
| |
| − | /* CSS file specifically for the Homepage */
| |
| − |
| |
| − | #webbannerhome {
| |
| − | height: 600px;
| |
| − | width: 100%;
| |
| − | background-image: url("qqq_QGEM_Banner_home_small.png");
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #part1 {
| |
| − | height: 650px;
| |
| − | width 100%;
| |
| − | margin-top: -1px;
| |
| − | background-color: #2d2d2d;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #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;
| |
| − | }
| |
| − |
| |
| − | #part1 img {
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − |
| |
| − | #part1 img:hover{
| |
| − | opacity: 1.0;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #part1 #circ {
| |
| − | display: inline-table;
| |
| − | height: 450px;
| |
| − | width: 300px;
| |
| − | border-color: #2d2d2d;
| |
| − | margin-top: 0px;
| |
| − | margin-left: 55px;
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | #part1 #scaff {
| |
| − | display: inline-table;
| |
| − | height: 450px;
| |
| − | width: 300px;
| |
| − | margin-top: 0px;
| |
| − | margin-left: 90px;
| |
| − | }
| |
| − |
| |
| − | #part1 #inquire {
| |
| − | display: inline-table;
| |
| − | height: 450px;
| |
| − | width: 300px;
| |
| − | margin-top: 0px;
| |
| − | margin-left: 90px;
| |
| − | }
| |
| − |
| |
| − | #part2 {
| |
| − | height: 400px;
| |
| − | width 100%;
| |
| − | margin-top: -1px;
| |
| − | padding: 40px;
| |
| − | background-color: #0f4f91;
| |
| − | }
| |
| − |
| |
| − | #part2 img {
| |
| − | float: left;
| |
| − | height: 400px;
| |
| − | margin-top: 40px;
| |
| − | margin-right: 20px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #part2 #AFPslife h1{
| |
| − | font-family: "Roboto", sans-serif;
| |
| − | font-size: 55px;
| |
| − | color: #c5cedb;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | #part2 #AFPslife h1 span {
| |
| − | color: #ff0000;
| |
| − | }
| |
| − |
| |
| − | #part2 a{
| |
| − | color: #ff0000;
| |
| − | }
| |
| | </style> | | </style> |
| | | | |
| Line 269: |
Line 164: |
| | </ul> | | </ul> |
| | </nav> | | </nav> |
| | + | </div> |
| | + | |
| | + | <div class="footer"> |
| | + | <a href="https://www.facebook.com/iGEMQueens?fref=ts"><img src="qqq_QGEM_FB_FindUsOnFacebook.png" /> </a> |
| | + | |
| | + | <a href="https://twitter.com/igemqueens"><img id="twitter" src="qqq_QGEM_twitterlogo.png" /></a> |
| | + | |
| | </div> | | </div> |
| | | | |
| | | | |
| | </html> | | </html> |
