Difference between revisions of "Template:Queens Canada/CSS/main.css"
(12 intermediate revisions by the same user not shown) | |||
Line 20: | Line 20: | ||
border: 0px; | border: 0px; | ||
background-color: transparent; | background-color: transparent; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
h1, h2, h3, h4, h5, h6, p, a { | h1, h2, h3, h4, h5, h6, p, a { | ||
border-bottom: none; | border-bottom: none; | ||
− | |||
} | } | ||
+ | top_menu_under { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | height: 0; | ||
+ | width: 100%; | ||
+ | border: 0; | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | top_menu_14 { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | border: 0; | ||
+ | padding-bottom: 2px; | ||
+ | background-color: ##3F72A7; | ||
+ | } | ||
/* Standard font things */ | /* Standard font things */ | ||
Line 37: | Line 49: | ||
text-decoration: none; | text-decoration: none; | ||
color: #FFC107; | color: #FFC107; | ||
+ | } | ||
+ | a:visited{ | ||
+ | text-decoration: none; | ||
+ | color: #FFC107; | ||
} | } | ||
Line 68: | Line 84: | ||
#navbar ul li img { | #navbar ul li img { | ||
− | height: | + | height: 35px; |
− | margin-top: - | + | margin-top: -15px; |
margin-bottom: -7px; | margin-bottom: -7px; | ||
} | } | ||
Line 106: | Line 122: | ||
text-decoration: none; | text-decoration: none; | ||
padding: 10px 19px;/*space btwn the links */ | padding: 10px 19px;/*space btwn the links */ | ||
+ | color: #d4dcef; | ||
+ | } | ||
+ | |||
+ | nav li a:visited { | ||
color: #d4dcef; | color: #d4dcef; | ||
} | } | ||
Line 113: | Line 133: | ||
background-color: #d4dcef; | background-color: #d4dcef; | ||
} | } | ||
+ | |||
+ | |||
nav ul ul{ | nav ul ul{ | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
− | top: | + | top: 12px; |
− | + | ||
} | } |
Latest revision as of 18:28, 22 August 2015
/* General Properties and Changes to default */ html, body {
margin: 0 auto; padding: 0; width: 100%; height: 100%; background-color: #fff;
}
html {
position: relative; min-height: 100%;
}
- globalWrapper, #content, #bodyContent {
margin: 0 auto; padding: 0; height: 100%; width: 100%; border: 0px; background-color: transparent;
}
h1, h2, h3, h4, h5, h6, p, a {
border-bottom: none;
}
top_menu_under {
margin: 0; padding: 0; height: 0; width: 100%; border: 0; background-color: transparent;
}
top_menu_14 {
margin: 0; padding: 0; width: 100%; border: 0; padding-bottom: 2px; background-color: ##3F72A7;
}
/* Standard font things */
a {
text-decoration: none; color: #FFC107;
}
a:visited{
text-decoration: none; color: #FFC107;
}
a:hover{
text-decoration: underline;
}
- webbanner img {
height: auto; width: 100%; margin-top: -70px;
}
/* The navbar! The menubar is the iGEM login bar*/
- navbar {
display: block; height: 70px; width: 100%; margin-top: -21px; margin-left: auto; margin-right: auto; position: fixed; background-color: #3F72A7; z-index: 5;
}
- navbar ul li img {
height: 35px; margin-top: -15px; margin-bottom: -7px;
}
- navbar a {
text-decoration: none; font-size: 18px; font-family: 'Verdana', sans-serif; font-weight: bold;
}
nav ul {
display: block; position: relative; list-style: none; margin-top: 27px; margin-left: auto; margin-right: auto; padding 0; border-radius: 5px; z-index: 5001;
}
nav ul li {
display: list-item; float: right; list-style: none; background-color: #3F72A7; opacity: none;
}
nav ul li a {
display: block; text-decoration: none; padding: 10px 19px;/*space btwn the links */ color: #d4dcef;
}
nav li a:visited {
color: #d4dcef;
}
nav li a:hover {
color: #0f4f91; background-color: #d4dcef;
}
nav ul ul{
display: none; position: absolute; top: 12px;
}
nav ul li:hover > ul {
display: list-item;
}
nav ul ul li {
position: relative; float: none; /* submenu display */
}
nav ul ul ul li {
position: absolute relative; top: -42px; left: 140px;
}
/* Footer style */
.footer {
clear: both; height: 200px; width: auto; background-image: url(""); padding 20px;
}
.footer img {
float: right; margin: 45px; height: 60px; width: auto;
}
.footer #twitter {
float: right; height: auto; width: 265px; margin-top: 120px; margin-right: -310px;
}