dizajn drzb2013
authorMarijana Glavica <mglavica@ffzg.hr>
Mon, 7 Jan 2013 23:23:37 +0000 (00:23 +0100)
committerMarijana Glavica <mglavica@ffzg.hr>
Mon, 7 Jan 2013 23:23:37 +0000 (00:23 +0100)
app/css/drzb2013.css [new file with mode: 0644]
app/index.html
app/partials/registration.html

diff --git a/app/css/drzb2013.css b/app/css/drzb2013.css
new file mode 100644 (file)
index 0000000..b4aeab4
--- /dev/null
@@ -0,0 +1,414 @@
+
+body {
+       background: #F6F6F6;
+       margin: 0 auto;
+       font-family: Arial;
+       color: #374E5A;
+       font-size: 14px;
+       line-height: 140%;
+       width: 961px;
+}
+
+img {
+       border: 0;
+}
+/* ----- MENU ----- */
+
+#navigation
+{
+       position: relative;
+       float: left;
+       text-align: left;
+       width: 794px;
+       height: 60px;
+       font: 16px arial;
+/*     background: url(http://mjesec.ffzg.hr/drzb2011/images/menu_bg.gif) repeat-x;    */
+}
+
+#navigation ul 
+{
+       list-style: none;
+       margin: 0;
+       padding: 0;
+       list-style: none;
+       height: 33px;
+       width: 794px;
+       border-top: 1px solid #ccc;
+       border-bottom: 1px solid #ccc;
+}
+
+#navigation ul li {
+       position: relative;
+       float: left;
+       display: inline;
+       height: 33px;
+       border-right: 1px solid #ccc;
+}
+       
+#navigation li ul {
+       position: absolute;
+       left: -50%;
+       top: 28px;
+       border: 0;
+       display: none;
+}
+
+#navigation li ul li {
+       border: 0;
+       border-right: 1px solid #ccc;
+       height: 19px;
+       margin-top: 10px;
+}
+
+#navigation ul li a {
+       display: block;
+       float: left;
+       text-decoration: none;
+       color: #777;
+       background: #f6f6f6; /* IE6 Bug */
+       padding: 5px 10px;
+       height: 23px;
+}
+
+#navigation ul li a:hover { 
+       color: #46C03B;
+       border-bottom: 1px solid #f6f6f6;
+}
+
+
+#navigation li ul li a {
+       padding: 1px 10px;
+}
+
+               
+#navigation li:hover ul { 
+       display: block; 
+}
+
+/* Holly Hack. IE Requirement \*/
+* html ul li { float: left; height: 1%; }
+* html ul li a { height: 1%; }
+/* End */
+
+#mainNav_right
+{
+       position: relative;
+       float: left;
+       text-align: left;
+       width: 167px;
+       height: 33px;
+       font: 16px arial;
+       display: block;
+       border-top: 1px solid #ccc;
+       border-bottom: 1px solid #ccc;
+}
+
+#mainNav_right ul 
+{
+       display: inline;
+}
+
+#mainNav_right li 
+{ 
+       display: inline;
+}
+
+#mainNav_right li a
+{
+       float: left;
+       height: 27px;
+       padding-left: 15px;
+       padding-right: 15px;
+       padding-top: 6px;
+       color: #91959c;
+       text-align: center;
+       text-decoration: none;
+       display: block;
+}
+
+#mainNav_right li a:hover
+{
+       color: #46C03B;
+       text-decoration: none;
+       display: block;
+}
+
+#mainNav_right li a.active
+{
+       float: left;
+       height: 27px;
+       padding-left: 15px;
+       padding-right: 15px;
+       padding-top: 6px;
+       text-align: center;
+       color: #46C03B;
+       text-decoration: none;
+       display: block;
+}
+
+
+
+label {
+       display: block;
+       color: #D74F25;
+       color: #374E5A;
+       color: #afafaf;
+       margin-top: 10px;
+       font-size: 14px;
+       font-family: Arial;
+}
+
+.title {
+       position: relative;
+       float: left;
+       text-align: left;
+       width: 100%;
+/*     background: url(http://mjesec.ffzg.hr/drzb2011/images/crta.gif) repeat-x bottom;        */
+       border-bottom: 1px solid #ccc;
+       padding-bottom: 4px;
+       margin: 0;
+       margin-top: 10px;
+
+}
+
+h1
+{
+       float: left;
+/*     margin-bottom: 6px;     */
+       padding-left: 20px;
+       font: 18px arial;
+       color: #0c1426;
+       text-align: center;
+       text-decoration: none;
+       display: block;
+       background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
+       margin: 0;
+}
+
+
+h2, h3 {
+       margin-top: 60px;
+       font-size: 14px;
+       padding: 2px 0;
+       border-bottom: 2px solid #D74F25;
+       border-bottom: 1px solid #46d0fe;
+}
+
+h3 {
+       margin-top: 20px;
+}
+
+a {
+       color: #46C03B;
+       
+}
+
+label {
+       color: #374E5A;
+}
+
+.input, .inputOrg {
+       color: #afafaf;
+       float: left;
+       margin: 2px;
+       padding: 0 6px;
+}
+
+.inputOrg {
+       color:  #374E5A;
+}
+
+.input1 {
+       width: 40.8em;
+}
+
+.input2 {
+       width: 8em;
+}
+
+.input3 {
+       width: 13em;
+}
+.input4 {
+       width: 10em;
+}
+
+.input5 {
+       width: 21.4em;
+}
+.input6 {
+       width: 6.3em;
+}
+
+.clear {
+       clear: both;
+}
+
+
+.authors {
+       clear: both;
+       margin-bottom: 6px;
+}
+
+.addPerson {
+       color: #D74F25;
+       color: #EDC8BC;
+       color: #EAB3A2;
+       font-size: 90%;
+}
+
+input, textarea {
+       font: 14px arial;
+       color: #000000;
+       border: solid 1px #dedede;
+       padding: 6px;
+       background: #f6f6f6;
+}
+
+input:focus, textarea:focus
+{
+       
+       background: #ffffff;
+       font-family: arial;
+       color: #000000;
+/*     border: 1px solid #46d0fe; */
+}
+
+.ng-validation-error {
+       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;
+}
+
+.ng-exception {
+       border: 0;
+}
+
+
+#work, #submission {
+       margin-bottom: 20px;
+}
+
+.button {
+       margin-top: 20px;
+       width: 40.8em;
+}
+
+.button input {
+       margin-bottom: 10px;
+       float: left;
+       color: #ffffff;
+       display: block;
+       text-decoration: none;
+       background: #d74f25;
+}
+
+.button input:hover, .gohome:hover {
+       /* background: #dc6844; */
+}
+
+.button2 input {
+       background: #F6F6F6;
+       color: #374E5A;
+       border: 1px solid #d74f25;
+       display: inline;
+}
+
+
+.gohome  {
+       float: left;
+       color: #374E5A;
+       border: 1px solid #d74f25;
+       text-decoration: none;
+       background: #f6f6f6;
+       padding: 7px;
+       margin-top: 20px;
+       font: 14px arial;
+       border: solid 1px #dedede;
+       border: solid 1px #f6f6f6;
+}
+
+.gohome a {
+}
+
+.gohome a:hover {
+       text-decoration: none;
+}
+
+.list {
+       margin-top: 20px;
+       font-weight: bold;
+}
+
+.warrning {
+       color: #FF6666;
+}
+
+.sworks {
+       margin-top: 20px;
+}
+
+
+.newWork {
+       clear: left;
+       margin-top: 50px;
+}
+.saved {
+       margin-bottom: 20px;
+       margin-top: 20px;
+}
+.saved2 {
+       color: #374E5A;
+       color: #d74f25;
+       font-weight: bold;
+       font-style: italic;
+       display: block;
+}
+.saved3 {
+       color: #374E5A;
+       font-weight: normal;
+       margin-top: 20px;
+}
+#footer {
+       position: relative;
+       float: left;
+       width: 961px;
+       height: 18px;
+       padding-top: 5px;
+       margin-top: 180px;
+       margin-bottom: 20px;
+       font: 10px arial;
+       color: #374e5a;
+       text-align: center;
+       background: url(http://mjesec.ffzg.hr/drzb2011/images/footer_bg.jpg) repeat-x;
+       clear: both;
+}
+       
+#foot a
+{
+       position: relative;
+       top: 12px;
+       margin-bottom: 20px;
+       font: 12px arial;
+       color: #374e5a;
+       text-align: center;
+       text-decoration: none;
+}
+
+#foot a:hover
+{
+       color: #374e5a;
+       text-decoration: underline;
+}
+
+
+hr {
+       border: 1px solid #ccc;
+}
+.lengthCount {
+       color:red;
+}
index 025fd95..c81b828 100644 (file)
@@ -9,6 +9,7 @@
   <link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.min.css" />
 
   <link rel="stylesheet" href="css/app.css"/>
