font-size: 14px;
line-height: 16px;
}
-label, h2 {
+
+
+label {
display: block;
color: #D74F25;
color: #374E5A;
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 {
font-size: 90%;
}
-input, textarea, .gohome
-{
+input, textarea, .gohome {
font: 14px arial;
color: #000000;
border: solid 1px #dedede;
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;
}
.gohome {
- float: left;
+ float: right;
color: #ffffff;
display: block;
text-decoration: none;
background: #d74f25;
+ padding: 7px;
}
.gohome a {
<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>
<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>
<input type="submit" value="Save" ng:click="save();" ng:show="! last_saved.$equals(registration) && $invalidWidgets.visible() == 0">
</div>
-<div ng:show="$invalidWidgets.visible() > 0" style="color:red; margin-top: 20px">Please fill all required fields ({{$invalidWidgets.visible()}} fields left).
+<div ng:show="$invalidWidgets.visible() > 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>