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: url(http://imagecache.artistrising.com/artwork/lrg//3/376/6XU8000A.jpg);background-position:50%;}  
+
.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://images6.fanpop.com/image/photos/33400000/Cute-Panda-beautiful-pictures-33434826-500-500.jpg);background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.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://imagecache.artistrising.com/artwork/lrg//3/376/6XU8000A.jpg);background-position:50%;}  
+
.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://images6.fanpop.com/image/photos/33400000/Cute-Panda-beautiful-pictures-33434826-500-500.jpg);background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.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://imagecache.artistrising.com/artwork/lrg//3/376/6XU8000A.jpg);background-position:50%;}  
+
.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://images6.fanpop.com/image/photos/33400000/Cute-Panda-beautiful-pictures-33434826-500-500.jpg);background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.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://imagecache.artistrising.com/artwork/lrg//3/376/6XU8000A.jpg);background-position:50%;}  
+
.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://images6.fanpop.com/image/photos/33400000/Cute-Panda-beautiful-pictures-33434826-500-500.jpg);background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.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: url(http://imagecache.artistrising.com/artwork/lrg//3/376/6XU8000A.jpg);background-position:50%;}  
+
.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://images6.fanpop.com/image/photos/33400000/Cute-Panda-beautiful-pictures-33434826-500-500.jpg);background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.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://imagecache.artistrising.com/artwork/lrg//3/376/6XU8000A.jpg);background-position:50%;}  
+
.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://images6.fanpop.com/image/photos/33400000/Cute-Panda-beautiful-pictures-33434826-500-500.jpg);background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.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://imagecache.artistrising.com/artwork/lrg//3/376/6XU8000A.jpg);background-position:50%;}  
+
.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://images6.fanpop.com/image/photos/33400000/Cute-Panda-beautiful-pictures-33434826-500-500.jpg);background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.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://imagecache.artistrising.com/artwork/lrg//3/376/6XU8000A.jpg);background-position:50%;}  
+
.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://images6.fanpop.com/image/photos/33400000/Cute-Panda-beautiful-pictures-33434826-500-500.jpg);background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.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.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/0024/6865/brand.gif?itok=VWfIVGE5);background-position:50%;}  
+
.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.brandsoftheworld.com/sites/default/files/styles/logo-thumbnail/public/0024/6865/brand.gif?itok=VWfIVGE5);background-position:50%;border-radius:50%;width:200px;height:200px)}
+
.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