redesign: let navigation overlap logo

This commit is contained in:
Astro 2013-11-12 23:40:33 +01:00
parent db56b675c5
commit 28315c0a52
2 changed files with 21 additions and 24 deletions

View File

@ -2,7 +2,7 @@
body {
font: Verdana, Arial, sans-serif;
margin: 0;
padding: 0;
padding: 276px 0 0;
}
pre {
@ -34,7 +34,7 @@ pre {
padding: 0;
position: absolute;
top: 0;
height: 159px;
height: 276px;
left: 0;
right: 0;
background-image: url(../images/c3d2_blue.jpg);
@ -58,17 +58,14 @@ pre {
/* TODO: should overlap background image */
#navigation {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: left;
margin: 0;
padding: 0 1em;
padding-top: 159px;
background: -moz-linear-gradient(top, #113 0%, #222 100%) no-repeat;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#113), color-stop(100%,#222)) no-repeat;
background: -webkit-linear-gradient(top, #113 0%,#222 100%) no-repeat;
background: -o-linear-gradient(top, #113 0%,#222 100%) no-repeat;
background: -ms-linear-gradient(top, #113 0%,#222 100%) no-repeat;
background: linear-gradient(top, #113 0%, #222 100%) no-repeat;
background-color: #222;
background-color: rgba(0, 0, 0, 0.7);
}
#navgroups {
@ -477,8 +474,8 @@ abbr.dtstart, abbr.dtend {
font-size: x-large;
font-weight: bold;
letter-spacing: 0;
color: #222;
text-shadow: -1.5px 0 1px white, 0 1.5px 1px white, 1.5px 0 1px white, 0 -1.5px 1px white;
color: #111;
text-shadow: -1.5px 0 1.5px white, 0 1.5px 1.5px white, 1.5px 0 1.5px white, 0 -1.5px 1.5px white;
}
#portal article:hover h4 {
color: black;
@ -507,8 +504,8 @@ abbr.dtstart, abbr.dtend {
#portal .upcoming ul {
list-style-type: none;
font-size: small;
margin-top: 2em;
margin-left: -2em;
margin: 2em 0 0;
padding: 0 0 0 1.5em;
}
#portal .upcoming ul li {

View File

@ -77,19 +77,19 @@
</xsl:comment>
<div id="logo">
<a href="http://c3d2.de"><h1>&lt;&lt;&lt;/&gt;&gt; Chaos Computer Club Dresden | c3d2</h1></a>
<!-- ### Navigation ### -->
<xsl:comment>
<xsl:text> ### Navigation ### </xsl:text>
</xsl:comment>
<nav id="navigation">
<div id="navgroups">
<xsl:call-template name="navitems" />
</div>
</nav>
</div>
<!-- ### Navigation ### -->
<xsl:comment>
<xsl:text> ### Navigation ### </xsl:text>
</xsl:comment>
<nav id="navigation">
<div id="navgroups">
<xsl:call-template name="navitems" />
</div>
</nav>
<!-- ### Content ### -->
<xsl:comment>
<xsl:text> ### Content ### </xsl:text>