Difference between revisions of "Template:NAIT Edmonton/CSS"
| Line 171: | Line 171: | ||
ul.social_icons { margin:0px; padding:0px; list-style:none;} | ul.social_icons { margin:0px; padding:0px; list-style:none;} | ||
ul.social_icons li{ float:left;} | ul.social_icons li{ float:left;} | ||
| − | ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:# | + | ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;} |
ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;} | ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;} | ||
ul.social_icons li a:hover{ background-color:#5AB3E3;} | ul.social_icons li a:hover{ background-color:#5AB3E3;} | ||
| Line 184: | Line 184: | ||
@media screen and (max-width: 1000px) { | @media screen and (max-width: 1000px) { | ||
#wrap{padding-top:140px;margin-top:auto;width:100%;} | #wrap{padding-top:140px;margin-top:auto;width:100%;} | ||
| − | #header{width:100%; height: | + | #header{width:100%; height:140px; float:left; background-color:#5AB3E3; padding-bottom:40px;} |
.header_content{width:100%; float:left; margin:0; line-height:100px;} | .header_content{width:100%; float:left; margin:0; line-height:100px;} | ||
.logo{margin:0 0 0 30px;} | .logo{margin:0 0 0 30px;} | ||
| Line 190: | Line 190: | ||
.section_one_three, .section_two_three, .section_one_two, .section_one_four{ width:92%; float:left; padding:5% 0 0 4%;} | .section_one_three, .section_two_three, .section_one_two, .section_one_four{ width:92%; float:left; padding:5% 0 0 4%;} | ||
.slider{ width:100%; margin:auto; clear:both;} | .slider{ width:100%; margin:auto; clear:both;} | ||
| − | .menu {float:right; padding:0 20px 0 0;margin-top: | + | .menu {float:right; padding:0 20px 0 0;margin-top:80px} |
.menu ul {list-style:none; position:relative;float:left;margin:0;padding:0} | .menu ul {list-style:none; position:relative;float:left;margin:0;padding:0} | ||
.menu ul * {margin:0; padding:0;} | .menu ul * {margin:0; padding:0;} | ||
| Line 196: | Line 196: | ||
.menu ul li {position:relative;float:left; padding:5px 5px 5px 5px} | .menu ul li {position:relative;float:left; padding:5px 5px 5px 5px} | ||
.menu ul li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:14px;} | .menu ul li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:14px;} | ||
| − | .menu ul li.current-menu-item{background:#5AB3E3} | + | .menu ul li.current-menu-item {background:#5AB3E3} |
| − | .menu ul ul{display:none; position:absolute; top: | + | .menu ul ul{display:none; position:absolute; top:100%; left:10%; background:#0D4D8C; padding:0 0px 0 0} |
| − | .menu ul ul li:hover{background:# | + | .menu ul ul li:hover{background:#159CD8} |
.menu ul ul li{float:none; width:100px} | .menu ul ul li{float:none; width:100px} | ||
| − | .menu ul ul a {line-height:100%; padding:0 20px 0 0} | + | .menu ul ul a {line-height:100%; padding:0 20px 0 0; } |
.menu ul ul ul {top:0; left:200%} | .menu ul ul ul {top:0; left:200%} | ||
| − | .menu ul li.selected a{color:# | + | .menu ul li.selected a{color:#8BC5EB} |
.menu ul li:hover > ul{display:block} | .menu ul li:hover > ul{display:block} | ||
.menu span {color:#FFFFFF;} | .menu span {color:#FFFFFF;} | ||
Revision as of 23:21, 9 June 2015
