openscrum/web/skins/default/css/main.css
Polonkai Gergely 0727bdf133 Continued creating the design
Signed-off-by: Gergely POLONKAI (W00d5t0ck) <polesz@w00d5t0ck.info>
2012-04-19 21:04:50 +00:00

146 lines
2.0 KiB
CSS

body {
margin: 0;
font-family: Helvetica, Arial, sans;
font-size: 10pt;
}
#appbar {
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: #004e8a;
color: #c0ffff;
height: 32px;
padding: 2px;
border-bottom: 1px solid #002e52;
}
#appbar-logo {
float: left;
}
#appbar-logo h1 {
margin: 0;
}
#appbar-logo img {
border: 0 none;
}
#appbar-siteinfo {
float: left;
position: absolute;
top: 36px;
left: 6px;
background-color: black;
}
#appbar-siteinfo a {
color: #c0ffff;
}
#appbar-siteinfo ul {
margin: 0;
padding: 0;
}
#appbar-siteinfo ul li {
list-style-type: none;
}
#appbar-search {
margin-left: auto;
margin-right: auto;
margin-top: 3px;
width: 200px;
height: 28px;
background-color: #95b5ce;
background-image: url('../images/search-bg.png');
background-repeat: no-repeat;
}
#appbar-search input[type=text] {
border: 0 none;
padding: 0;
width: 165px;
background-color: transparent;
margin: 3px 0 0 4px;
}
#appbar-search input[type=submit] {
border: 0 none;
background-color: transparent;
padding: 0;
width: 20px;
height: 20px;
background-image: url('../images/search-button.png');
margin: 3px 0 0 5px;
}
#appbar-login {
float: right;
background-color: #002e52;
margin: 0;
width: 60px;
height: 27px;
background-image: url('../images/login-button.png');
background-repeat: no-repeat;
background-position: 5px 8px;
padding-left: 25px;
padding-top: 7px;
}
#appbar-padding {
height: 40px;
clear: both;
}
#container {
margin-left: auto;
margin-right: auto;
width: 960px;
}
#container a {
color: #000;
font-weight: bold;
text-decoration: underline;
}
#footer-wrapper {
display: block;
}
#footer-padding {
clear: both;
height: 40px;
}
#footer {
position: fixed;
background-color: #333;
bottom: 0;
left: 0;
margin: 0;
z-index: 70000;
width: 100%;
padding: 1em;
text-align: center;
vertical-align: center;
color: #ccc;
font-size: 10px;
}
#footer a {
color: #ccc;
font-weight: normal;
text-decoration: underline;
}
h1 {
float: none;
clear: both;
}