redesign: let navigation overlap logo
This commit is contained in:
parent
db56b675c5
commit
28315c0a52
|
@ -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 {
|
||||
|
|
|
@ -77,19 +77,19 @@
|
|||
</xsl:comment>
|
||||
<div id="logo">
|
||||
<a href="http://c3d2.de"><h1><<</>> 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>
|
||||
|
|
Loading…
Reference in New Issue