Difference between revisions of "Template:NAIT Edmonton/CSS"
Line 63: | Line 63: | ||
#header{width:100%; height:140px; background-color:#5AB3E3;position:fixed;z-index:10; } | #header{width:100%; height:140px; background-color:#5AB3E3;position:fixed;z-index:10; } | ||
#footer{z-index:15;} | #footer{z-index:15;} | ||
− | .header_content{ width:1000px; margin:auto; line-height:140px} | + | .header_content{ width:1000px; margin:auto; line-height:140px}01 |
.logo{float:left;margin:0 0 0 40px; padding:0px;font-family: 'Source Sans Pro', sans-serif; font-size:45px; color:#FFFFFF;} | .logo{float:left;margin:0 0 0 40px; padding:0px;font-family: 'Source Sans Pro', sans-serif; font-size:45px; color:#FFFFFF;} | ||
.logo a{color:#fff;} | .logo a{color:#fff;} | ||
Line 209: | Line 209: | ||
/*Portraits*/ | /*Portraits*/ | ||
− | .abbie {display:inline-block;width: 200px; height: 200px; background: | + | .abbie {display:inline-block;width: 200px; height: 200px; background: urlhttp://www.farmtoschool.org/images/generic-profile.png);background-position:50%;} |
− | .abbie:hover {width: 200px; height: 200px; background: url(http:// | + | .abbie:hover {width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;border-radius:50%;width:200px;height:200px)} |
− | .david {display:inline-block;width: 200px; height: 200px; background: url(http:// | + | .david {display:inline-block;width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;} |
− | .david:hover {width: 200px; height: 200px; background: url(http:// | + | .david:hover {width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;border-radius:50%;width:200px;height:200px)} |
− | .eduardo {display:inline-block;width: 200px; height: 200px; background: url(http:// | + | .eduardo {display:inline-block;width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;} |
− | .eduardo:hover {width: 200px; height: 200px; background: url(http:// | + | .eduardo:hover {width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;border-radius:50%;width:200px;height:200px)} |
− | .johannes {display:inline-block;width: 200px; height: 200px; background: url(http:// | + | .johannes {display:inline-block;width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;} |
− | .johannes:hover {width: 200px; height: 200px; background: url(http:// | + | .johannes:hover {width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;border-radius:50%;width:200px;height:200px)} |
− | .joy {display:inline-block;width: 200px; height: 200px; background: | + | .joy {display:inline-block;width: 200px; height: 200px; background: urlhttp://www.farmtoschool.org/images/generic-profile.png);background-position:50%;} |
− | .joy:hover {width: 200px; height: 200px; background: url(http:// | + | .joy:hover {width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;border-radius:50%;width:200px;height:200px)} |
− | .kevin {display:inline-block;width: 200px; height: 200px; background: url(http:// | + | .kevin {display:inline-block;width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;} |
− | .kevin:hover {width: 200px; height: 200px; background: url(http:// | + | .kevin:hover {width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;border-radius:50%;width:200px;height:200px)} |
− | .marcelo {display:inline-block;width: 200px; height: 200px; background: url(http:// | + | .marcelo {display:inline-block;width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;} |
− | .marcelo:hover {width: 200px; height: 200px; background: url(http:// | + | .marcelo:hover {width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;border-radius:50%;width:200px;height:200px)} |
− | .mattea {display:inline-block;width: 200px; height: 200px; background: url(http:// | + | .mattea {display:inline-block;width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;} |
− | .mattea:hover {width: 200px; height: 200px; background: url(http:// | + | .mattea:hover {width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;border-radius:50%;width:200px;height:200px)} |
− | .NAIT {display:inline-block;width: 200px; height: 200px; background: url(http://www. | + | .NAIT {display:inline-block;width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;} |
− | .NAIT:hover {width: 200px; height: 200px; background: url(http://www. | + | .NAIT:hover {width: 200px; height: 200px; background: url(http://www.farmtoschool.org/images/generic-profile.png);background-position:50%;border-radius:50%;width:200px;height:200px)} |
/*Fade Portrait Effect*/ | /*Fade Portrait Effect*/ |
Revision as of 20:43, 9 June 2015