more changes after testing

[angular-mojolicious.git] / templates / conference / Registration.html.ep

diff --git a/templates/conference/Registration.html.ep b/templates/conference/Registration.html.ep
index 3665a69..9d271d0 100644 (file)
--- a/templates/conference/Registration.html.ep
+++ b/templates/conference/Registration.html.ep
@@ -101,7 +101,9 @@ body {
        font-size: 14px;
        line-height: 16px;
 }
-label, h2 {
+
+
+label {
        display: block;
        color: #D74F25;
        color: #374E5A;
@@ -110,11 +112,22 @@ label, h2 {
        font-size: 14px;
        font-family: Arial;
 }
-
+h1 {
+/*     margin-bottom: 6px;     */
+       padding-left: 20px;
+       font: 18px arial;
+       color: #0c1426;
+       text-decoration: none;
+       display: block;
+       background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
+       border-bottom: 1px solid #CCC;
+}
 h2 {
        margin-top: 40px;
-       color: #374E5A;
-       color: #D74F25;
+       font-size: 14px;
+       padding: 2px 0;
+       border-bottom: 2px solid #D74F25;
+       border-bottom: 1px solid #46d0fe;
 }
 
 a {
@@ -171,8 +184,7 @@ label {
        font-size: 90%;
 }
 
-input, textarea, .gohome
-{
+input, textarea, .gohome {
        font: 14px arial;
        color: #000000;
        border: solid 1px #dedede;
@@ -186,21 +198,29 @@ input:focus, textarea:focus
        background: #ffffff;
        font-family: arial;
        color: #000000;
-       border: 1px solid #46d0fe;
+/*     border: 1px solid #46d0fe; */
 }
 
 .ng-validation-error {
-       border: 1px solid #D74F25;
        border: 1px solid #FF6666;
        border: 1px solid #EDC8BC;
        border: 1px solid #FF9966;
        border: 1px solid #EAB3A2;
+       border: 1px solid #D74F25;
+       border: 1px solid #DC6844;
+       border: 1px solid #DE7F61;
 }
 
+
+
 #work, #submission {
        margin-bottom: 20px;
 }
 
+.button {
+       width: 40.8em;
+}
+
 .button input {
        float: left;
        color: #ffffff;
@@ -214,11 +234,12 @@ input:focus, textarea:focus
 }
 
 .gohome  {
-       float: left;
+       float: right;
        color: #ffffff;
        display: block;
        text-decoration: none;
        background: #d74f25;
+       padding: 7px;
 }
 
 .gohome a {
@@ -299,9 +320,10 @@ input:focus, textarea:focus
 
 <div id="submission">
        <div>
-               <h2>Please choose:</h2>
-               <label><input type="radio" name="registration.type" value="participant" ng:required>Just attending or my work was submitted by another person</label>
-               <label><input type="radio" name="registration.type" value="symposium" ng:required>Symposia paper</label>
+               <h2>Registration Type</h2>
+               <label><input type="radio" name="registration.type" value="participant" ng:required>Attendance with no presentation</label>
+               <label><input type="radio" name="registration.type" value="participant" ng:required>Symposium participant</label>
+               <label><input type="radio" name="registration.type" value="symposium" ng:required>Symposium organizer</label>
                <label><input type="radio" name="registration.type" value="lecture" ng:required>Oral presentation</label>
                <label><input type="radio" name="registration.type" value="poster" ng:required>Poster presentation</label>
                <label><input type="radio" name="registration.type" value="round" ng:required>Round table discussion</label>
@@ -315,22 +337,20 @@ input:focus, textarea:focus
        <div ng:show="registration.type == 'symposium'">
 
                <h2>Symposia</h2>
-               <label>Topic:</label>
+               <label for="registration.symposium.title">Topic:</label>
                        <input class="input1" name="registration.symposium.title" ng:required>
                <label>Organizer:</label>
-               <div>
                        <div class="input input2">First name</div><div class="input input2">Surname</div><div class="input input3">Institution</div><div class="input input2">E-mail</div>
-               </div>
-               <div class="clear" ng:repeat="organizer in registration.symposium.organizers">
+                       <div class="clear" ng:repeat="organizer in registration.symposium.organizers">
                        <input class="input2" name="organizer.name" ng:required>
                        <input class="input2" name="organizer.surname" ng:required>
                        <input class="input3" name="organizer.inst" >
                        <input class="input2" name="organizer.email" ng:required ng:validate="email">
                        <a href="" ng:click="registration.symposium.organizers.$remove(organizer)">X</a>
-               </div>
+                       </div>
                <a class="addPerson" href="" ng:click="registration.symposium.organizers.$add()">Add another organizer</a>
                <label>Summary (2000 characters max.)</label>
-                       <textarea class="input1" name="registration.symposium.abstract" rows="5" ng:validate="max_length:2000" ng:required></textarea>
+                       <textarea class="input1" name="registration.symposium.abstract" rows="10" ng:validate="max_length:2000" ng:required></textarea>
                <div ng:show="symposium">
                        <label>List of already submitted works</label>
                        <ol>
@@ -378,7 +398,7 @@ input:focus, textarea:focus
 <input type="submit" value="Save" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0">
 </div>
 
-<div ng:show="$invalidWidgets.visible() &gt; 0" style="color:red; margin-top: 20px">Please fill all required fields ({{$invalidWidgets.visible()}} fields left).
+<div ng:show="$invalidWidgets.visible() &gt; 0" style="color:red; margin-top: 20px">Please fill all required fields correctly ({{$invalidWidgets.visible()}} fields left). Red colored fields call for your attention.
 </div>