+  <link rel="stylesheet" href="css/drzb2013.css"/>
 
     <!--[if lte IE 8]>
       <script>
        </div>
   <![endif]-->
 
+<div id="wrapper">
+    <div id="header">
+        <a href="http://psihologija.ffzg.unizg.hr/drzb2013"><img src="http://psihologija.ffzg.unizg.hr/uploads/U5/ee/U5eerH9gxcbVpHDVcDqinA/drzb_header_v8.jpg" alt="Dani Ramira i Zorana Bujasa" class="float_left" /></a>
+    </div>
+    <div id="mainNav">
+       <div id="navigation">
+       <ul>
+       <li class="level"><a href="http://psihologija.ffzg.unizg.hr/drzb2013">Naslovnica</a></li>
+               <li>
+               <a class="level4" href="http://psihologija.ffzg.unizg.hr/drzb2013/sudjelovanje">Sudjelovanje</a>
+               <ul>
+
+                       <li>
+                               <a class="level5" href="http://psihologija.ffzg.unizg.hr/drzb2013/sudjelovanje/oblici">Oblici sudjelovanja</a>
+
+                       <li>
+                               <a class="level5" href="http://psihologija.ffzg.unizg.hr/drzb2013/sudjelovanje/pripremasazetaka">Priprema sažetaka</a>
+                       <li>
+                               <a class="level5" href="http://psihologija.ffzg.unizg.hr/drzb2013/sudjelovanje/prijava-izlaganja-i-registracija">Prijava izlaganja i registracija</a>
+                       <li>
+                               <a class="level5" href="http://psihologija.ffzg.unizg.hr/drzb2013/sudjelovanje/kotizacija">Kotizacija</a>
+                       <li>
+                               <a class="level5" href="http://psihologija.ffzg.unizg.hr/drzb2013/sudjelovanje/bodovanje">Bodovanje</a>
+
+               </ul>
+               </li>
+               <li>
+               <a class="level4" href="http://psihologija.ffzg.unizg.hr/drzb2013/prijave">Prijave</a>
+
+               <ul>
+                       <li>
+                               <a class="level5" href="http://psihologija.ffzg.unizg.hr/drzb2013/prijave/upute">Prijava izlaganja i registracija</a>
+
+                       <li>
+                               <a class="level5" href="http://psihologija.ffzg.unizg.hr/drzb2013/obrazac">Obrazac za prijavu</a>
+
+               </ul>
+               </li>
+       <!--
+               <li>
+                       <a class="level4" href="http://psihologija.ffzg.unizg.hr/drzb2013/program">Program</a>
+       -->
+               <li>
+                       <a class="level4" href="http://psihologija.ffzg.unizg.hr/drzb2013/organizacija">Organizacija</a>
+       <!--
+               <li>
+                       <a target="_blank" class="level4" href="http://psihologija.ffzg.unizg.hr/drzb2013/smjestaj">Smještaj</a>
+       -->
+               <li>
+                       <a class="level4" href="http://psihologija.ffzg.unizg.hr/psihofest2013">PsihoFest</a>
+       </ul>
+       </div>
+    </div>
+    <div id="mainNav_right">
+        <ul>
+            <li><a href="http://psihologija.ffzg.unizg.hr/drzb2013" class="active">Hrvatski</a></li>
+            <li><a href="http://psihologija.ffzg.unizg.hr/drzb2013-eng">English</a></li>
+        </ul>
+    </div>
+</div>
+<div>
 
   <div class="container" ng-view></div>
 
