Modified: trunk/public/index.html (3516 => 3517)
--- trunk/public/index.html 2013-04-22 13:18:30 UTC (rev 3516)
+++ trunk/public/index.html 2013-04-23 12:38:00 UTC (rev 3517)
@@ -1,342 +1,293 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
- <head>
- <meta http-equiv="content-type" content="text/html"/>
- <title>myExperiment</title>
- <link rel="shortcut icon" href="" type="image/x-icon"/>
- <link href="" media="screen" rel="Stylesheet" type="text/css"/>
- <link href="" media="screen" rel="Stylesheet" type="text/css"/>
- <link href="" media="screen" rel="Stylesheet" type="text/css"/>
- <link href="" media="screen" rel="Stylesheet" type="text/css"/>
-
- <link href="" rel="alternate" type="application/rss+xml" title="myExperiment.org - Site Announcements" />
- </head>
- <body
- <div id="doc2">
- <div id="hd" class="frontpage_header">
- <img alt="Logo" src="" class="logo"/>
- <div class="text">
- myExperiment makes it easy to <b>find</b>, <b>use</b> and <b>share</b> <b>scientific workflows</b> and
- other <b>Research Objects</b>, and to build <b>communities</b>.
- </div>
- <div class="clearer"> </div>
- </div>
- <div id="bd">
- <div id="frontpage_body">
-
- <!-- Search Bar -->
- <div class="search">
- <form action="" method="get">
- <input id="query" name="query" style="width: 250px; padding: 0.1em;" />
- <select id="type" name="type">
- <option value="all" selected="selected">All</option>
- <option value="users">Users</option>
- <option value="groups">Groups</option>
- <option value="workflows">Workflows</option>
- <option value="files">Files</option>
- <option value="packs">Packs</option>
- </select>
- <input type="submit" value="Search" name="commit" this.value='Searching...'; this.form.submit();" />
- </form>
- </div>
-
- <!-- Quick Start -->
- <div class="box" style="margin-right: 20px; width: 320px;">
- <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
- <div class="content" style="height: 29em;">
- <div class="links">
- <p class="heading" style="margin-left: 1em; margin-bottom: 1em; text-align: left;">
- First time visitor? Try these videos:
- </p>
- <ul class="use">
- <li>
- <img src="" alt="Film"/>
- <a href="" Introduction</a>
- </li>
- <li>
- <img src="" alt="Film"/>
- <a href="" Case Study</a>
- </li>
- </ul>
- <p class="heading" style="margin-left: 1em; margin-bottom: 1em; text-align: left;">
- Use myExperiment to...
- </p>
- <ul class="use">
- <li>
- <img src="" alt="Find Workflows"/>
- <b>Find <a href=""
- </li>
- <li>
- <img src="" alt="Share Your Workflows and Files"/>
- <b>Share Your <a href="" and <a href=""
- </li>
- <li>
- <img src="" alt="Create and Find Packs of Items"/>
- <b><a href="" and Find <a href="" of Items</b>
- </li>
- <li>
- <img src="" alt="Find People and Make Friends"/>
- <b>Find <a href="" and Make Friends</b>
- </li>
- <li>
- <img src="" alt="Create and Join Groups"/>
- <b><a href="" and Join <a href=""
- </li>
- <li>
- <img src="" alt="Build your Profile and Reputation"/>
- <b>Build your Profile and Reputation</b>
- </li>
- <li>
- <img src="" alt="Tag and Rate things"/>
- <b>Tag and Rate things</b>
- </li>
- <li>
- <img src="" alt="Write Reviews and Comments"/>
- <b>Write Reviews and Comments</b>
- </li>
- </ul>
- </div>
- </div>
- <b class="xbottom"><b class="xb5"></b><b class="xb6"></b><b class="xb7"></b><b class="xb1"></b></b>
- </div>
-
- <!-- Quick Links -->
- <div class="box" style="margin-right: 20px; width: 280px;">
- <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
- <div class="content" style="height: 29em; text-align: center;">
-
- <center>
- <a href="" "Explore button" title="Explore myExperiment" class="letmein_button">
- </a>
- </center>
- <center>
- <a href="" alt="Find Workflows button" title="Find Workflows on myExperiment" class="findworkflows_button">
- </a>
- </center>
-
- <div class="links" style="font-size: 93%; border-top: 1px dotted #999999; margin-top: 1em;">
- <p style="margin-top: 1em; font-size:120%"><a href="" target="_blank" style="font-weight: bolder;">About myExperiment</a></p>
- <p><a href="" target="_blank">Join the Mailing List</a></p>
- <p><a href="" target="_blank">myExperiment Publications</a></p>
- <p><a href="" target="_blank">For Developers</a></p>
- <p><a href="" us Feedback</a></p>
- <p><a href="" target="_blank">The BioCatalogue Project</a></p>
- </div>
- </div>
- <b class="xbottom"><b class="xb5"></b><b class="xb6"></b><b class="xb7"></b><b class="xb1"></b></b>
- </div>
-
- <!-- Register / Login -->
- <div class="box" style="width: 230px;">
- <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
- <div class="content" style="height: 29em;">
- <center>
- <a href="" alt="Register button" title="Register for an account on myExperiment" class="register_button">
- </a>
- </center>
- <p style="font-size: 108%; margin: 0.8em 0 0.2em 0; text-align: center;">
- <b>or Login:</b>
- </p>
- <div id="login">
- <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
- <div class="login">
- <form action="" method="post">
- <p>
- <label for=""
- Username or Email:
- </label>
- </p>
- <p>
- <input id="session[username]" name="session[username]" type="text"/>
- </p>
- <p>
- <label for=""
- Password:
- </label>
- </p>
- <p>
- <input id="session[password]" name="session[password]" type="password"/>
- </p>
- <p>
- <label for=""
- Remember me:
- </label>
- <input id="session[remember_me]" name="session[remember_me]" value="1" type="checkbox"/>
- </p>
- <div style="margin-top: 0.8em; border: 0px dotted #999999; border-width: 1px 0; padding: 0.2em 0;">
- <p>
- <label for=""
- Or use OpenID:
- </label>
- </p>
- <p>
- <input id="openid_url" name="openid_url" type="text" style="width: 150px;"/>
- <br/>
- <span style="font-size: 77%; color: #333333;">(eg: name.myopenid.com)</span>
- </p>
- </div>
- <p style="margin-top: 0.8em;">
- <input name="commit" value="" type="submit" class="submit" title="Log in to myExperiment"/>
- </p>
- <p style="font-size: 85%; margin-top: 1em;">
- <b><a href="" Password?</a></b>
- </p>
- </form>
- </div>
- <b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
- </div>
- </div>
- <b class="xbottom"><b class="xb5"></b><b class="xb6"></b><b class="xb7"></b><b class="xb1"></b></b>
- </div>
-
- <br class="clearer"/> <br/>
-
- <div class="stats">
- myExperiment has over 5000 members, 250 groups, 2000 workflows, 450 files and 150 packs
- </div>
-
- <!-- About -->
- <div class="box" style="margin-right: 20px; width: 320px;">
- <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
- <div class="content" style="height: 22em; padding: 0.3em 1.5em;">
- <p class="heading">
- About
- </p>
- <p>
- The myExperiment Virtual Research Environment enables you and your colleagues to
- share digital items associated with your research — in particular it enables
- you to share and execute scientific workflows.
- </p>
- <p>
- You can use myexperiment.org to <a href=""
- publicly shared workflows. If you want further access, and
- the ability to upload and share workflows, you will need to <a href="" up</b></a>.
- </p>
- <p>
- See the <a href="" Wiki</b></a>
- for
- further information about myExperiment and how to join the user and developer communities.
- </p>
- </div>
- <b class="xbottom"><b class="xb5"></b><b class="xb6"></b><b class="xb7"></b><b class="xb1"></b></b>
- </div>
-
- <!-- Who -->
- <div class="box" style="margin-right: 20px; width: 320px;">
- <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
- <div class="content" style="height: 22em; padding: 0.3em 1.5em;">
- <p class="heading">
- Who?
- </p>
+<head>
+ <meta http-equiv="content-type" content="text/html"/>
+ <title>myExperiment</title>
+ <link rel="shortcut icon" href="" type="image/x-icon"/>
+ <link href="" media="screen" rel="Stylesheet" type="text/css"/>
+ <link href="" media="screen" rel="Stylesheet" type="text/css"/>
+ <link href="" media="screen" rel="Stylesheet" type="text/css"/>
+ <link href="" media="screen" rel="Stylesheet" type="text/css"/>
- <p>
- myExperiment is brought to you by a joint team from the
- universities of
- <a href="" target="_blank">Southampton</a>,
- <a href="" target="_blank">Manchester</a> and
- <a href="" target="_blank">Oxford</a> in the UK, led by
- <a href="" target="_blank">David De Roure</a> and
- <a href="" target="_blank">Carole Goble</a>. Funded by
- <a href="" target="_blank">JISC</a> and the Microsoft
- <a href="" target="_blank">Technical Computing Initiative</a>, the project is part of the
- <a href="" target="_blank">myGrid</a> consortium and
- <a href="" target="_blank"><span style="white-space: nowrap">e-Research South</span></a>.
- </p>
- <p>
- <a href="" target="_blank">
- <img src="" style="float: left; width: 70px; margin: 0.5em 0.5em 0.5em 0"/>
- </a>
- myExperiment is supported by
- <a href="" target="_blank">BioVeL</a>,
- a project (Grant no. 283359) funded by the European Commission 7th Framework Programme (FP7)
- as part of its e-Infrastructures activity.
- </p>
- </div>
- <b class="xbottom"><b class="xb5"></b><b class="xb6"></b><b class="xb7"></b><b class="xb1"></b></b>
- </div>
-
- <!-- Latest Announcements -->
- <div class="box" style="width: 190px;">
- <b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
- <div class="content" style="height: 22em; padding: 0.3em 1.5em; overflow: hidden">
- <p class="heading">
- <a href="" style="margin-right: 0.3em;">
- <img src="" alt="Subscribe to site announcements icon" title="Subscribe to site announcements RSS feed" />
- </a>
- Announcements
- </p>
- <ul id="announcements">
- <li>_javascript_ required for announcements.</li>
- </ul>
- </div>
- <b class="xbottom"><b class="xb5"></b><b class="xb6"></b><b class="xb7"></b><b class="xb1"></b></b>
- </div>
-
- <br class="clearer"/> <br/>
-
- <p style="color: #666666; font-size: 116%; text-align: center;">
- <a href="" People</a>
- |
- <a href="" a Problem</a>
- </p>
-
+ <link href="" rel="alternate" type="application/rss+xml" title="myExperiment.org - Site Announcements" />
+</head>
+<body
+<div id="doc2">
+<div id="hd" class="frontpage_header">
+ <img alt="Logo" src="" class="logo"/>
+ <div class="text">
+ myExperiment makes it easy to <b>find</b>, <b>use</b> and <b>share</b> <b>scientific workflows</b> and
+ other <b>Research Objects</b>, and to build <b>communities</b>.
+ </div>
+ <div class="clearer"> </div>
+</div>
+<div id="bd">
+<div id="frontpage_body">
+
+<!-- Search Bar -->
+<div class="search">
+ <form action="" method="get">
+ <input id="query" name="query" style="width: 250px; padding: 0.1em;" />
+ <select id="type" name="type">
+ <option value="all" selected="selected">All</option>
+ <option value="users">Users</option>
+ <option value="groups">Groups</option>
+ <option value="workflows">Workflows</option>
+ <option value="files">Files</option>
+ <option value="packs">Packs</option>
+ </select>
+ <input type="submit" value="Search" name="commit" this.value='Searching...'; this.form.submit();" />
+ </form>
+</div>
+
+<!-- Quick Start -->
+<div class="box" style="margin-right: 20px; width: 320px; height: 28em;">
+ <div class="links">
+ <h2>First time visitor? Try these videos:</h2>
+ <ul class="use">
+ <li>
+ <img src="" alt="Film"/>
+ <a href="" Introduction</a>
+ </li>
+ <li>
+ <img src="" alt="Film"/>
+ <a href="" Case Study</a>
+ </li>
+ </ul>
+ <h2>Use myExperiment to...</h2>
+ <ul class="use">
+ <li>
+ <img src="" alt="Find Workflows"/>
+ <b>Find <a href=""
+ </li>
+ <li>
+ <img src="" alt="Share Your Workflows and Files"/>
+ <b>Share Your <a href="" and <a href=""
+ </li>
+ <li>
+ <img src="" alt="Create and Find Packs of Items"/>
+ <b><a href="" and Find <a href="" of Items</b>
+ </li>
+ <li>
+ <img src="" alt="Find People and Make Friends"/>
+ <b>Find <a href="" and Make Friends</b>
+ </li>
+ <li>
+ <img src="" alt="Create and Join Groups"/>
+ <b><a href="" and Join <a href=""
+ </li>
+ <li>
+ <img src="" alt="Build your Profile and Reputation"/>
+ <b>Build your Profile and Reputation</b>
+ </li>
+ <li>
+ <img src="" alt="Tag and Rate things"/>
+ <b>Tag and Rate things</b>
+ </li>
+ <li>
+ <img src="" alt="Write Reviews and Comments"/>
+ <b>Write Reviews and Comments</b>
+ </li>
+ </ul>
+ </div>
+</div>
+
+<!-- Quick Links -->
+<div class="box" style="margin-right: 20px; width: 280px; height: 28em;">
+
+ <a href="" title="Explore myExperiment" class="letmein_button"></a>
+
+ <a href="" alt="Find Workflows button" title="Find Workflows on myExperiment" class="findworkflows_button"> </a>
+
+ <div class="links" style="font-size: 93%; border-top: 1px dotted #999999; margin-top: 1em;">
+ <p style="margin-top: 1em; font-size:120%"><a href="" target="_blank" style="font-weight: bolder;">About myExperiment</a></p>
+ <p><a href="" target="_blank">Join the Mailing List</a></p>
+ <p><a href="" target="_blank">myExperiment Publications</a></p>
+ <p><a href="" target="_blank">For Developers</a></p>
+ <p><a href="" us Feedback</a></p>
+ <p><a href="" target="_blank">The BioCatalogue Project</a></p>
+ </div>
+</div>
+
+<!-- Register / Login -->
+<div class="box" style="width: 230px; height: 28em;">
+
+ <a href="" alt="Register button" title="Register for an account on myExperiment" class="register_button">
+ </a>
+
+ <p style="font-size: 108%; margin: 0.8em 0 0.2em 0; text-align: center;">
+ <b>or Login:</b>
+ </p>
+ <div id="login">
+ <div class="login">
+ <form action="" method="post">
+ <p>
+ <label for=""
+ Username or Email:
+ </label>
+ </p>
+ <p>
+ <input id="session[username]" name="session[username]" type="text"/>
+ </p>
+ <p>
+ <label for=""
+ Password:
+ </label>
+ </p>
+ <p>
+ <input id="session[password]" name="session[password]" type="password"/>
+ </p>
+ <p>
+ <label for=""
+ Remember me:
+ </label>
+ <input id="session[remember_me]" name="session[remember_me]" value="1" type="checkbox"/>
+ </p>
+ <div style="margin-top: 0.8em; border: 0px dotted #999999; border-width: 1px 0; padding: 0.2em 0;">
+ <p>
+ <label for=""
+ Or use OpenID:
+ </label>
+ </p>
+ <p>
+ <input id="openid_url" name="openid_url" type="text" style="width: 150px;"/>
+ <br/>
+ <span style="font-size: 77%; color: #333333;">(eg: name.myopenid.com)</span>
+ </p>
</div>
- </div>
- <div id="ft">
- <p class="copyright">
- Copyright © 2007 - 2011
- <a href="" target="_blank">The University of Manchester</a>
- and
- <a href="" target="_blank">University of Southampton</a>
- </p>
- </div>
-
- </div>
+ <p style="margin-top: 0.8em;">
+ <input name="commit" value="" type="submit" class="submit" title="Log in to myExperiment"/>
+ </p>
+ <p style="font-size: 85%; margin-top: 1em;">
+ <b><a href="" Password?</a></b>
+ </p>
+ </form>
+ </div>
+ </div>
+</div>
- <script language="_javascript_" type="text/_javascript_">
-//<![CDATA[
+<br class="clearer"/> <br/>
-function loadAnnoucements()
-{
- div = document.getElementById('announcements')
- div.updated = false;
- div.innerHTML = '<li>Loading announcements...</li>';
+<div class="stats">
+ myExperiment has over 7500 members, 300 groups, 2500 workflows, 600 files and 300 packs
+</div>
- xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('MSXML2.XMLHTTP.3.0');
+<!-- Who -->
+<div class="box" style="margin-right: 20px; width: 636px; height: 20em; padding-top: 1em;">
+ <p style="margin-left: 0.5em">
+ myExperiment is brought to you by a joint team from the
+ universities of
+ <a href="" target="_blank">Southampton</a>,
+ <a href="" target="_blank">Manchester</a> and
+ <a href="" target="_blank">Oxford</a> in the UK, led by
+ <a href="" target="_blank">David De Roure</a> and
+ <a href="" target="_blank">Carole Goble</a>.
+ </p>
- xhr.open('GET', '/announcements.xml?num=4&order=reverse', true);
- xhr.setRequestHeader('Accept', 'application/xml');
+ <p style="margin-left: 0.5em">
+ myExperiment is currently supported by three European Commission 7th Framework Programme (FP7) projects:
+ <a href="" target="_blank">BioVeL</a> (Grant no. 283359),
+ <a href="" target="_blank">SCAPE</a> (Grant no. 270137), and the
+ <a href="" target="_blank">Wf4Ever Project</a> (Grant no. 270192) as well as the
+ <a href="" target="_blank">e-Research South</a> and
+ <a href="" target="_blank">myGrid</a> EPSRC Platform grants.
+ </p>
+ <p style="margin-left: 0.5em">
+ Previously, myExperiment was funded by <a href="" target="_blank">JISC</a>
+ and the <a href="" target="_blank">Microsoft Technical Computing Initiative</a>.
+ </p>
+ <div style="display: inline-block; margin: 1em auto">
+ <a href="" target="_blank">
+ <img src="" style="float: left; width: 70px"/>
+ </a>
+ <a href="" target="_blank">
+ <img src="" style="float: left; margin: 0.5em;"/>
+ </a>
+ <a href="" target="_blank">
+ <img src="" style="float: left; margin: 0.5em; width: 170px"/>
+ </a>
- xhr. {
+ </div>
+</div>
- if (xhr.readyState == 4) {
- if (xhr.status == 200) {
+<!-- Latest Announcements -->
+<div class="box" style="width: 230px; height: 20em">
+ <p class="heading">
+ <a href="" style="margin-right: 0.3em;">
+ <img src="" alt="Subscribe to site announcements icon" title="Subscribe to site announcements RSS feed" />
+ </a>
+ Announcements
+ </p>
+ <ul id="announcements">
+ <li>_javascript_ required for announcements.</li>
+ </ul>
+</div>
- ans = xhr.responseXML.getElementsByTagName('announcement');
- txt = '';
+<br class="clearer"/> <br/>
- for (i = 0; i < ans.length; i++) {
- txt += '<li><a href="" + ans[i].attributes.getNamedItem('resource').nodeValue +
- '">' + ans[i].firstChild.nodeValue + '</a></li>';
- }
+<p style="color: #666666; font-size: 116%; text-align: center;">
+ <a href="" People</a>
+ |
+ <a href="" a Problem</a>
+</p>
- div.innerHTML = txt;
+</div>
+</div>
+<div id="ft">
+ <p class="copyright">
+ Copyright © 2007 - 2013
+ <a href="" target="_blank">The University of Manchester</a>
+ and
+ <a href="" target="_blank">University of Southampton</a>
+ </p>
+</div>
- } else {
- div.innerHTML = '<li>Announcements unavailable.</li>';
- }
+</div>
+
+<script language="_javascript_" type="text/_javascript_">
+ //<![CDATA[
+
+ function loadAnnoucements()
+ {
+ div = document.getElementById('announcements');
+ div.updated = false;
+ div.innerHTML = '<li>Loading announcements...</li>';
+
+ xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('MSXML2.XMLHTTP.3.0');
+
+ xhr.open('GET', '/announcements.xml?num=5&order=reverse', true);
+ xhr.setRequestHeader('Accept', 'application/xml');
+
+ xhr. {
+
+ if (xhr.readyState == 4) {
+ if (xhr.status == 200) {
+
+ ans = xhr.responseXML.getElementsByTagName('announcement');
+ txt = '';
+
+ for (i = 0; i < ans.length; i++) {
+ txt += '<li><a href="" + ans[i].attributes.getNamedItem('resource').nodeValue +
+ '">' + ans[i].firstChild.nodeValue + '</a></li>';
}
+
+ div.innerHTML = txt;
+
+ } else {
+ div.innerHTML = '<li>Announcements unavailable.</li>';
}
+ }
+ };
- xhr.send(null);
-}
+ xhr.send(null);
+ }
-function init()
-{
- document.getElementById('session[username]').focus();
- loadAnnoucements();
-}
-// ]]>
- </script>
- </body>
+ function init()
+ {
+ document.getElementById('session[username]').focus();
+ loadAnnoucements();
+ }
+ // ]]>
+</script>
+</body>
</html>
Modified: trunk/public/stylesheets/front.css (3516 => 3517)
--- trunk/public/stylesheets/front.css 2013-04-22 13:18:30 UTC (rev 3516)
+++ trunk/public/stylesheets/front.css 2013-04-23 12:38:00 UTC (rev 3517)
@@ -35,9 +35,9 @@
}
#frontpage_body {
- padding-left: 3em;
- padding-right: 3em;
+ padding: 0 16px;
text-align: center;
+ overflow: auto;
}
#frontpage_body .search {
@@ -61,21 +61,16 @@
#frontpage_body .box {
float: left;
margin: 0;
+ padding: 8px;
+ background-image: url('/images/home-box-bg.png');
+ background-position: top;
+ background-repeat: repeat-x;
+ background-color: #E0EDF8;
+ overflow: hidden;
+ text-align: center;
+ border-radius: 6px;
}
-#frontpage_body .box .content {
- padding: 0.1em 0.8em;
- border-top: none;
- border-right: #D5E4F4 1px solid;
- border-bottom: none;
- border-left: #D5E4F4 1px solid;
- background-image: url('/images/home-box-bg.png');
- background-position: top;
- background-repeat: repeat-x;
- background-color: #EEF2FF;
- background-color: #E0EDF8;
- overflow: hidden;
-}
#frontpage_body .box .heading {
color: #000033;
@@ -236,10 +231,7 @@
}
#frontpage_body .login {
- border-top: none;
- border-bottom: none;
- border-left: 1px solid #CCCCCC;
- border-right: 1px solid #CCCCCC;
+ border: 1px solid #CCCCCC;
background-color: #EEEEEE;
padding: 0.2em 0.5em;
}
@@ -293,8 +285,7 @@
height: 35px;
display: block;
background: url('/images/letmein-button.png') 0 0 no-repeat;
- margin-top: 1em;
- margin-bottom: 1.5em;
+ margin: 1em auto;
}
a:hover.letmein_button {
@@ -310,6 +301,7 @@
height: 150px;
display: block;
background: url('/images/findworkflows-button.png') 0 0 no-repeat;
+ margin: 1em auto;
}
a:hover.findworkflows_button {
@@ -325,9 +317,18 @@
height: 35px;
display: block;
background: url('/images/register-button.png') 0 0 no-repeat;
- margin-top: 1em;
+ margin: 1em auto;
}
a:hover.register_button {
background-position: -200px 0;
}
+
+h2 {
+ text-align: left;
+ background: none;
+ font-size: 120%;
+ border: none;
+ margin: 0.7em 0.5em;
+ padding: 0;
+}