Difference between revisions of "Template:NAIT Edmonton/CSS7"
(21 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: | + | 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:- | + | left:-325px; |
top:43px; | top:43px; | ||
− | padding: | + | padding:10px; |
font-size:40px; | font-size:40px; | ||
+ | text-align:center; | ||
/* use opacity to fake immediate toggle */ | /* use opacity to fake immediate toggle */ | ||
Line 187: | Line 194: | ||
transition: visibility 0.5s; | transition: visibility 0.5s; | ||
background-color:#004b8d; | background-color:#004b8d; | ||
− | width: | + | width:400px; |
} | } | ||
+ | |||
Line 243: | 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 278: | 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 287: | 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