Difference between revisions of "Template:NAIT Edmonton/CSS7"
| (46 intermediate revisions by 2 users 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: | + | 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:-325px; | ||
| + | top:43px; | ||
| + | padding:10px; | ||
| + | font-size:40px; | ||
| + | text-align:center; | ||
/* use opacity to fake immediate toggle */ | /* use opacity to fake immediate toggle */ | ||
| Line 182: | Line 193: | ||
visibility: hidden; | visibility: hidden; | ||
transition: visibility 0.5s; | transition: visibility 0.5s; | ||
| − | background-color: | + | background-color:#004b8d; |
| − | width: | + | width:400px; |
} | } | ||
| + | |||
| Line 194: | Line 206: | ||
display: inline-block; | display: inline-block; | ||
float:right; | float:right; | ||
| − | margin-right: | + | margin-right: 450px; |
| + | |||
} | } | ||
| Line 203: | Line 216: | ||
margin-left: auto; | margin-left: auto; | ||
margin-top:0; | margin-top:0; | ||
| + | |||
} | } | ||
| Line 210: | Line 224: | ||
} | } | ||
| − | .header_c {width:100%; margin-left:auto; margin-right:auto; display:block; padding-left:50%; } | + | .header_c {width:100%; margin-left:auto; margin-right:auto; display:block; padding-left:50%; } |
| Line 237: | Line 251: | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | body{font-family:Arial, Helvetica, sans-serif;padding:0;font-size:12px | + | 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{ | + | 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 272: | Line 281: | ||
background-color: transparent; | background-color: transparent; | ||
border: none; | border: none; | ||
| − | |||
width: 100%; | width: 100%; | ||
| − | |||
padding: 0px; | padding: 0px; | ||
height:100%; | height:100%; | ||
| Line 281: | Line 288: | ||
| − | #wrap {width:1000px;padding-top:120px;padding-bottom:120px;z-index:-5 | + | #wrap {width:1000px;padding-top:120px;padding-bottom:120px;z-index:-5;} |
| − | #wrap4 {width:100%;padding-top:0px;padding-bottom:120px;z-index:-5 | + | #wrap4 {width:100%;padding-top:0px;padding-bottom:120px;z-index:-5; } |
| − | #wrap2 {width:100%;margin-top:120px;z-index:-5 | + | #wrap2 {width:100%;margin-top:120px;z-index:-5} |
| − | #wrap3 {width:100%;padding-bottom:120px;z-index:-5 | + | #wrap3 {width:100%;padding-bottom:120px;z-index:-5;} |
| − | #wrap5 {width:1000px;margin-bottom:200px;z-index:-5 | + | #wrap5 {width:1000px;margin-bottom:200px;z-index:-5;} |
| − | #wrap6 {width:1000px;padding-top:0px;padding-bottom:50px;z-index:-5 | + | #wrap6 {width:1000px;padding-top:0px;padding-bottom:50px;z-index:-5;} |
| − | .main_content{ | + | .main_content{ clear:both;} |
| − | .desc {width:920px | + | .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; | + | .content2 {width:1000px;} |
@media screen and (max-width: 1000px) { | @media screen and (max-width: 1000px) { | ||
Latest revision as of 22:45, 8 September 2015