index fc1b1c0..bf5c7ad 100644 (file)
@@ -16,10 +16,9 @@ Svi sudionici skupa, bez obzira na to jesu li izlagači, suautori ili slušači,
 <label class="radio"><input type="radio" ng-model="user.registration_type" value="participant" >Registracija - <i>popunjavaju slušači i suatori, te autori i suatori radova na simpoziju i sudionici okruglog stola.</i></label>
 <label class="radio"><input type="radio" ng-model="user.registration_type" value="accomp" >Registracija za osobe u pratnji.</label>
 
-
 <fieldset ng-show="user.registration_type">
 
-<legend>Registracija kontakt podaci</legend>
+<legend>Registracija kontakt podaci</legend>
 
 <div class="controls controls-row">
  <input class="my-input span6" ng-model="user.firstname" placeholder="Ime" ng-required="true" />
@@ -117,7 +116,7 @@ Večera je uključena u kotizaciju.
 <a class="btn" href="" ng-click="addPerson(work.persons)">dodaj osobu</a>
 <div class="controls">
  <label>
- Sažetak ({{work.abstract.length || 0}}  od maks. 2000 znakova)
+ Sažetak ({{work.abstract.length || 0}}  od maks. 2000 znakova s razmacima)
  </label>
  <textarea class="span12" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
 </div>
@@ -143,7 +142,7 @@ Večera je uključena u kotizaciju.
 <a class="btn" href="" ng-click="addPerson(work.persons)">dodaj osobu</a>
 <div class="controls">
  <label>
- Sažetak ({{work.abstract.length || 0}}  od maks. 2000 znakova)
+ Sažetak ({{work.abstract.length || 0}}  od maks. 2000 znakova s razmacima)
  </label>
  <textarea class="span12" ng-model="work.abstract" ng-maxlength="2000" rows="10" cols="80" ng-required="has_work" ></textarea>
 </div>
@@ -157,7 +156,7 @@ Večera je uključena u kotizaciju.
 <div class="form-actions">
  <button class="btn btn-primary" ng-click="update(registration)" ng-show="RegistrationForm.$valid">Pošalji</button>
 <p class="left" style="color: red" ng-show="! RegistrationForm.$valid">
-Molimo ispunite sva obavezna polja. Obratite pažnju na polja s crvenim okvirom.
+Molimo ispunite sva obavezna polja označena crvenim okvirom.
 </p>
 </div>