[Top][All Lists]
[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[Pingus-CVS] r4114 - in trunk/htdocs: . images
|
From: |
grumbel at BerliOS |
|
Subject: |
[Pingus-CVS] r4114 - in trunk/htdocs: . images |
|
Date: |
Mon, 12 Apr 2010 17:13:47 +0200 |
Author: grumbel
Date: 2010-04-12 17:13:46 +0200 (Mon, 12 Apr 2010)
New Revision: 4114
Modified:
trunk/htdocs/default.css
trunk/htdocs/default.xsl
trunk/htdocs/images/logo_pingus.png
Log:
Some more layout improvements
Modified: trunk/htdocs/default.css
===================================================================
--- trunk/htdocs/default.css 2010-04-12 14:30:20 UTC (rev 4113)
+++ trunk/htdocs/default.css 2010-04-12 15:13:46 UTC (rev 4114)
@@ -1,3 +1,10 @@
+#pagebody
+{
+ width: 70em;
+ margin-left: auto;
+ margin-right: auto;
+}
+
h1,h2,h3,h4
{
font-family: sans;
@@ -16,14 +23,15 @@
{
-moz-border-radius: 0.5em 0.5em 0em 0em;
-webkit-border-radius: 0.5em 0.5em 0em 0em;
- background: #607f9b;
+ background: #809fbb;
color: white;
border-style: solid solid none solid;
border-color: black;
border-width: thin;
padding-left: 1em;
- margin-top: 1em;
- margin-bottom: 0em;
+ margin-top: 0;
+ margin-bottom: 0;
+ position: relative;
}
p {
@@ -32,22 +40,34 @@
div.nav
{
- width: 205px;
- margin-top: 10px;
+ width: 100%;
+ margin-top: 0.5em;
+ text-align: center;
+ margin-bottom: 0.5em;
+ position: relative;
+ top: 0.4em;
}
div.nav a
{
text-decoration: none;
+ margin-left: 0.25em;
+ margin-right: 0.25em;
+ padding-bottom: 1.5em;
}
div.nav ul
{
- padding: 0;
- margin: 0;
list-style-type: none
+ padding: 0;
+ margin-bottom: 0;
}
+div.nav ul li
+{
+ display: inline;
+}
+
div.newsitem {
margin-bottom: 1.5em;
}
@@ -69,6 +89,8 @@
{
color: black;
background-color: #E0FfFF;
+ position: relative;
+ top: -0.25em;
}
a.menuitem:visited
@@ -76,54 +98,27 @@
color: black;
}
-a.currentmenuitem:hover
-{
- color: black;
-}
-
-
-a.currentmenuitem:visited
-{
- color: black;
-}
-
-
-a.currentmenuitem
-{
- font-size: 18px;
- font-family: Sans-Serif;
- text-align: center;
- border-color: black;
- border-style: solid;
- border-width: thin;
- background-color: #FFFFFF;
- background-repeat: repeat-y;
- color: black;
- padding: 5px 0px 5px 0px;
- display: block;
- margin: 10px 15px 10px 15px;
-}
-
a.menuitem
{
color: black;
- -moz-border-radius: 0.5em;
- -webkit-border-radius: 0.5em;
+ -moz-border-radius: 0.5em 0.5em 0 0;
+ -webkit-border-radius: 0.5em 0.5em 0 0;
- font-size: 18px;
+ font-size: 1em;
+ font-weight: bold;
+ padding: 0.25em 1em 0.25em 1em;
+
font-family: Sans-Serif;
text-align: center;
border-color: black;
- border-style: solid;
+ border-style: solid solid none solid;
border-width: thin;
background-color: #607f9b;
/* background-image: url(images/menubackground.png);*/
background-repeat: repeat-y;
- padding: 5px 0px 5px 0px;
- display: block;
- margin: 10px 15px 10px 15px;
+ display: inline;
}
div.mainbody
@@ -133,7 +128,7 @@
border-color: black;
border-style: none solid none solid;
border-width: thin;
- padding: 1em;
+ padding: 2em 4em 2em 4em;
}
p.warning {
Modified: trunk/htdocs/default.xsl
===================================================================
--- trunk/htdocs/default.xsl 2010-04-12 14:30:20 UTC (rev 4113)
+++ trunk/htdocs/default.xsl 2010-04-12 15:13:46 UTC (rev 4114)
@@ -68,80 +68,53 @@
<link rel="stylesheet" type="text/css" href="default.css" />
<link rel="shortcut icon" href="images/favicon.png" type="image/png" />
</head>
- <body style="margin:0px;">
- <table summary="" cellpadding="0" cellspacing="0" border="0"
width="100%">
- <colgroup width="215" />
- <tr>
- <td valign="top" align="center">
- <a href="http://pingus.seul.org";><img
src="images/logo_pingus.png" alt="Pingus" /></a>
+ <body>
+ <div id="pagebody">
+ <div style="float: right; margin: 0; padding: 0;">
+ <form action="https://www.paypal.com/cgi-bin/webscr"; method="post">
+ <div style="margin: 0px; padding: 0px;">
+ <input type="hidden" name="cmd" value="_xclick" />
+ <input type="hidden" name="business" value="address@hidden" />
+ <input type="hidden" name="item_name" value="Pingus donation" />
+ <input type="hidden" name="no_note" value="1" />
+ <input type="hidden" name="currency_code" value="EUR" />
+ <input type="hidden" name="tax" value="0" />
+ <input type="image"
src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif"; name="submit"
alt="donate via PayPal" />
+ </div>
+ </form>
+ </div>
- <div class="nav">
- <ul>
- <li><a class="menuitem" href="news.html">News</a></li>
- <li><a class="menuitem" href="welcome.html">Welcome</a></li>
- <li><a class="menuitem"
href="download.html">Download</a></li>
- <li><a class="menuitem" href="faq.html">FAQ</a></li>
- <li><a class="menuitem" href="contact.html">Contact</a></li>
- <li><a class="menuitem"
href="screenshots.html">Screenshots</a></li>
- <!-- <li><a class="menuitem"
href="level_comment_tool/index.php">Level Comment Tool</a></li> -->
- <!-- <li><a class="menuitem"
href="development.html">Development</a></li> -->
- <li><a class="menuitem" href="press.html">Press</a></li>
- <br />
- <li><a class="menuitem"
href="http://savannah.nongnu.org/projects/pingus/";>Savannah Project
Page</a></li>
- </ul>
+ <div style="width: 100%; text-align: center;">
+ <a href="http://pingus.seul.org";><img src="images/logo_pingus.png"
alt="Pingus" /></a>
+ </div>
- <form action="https://www.paypal.com/cgi-bin/webscr";
method="post">
- <div style="margin: 0px; padding: 0px;">
- <input type="hidden" name="cmd" value="_xclick" />
- <input type="hidden" name="business"
value="address@hidden" />
- <input type="hidden" name="item_name" value="Pingus
donation" />
- <input type="hidden" name="no_note" value="1" />
- <input type="hidden" name="currency_code" value="EUR" />
- <input type="hidden" name="tax" value="0" />
- <input type="image"
src="https://www.paypal.com/images/x-click-but04.gif"; name="submit" alt="donate
via PayPal" />
- </div>
- </form>
- </div>
-
- <p>
- <a href="http://validator.w3.org/check/referer";>html4</a>/
- <a href="http://jigsaw.w3.org/css-validator/";>css2</a>
-
- <!-- <img
- src="http://www.w3.org/Icons/valid-html401";
- alt="Valid HTML 4.01!" height="31" width="88" /> -->
- <!-- <img style="border:0;width:88px;height:31px"
- src="http://jigsaw.w3.org/css-validator/images/vcss";
- alt="Valid CSS!" /> -->
-
- </p>
- </td>
- <td valign="top" style="padding:20px;">
- <!--
- <table summary="" border="0" width="100%" cellpadding="0"
cellspacing="0">
- <tr>
- <td align="left" valign="bottom">
- <h1><xsl:value-of select="@title"/></h1>
- </td><td align="right">
- <img alt="" src="images/walking.png"/>
- </td>
- </tr>
- </table>
- <br />
- -->
-
- <h1><xsl:value-of select="@title"/></h1>
-
- <div class="mainbody">
- <xsl:apply-templates />
- </div>
-
- <div class="footer">
- Copyright © 1998-2010 <a
href="http://pingus.seul.org/~grumbel/";>Ingo Ruhnke</a>, <<a
href="mailto:address@hidden";>address@hidden</a>>
- </div>
- </td>
- </tr>
- </table>
+ <div class="nav">
+ <ul>
+ <li><a class="menuitem" href="news.html">News</a></li>
+ <li><a class="menuitem" href="welcome.html">Welcome</a></li>
+ <li><a class="menuitem" href="download.html">Download</a></li>
+ <li><a class="menuitem" href="faq.html">FAQ</a></li>
+ <li><a class="menuitem" href="contact.html">Contact</a></li>
+ <li><a class="menuitem"
href="screenshots.html">Screenshots</a></li>
+ <!-- <li><a class="menuitem"
href="level_comment_tool/index.php">Level Comment Tool</a></li> -->
+ <!-- <li><a class="menuitem"
href="development.html">Development</a></li> -->
+ <li><a class="menuitem" href="press.html">Press</a></li>
+ <li><a class="menuitem"
href="http://savannah.nongnu.org/projects/pingus/";>Development</a></li>
+ </ul>
+ </div>
+
+ <h1><xsl:value-of select="@title"/></h1>
+ <div class="mainbody">
+ <xsl:apply-templates />
+ </div>
+ <div class="footer">
+ Copyright © 1998-2010 <a
href="http://pingus.seul.org/~grumbel/";>Ingo Ruhnke</a>, <<a
href="mailto:address@hidden";>address@hidden</a>>
+ </div>
+ <p style="text-align: center;">
+ <a href="http://validator.w3.org/check/referer";>html4</a>/
+ <a href="http://jigsaw.w3.org/css-validator/";>css2</a>
+ </p>
+ </div>
</body>
</html>
</xsl:template>
Modified: trunk/htdocs/images/logo_pingus.png
===================================================================
(Binary files differ)
| [Prev in Thread] |
Current Thread |
[Next in Thread] |
- [Pingus-CVS] r4114 - in trunk/htdocs: . images,
grumbel at BerliOS <=