easier on customizers. */
.intro, .outro {
text-align: center;
- width: 20em;
}
/* Hide from NN4 */
{
font-weight: bold;
}
-
+
.bz_common_actions {
- display: block;
+ text-align: center;
+ }
+ .bz_common_actions ul {
+ list-style-type: none;
+ padding: 0;
+ }
+ .bz_common_actions ul li {
+ display: inline;
+ vertical-align: top;
+ }
+ .bz_common_actions ul li a {
+ display: inline-block;
height: 170px;
width: 145px;
- float: left;
margin: 0 2ex 2em 0;
- text-align: center;
}
- .bz_common_actions span {
+ .bz_common_actions ul li a span {
position: relative;
- top: 95%;
+ top: 90%;
font-weight: bold;
}
- .bz_common_actions,
- .bz_common_actions:visited,
- .bz_common_actions:hover
- {
+ .bz_common_actions a,
+ .bz_common_actions a:visited,
+ .bz_common_actions a:hover {
text-decoration: none;
}
#enter_bug { background: url(index/file-a-bug.png) no-repeat; }
<td>
<h1 id="welcome"> Welcome to [% terms.Bugzilla %]</h1>
<div class="intro">[% Hook.process('intro') %]</div>
- <a id="enter_bug" class="bz_common_actions"
- href="enter_bug.cgi"><span>File [% terms.aBug %]</span></a>
-
- <a id="query" class="bz_common_actions"
- href="query.cgi"><span>Search</span></a>
-
- <a id="account" class="bz_common_actions"
- [% IF user.id %]
- href="userprefs.cgi"><span>User Preferences</span></a>
- [% ELSIF Param('createemailregexp')
- && user.authorizer.user_can_create_account
- %]
- href="createaccount.cgi"><span>Open a New Account</span></a>
- [% ELSE %]
- href="?GoAheadAndLogIn=1"><span>Log In</span></a>
- [% END %]
+
+ <div class="bz_common_actions">
+ <ul>
+ <li>
+ <a id="enter_bug" href="enter_bug.cgi"><span>File
+ [%= terms.aBug %]</span></a>
+ </li>
+ <li>
+ <a id="query" href="query.cgi"><span>Search</span></a>
+ </li>
+ <li>
+ <a id="account"
+ [% IF user.id %]
+ href="userprefs.cgi"><span>User Preferences</span></a>
+ [% ELSIF Param('createemailregexp')
+ && user.authorizer.user_can_create_account
+ %]
+ href="createaccount.cgi"><span>Open a New Account</span></a>
+ [% ELSE %]
+ href="?GoAheadAndLogIn=1"><span>Log In</span></a>
+ [% END %]
+ </li>
+ </ul>
+ </div>
<form id="quicksearchForm" name="quicksearchForm" action="buglist.cgi"
onsubmit="return checkQuicksearch(this);">