Jeremy Newman : update main menu so subtitles wrap correctly on small screens
Jeremy Newman
jnewman at winehq.org
Tue Dec 9 10:32:07 CST 2008
Module: website
Branch: master
Commit: 45da178889b4713d4f47b01d98f9d77e8a82acde
URL: http://source.winehq.org/git/website.git/?a=commit;h=45da178889b4713d4f47b01d98f9d77e8a82acde
Author: Jeremy Newman <jnewman at codeweavers.com>
Date: Tue Dec 9 10:22:35 2008 -0600
update main menu so subtitles wrap correctly on small screens
---
styles.css | 8 ++++----
templates/en/home.template | 25 ++++++++++---------------
2 files changed, 14 insertions(+), 19 deletions(-)
diff --git a/styles.css b/styles.css
index bb4630a..98c90e3 100644
--- a/styles.css
+++ b/styles.css
@@ -220,10 +220,10 @@ ul.winehq_menu li.devel { background-image: url('images/main_devel.pn
ul.winehq_menu li.devel:hover { background-image: url('images/main_devel_s.png'); background-repeat: no-repeat }
ul.winehq_menu li.donate { background-image: url('images/main_donate.png'); background-repeat: no-repeat }
ul.winehq_menu li.donate:hover { background-image: url('images/main_donate_s.png'); background-repeat: no-repeat }
-ul.winehq_menu li a { text-decoration: none; }
-ul.winehq_menu li a:hover .title { text-decoration: underline; color: red; }
-ul.winehq_menu span.title { font-size: 24px; color: maroon; padding-left: 20px; margin-top: 10px; }
-ul.winehq_menu span.subtitle { font-size: 14px; color: #4e4e4e; padding-left: 35px; }
+ul.winehq_menu li a { text-decoration: none; color: maroon; }
+ul.winehq_menu li a:hover { text-decoration: underline; color: red; }
+ul.winehq_menu div.title { font-size: 24px; padding: 0; margin: 5px 0 0 20px; }
+ul.winehq_menu div.subtitle { font-size: 14px; color: #4e4e4e; padding: 0; margin: 0 0 0 35px; }
/* stuff */
img { border: 0; }
diff --git a/templates/en/home.template b/templates/en/home.template
index dd17acd..3560f32 100644
--- a/templates/en/home.template
+++ b/templates/en/home.template
@@ -10,38 +10,33 @@
<ul class="winehq_menu">
<li class="info" onClick="document.location='{$root}/about/';">
- <a href="{$root}/about/">
- <span class="title">Information</span></a><br>
- <span class="subtitle">Overview of Wine features.</span>
+ <div class="title"><a href="{$root}/about/">Information</a></div>
+ <div class="subtitle">Overview of Wine features.</div>
</li>
<li class="dl" onClick="document.location='{$root}/download/';">
- <a href="{$root}/download/">
- <span class="title">Download</span></a><br>
- <span class="subtitle">Get Wine now!</span>
+ <div class="title"><a href="{$root}/download/">Download</a></div>
+ <div class="subtitle">Get Wine now!</div>
</li>
<li class="help" onClick="document.location='{$root}/help/';">
- <a href="{$root}/help/">
- <span class="title">Help!</span></a><br>
- <span class="subtitle">Documentation, Support, and Wiki.</span>
+ <div class="title"><a href="{$root}/help/">Help!</a></div>
+ <div class="subtitle">Documentation, Support, and Wiki.</div>
</li>
<li class="devel" onClick="document.location='{$root}/devel/';">
- <a href="{$root}/devel/">
- <span class="title">Development</span></a><br>
- <span class="subtitle">Wine source, Bug Tracking, etc.</span>
+ <div class="title"><a href="{$root}/devel/">Development</a></div>
+ <div class="subtitle">Wine source, Bug Tracking, etc.</div>
</li>
<li class="donate" onClick="document.donateForm.submit();">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" name="donateForm" style="margin: 0; padding: 0;">
- <a href="javascript:document.donateForm.submit();">
- <span class="title">Donate</span></a>
+ <div class="title"><a href="javascript:document.donateForm.submit();">Donate</a></div>
<input type="hidden" name="cmd" value="_xclick">
<input type="hidden" name="business" value="donate at winehq.org">
<input type="hidden" name="item_name" value="Wine donation">
</form>
- <span class="subtitle">Donate to Wine.</span>
+ <div class="subtitle">Donate to Wine.</div>
</li>
</ul>
More information about the wine-cvs
mailing list