Difference between revisions of "Template:NAIT Edmonton/CSS7"

 
(20 intermediate revisions by the same user not shown)
Line 29: Line 29:
  
 
<style type="text/css">
 
<style type="text/css">
 +
 +
/*left align Black Menu Bar */
 +
#top_menu_inside {
 +
margin-left: 20px; }
 +
  
 
.nav {
 
.nav {
Line 81: Line 86:
 
              
 
              
 
         }
 
         }
 +
 
         .navigation > ul > li > a:hover{
 
         .navigation > ul > li > a:hover{
 
         /* styling: */
 
         /* styling: */
Line 159: Line 165:
 
.onclick-menu:before {
 
.onclick-menu:before {
 
     content: "menu";
 
     content: "menu";
−
     font-size:22px;
+
     font-size:40px;
 
     font-family:'Source Sans Pro', sans-serif;
 
     font-family:'Source Sans Pro', sans-serif;
 
}
 
}
Line 177: Line 183:
 
     position: absolute;
 
     position: absolute;
 
     z-index: 1;
 
     z-index: 1;
−
     left:-500px;
+
     left:-325px;
 
     top:43px;
 
     top:43px;
−
     padding:5px;
+
     padding:10px;
 
     font-size:40px;
 
     font-size:40px;
 
     text-align:center;
 
     text-align:center;
Line 188: Line 194:
 
     transition: visibility 0.5s;
 
     transition: visibility 0.5s;
 
     background-color:#004b8d;
 
     background-color:#004b8d;
−
     width:500px;
+
     width:400px;
 
}
 
}
 +
  
 
            
 
            
Line 244: Line 251:
 
}
 
}
 
 
−
 
−
/*left align Black Menu Bar */
 
−
#top_menu_inside {
 
−
margin-left:auto;
 
−
margin-right:auto}
 
  
  
−
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;margin:0 auto;color:#0D4D8C;background-color:#FFFFFF;}
+
body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px;color:#0D4D8C;background-color:#FFFFFF;}
 
.clear{clear:both;}
 
.clear{clear:both;}
 
p{padding:0;margin:0px;text-align:left;line-height:20px;}
 
p{padding:0;margin:0px;text-align:left;line-height:20px;}
  
−
a{font-family:'Source Sans Pro'; color:#ADD3F0; text-decoration:none;}
+
a{color:#ADD3F0; text-decoration:none;}
 
a img{border:none;}
 
a img{border:none;}
 
a:hover{text-decoration:none;}
 
a:hover{text-decoration:none;}
Line 279: Line 281:
 
background-color: transparent;
 
background-color: transparent;
 
border: none;
 
border: none;
−
float: center;
 
 
                                 width: 100%;
 
                                 width: 100%;
−
margin:0px;
 
 
padding: 0px;
 
padding: 0px;
 
                                 height:100%;
 
                                 height:100%;
Line 288: Line 288:
  
  
−
#wrap {width:1000px;padding-top:120px;padding-bottom:120px;z-index:-5;margin-left:auto;margin-right:auto;}  
+
#wrap {width:1000px;padding-top:120px;padding-bottom:120px;z-index:-5;}  
−
#wrap4 {width:100%;padding-top:0px;padding-bottom:120px;z-index:-5;margin-left:auto;margin-right:auto; }  
+
#wrap4 {width:100%;padding-top:0px;padding-bottom:120px;z-index:-5; }  
−
#wrap2 {width:100%;margin-top:120px;z-index:-5;margin-left:auto;margin-right:auto;}
+
#wrap2 {width:100%;margin-top:120px;z-index:-5}
−
#wrap3 {width:100%;padding-bottom:120px;z-index:-5;margin-left:auto;margin-right:auto;}
+
#wrap3 {width:100%;padding-bottom:120px;z-index:-5;}
−
#wrap5 {width:1000px;margin-bottom:200px;z-index:-5;margin-left:auto;margin-right:auto;}
+
#wrap5 {width:1000px;margin-bottom:200px;z-index:-5;}
−
#wrap6 {width:1000px;padding-top:0px;padding-bottom:50px;z-index:-5;margin-left:auto;margin-right:auto; }
+
#wrap6 {width:1000px;padding-top:0px;padding-bottom:50px;z-index:-5;}
−
.main_content{margin-left:auto;margin-right:auto; clear:both;}
+
.main_content{ clear:both;}
−
.desc {width:920px;margin-right:auto;margin-left:auto;}
+
.desc {width:920px;}
 
#header{width:100%; z-index:10;}
 
#header{width:100%; z-index:10;}
 
#footer{width:100%; z-index:15;}
 
#footer{width:100%; z-index:15;}
−
.content2 {width:1000px;margin-left:auto;margin-right:auto}
+
.content2 {width:1000px;}
  
 
@media screen and (max-width: 1000px) {
 
@media screen and (max-width: 1000px) {

Latest revision as of 22:45, 8 September 2015