public/app/drzb2011/registration.css

   1
   2 body {
   3         background: #F6F6F6;
   4         margin: 0 auto;
   5         font-family: Arial;
   6         color: #374E5A;
   7         font-size: 14px;
   8         line-height: 140%;
   9         width: 961px;
  10 }
  11
  12 img {
  13         border: 0;
  14 }
  15 /* ----- MENU ----- */
  16
  17 #navigation
  18 {
  19         position: relative;
  20         float: left;
  21         text-align: left;
  22         width: 794px;
  23         height: 60px;
  24         font: 16px arial;
  25 /*      background: url(http://mjesec.ffzg.hr/drzb2011/images/menu_bg.gif) repeat-x;    */
  26 }
  27
  28 #navigation ul
  29 {
  30         list-style: none;
  31         margin: 0;
  32         padding: 0;
  33         list-style: none;
  34         height: 33px;
  35         width: 794px;
  36         border-top: 1px solid #ccc;
  37         border-bottom: 1px solid #ccc;
  38 }
  39
  40 #navigation ul li {
  41         position: relative;
  42         float: left;
  43         display: inline;
  44         height: 33px;
  45         border-right: 1px solid #ccc;
  46 }
  47
  48 #navigation li ul {
  49         position: absolute;
  50         left: -50%;
  51         top: 28px;
  52         border: 0;
  53         display: none;
  54 }
  55
  56 #navigation li ul li {
  57         border: 0;
  58         border-right: 1px solid #ccc;
  59         height: 19px;
  60         margin-top: 10px;
  61 }
  62
  63 #navigation ul li a {
  64         display: block;
  65         float: left;
  66         text-decoration: none;
  67         color: #777;
  68         background: #f6f6f6; /* IE6 Bug */
  69         padding: 5px 10px;
  70         height: 23px;
  71 }
  72
  73 #navigation ul li a:hover {
  74         color: #d74f25;
  75         border-bottom: 1px solid #f6f6f6;
  76 }
  77
  78
  79 #navigation li ul li a {
  80         padding: 1px 10px;
  81 }
  82
  83
  84 #navigation li:hover ul {
  85         display: block;
  86 }
  87
  88 /* Holly Hack. IE Requirement \*/
  89 * html ul li { float: left; height: 1%; }
  90 * html ul li a { height: 1%; }
  91 /* End */
  92
  93 #mainNav_right
  94 {
  95         position: relative;
  96         float: left;
  97         text-align: left;
  98         width: 167px;
  99         height: 33px;
 100         font: 16px arial;
 101         display: block;
 102         border-top: 1px solid #ccc;
 103         border-bottom: 1px solid #ccc;
 104 }
 105
 106 #mainNav_right ul
 107 {
 108         display: inline;
 109 }
 110
 111 #mainNav_right li
 112 {
 113         display: inline;
 114 }
 115
 116 #mainNav_right li a
 117 {
 118         float: left;
 119         height: 27px;
 120         padding-left: 15px;
 121         padding-right: 15px;
 122         padding-top: 6px;
 123         color: #91959c;
 124         text-align: center;
 125         text-decoration: none;
 126         display: block;
 127 }
 128
 129 #mainNav_right li a:hover
 130 {
 131         color: #d74f25;
 132         text-decoration: none;
 133         display: block;
 134 }
 135
 136 #mainNav_right li a.active
 137 {
 138         float: left;
 139         height: 27px;
 140         padding-left: 15px;
 141         padding-right: 15px;
 142         padding-top: 6px;
 143         text-align: center;
 144         color: #d74f25;
 145         text-decoration: none;
 146         display: block;
 147 }
 148
 149
 150
 151 label {
 152         display: block;
 153         color: #D74F25;
 154         color: #374E5A;
 155         color: #afafaf;
 156         margin-top: 10px;
 157         font-size: 14px;
 158         font-family: Arial;
 159 }
 160
 161 .title {
 162         position: relative;
 163         float: left;
 164         text-align: left;
 165         width: 100%;
 166 /*      background: url(http://mjesec.ffzg.hr/drzb2011/images/crta.gif) repeat-x bottom;        */
 167         border-bottom: 1px solid #ccc;
 168         padding-bottom: 4px;
 169         margin: 0;
 170         margin-top: 10px;
 171
 172 }
 173
 174 h1
 175 {
 176         float: left;
 177 /*      margin-bottom: 6px;     */
 178         padding-left: 20px;
 179         font: 18px arial;
 180         color: #0c1426;
 181         text-align: center;
 182         text-decoration: none;
 183         display: block;
 184         background: url(http://mjesec.ffzg.hr/drzb2011/images/kvadrat.gif) no-repeat left;
 185         margin: 0;
 186 }
 187
 188
 189 h2, h3 {
 190         margin-top: 60px;
 191         font-size: 14px;
 192         padding: 2px 0;
 193         border-bottom: 2px solid #D74F25;
 194         border-bottom: 1px solid #46d0fe;
 195 }
 196
 197 h3 {
 198         margin-top: 20px;
 199 }
 200
 201 a {
 202         color: #D74F25;
 203 }
 204
 205 label {
 206         color: #374E5A;
 207 }
 208
 209 .input, .inputOrg {
 210         color: #afafaf;
 211         float: left;
 212         margin: 2px;
 213         padding: 0 6px;
 214 }
 215
 216 .inputOrg {
 217         color:  #374E5A;
 218 }
 219
 220 .input1 {
 221         width: 40.8em;
 222 }
 223
 224 .input2 {
 225         width: 8em;
 226 }
 227
 228 .input3 {
 229         width: 13em;
 230 }
 231 .input4 {
 232         width: 10em;
 233 }
 234
 235 .input5 {
 236         width: 21.4em;
 237 }
 238 .input6 {
 239         width: 6.3em;
 240 }
 241
 242 .clear {
 243         clear: both;
 244 }
 245
 246
 247 .authors {
 248         clear: both;
 249         margin-bottom: 6px;
 250 }
 251
 252 .addPerson {
 253         color: #D74F25;
 254         color: #EDC8BC;
 255         color: #EAB3A2;
 256         font-size: 90%;
 257 }
 258
 259 input, textarea {
 260         font: 14px arial;
 261         color: #000000;
 262         border: solid 1px #dedede;
 263         padding: 6px;
 264         background: #f6f6f6;
 265 }
 266
 267 input:focus, textarea:focus
 268 {
 269
 270         background: #ffffff;
 271         font-family: arial;
 272         color: #000000;
 273 /*      border: 1px solid #46d0fe; */
 274 }
 275
 276 .ng-validation-error {
 277         border: 1px solid #FF6666;
 278         border: 1px solid #EDC8BC;
 279         border: 1px solid #FF9966;
 280         border: 1px solid #EAB3A2;
 281         border: 1px solid #D74F25;
 282         border: 1px solid #DC6844;
 283         border: 1px solid #DE7F61;
 284 }
 285
 286 .ng-exception {
 287         border: 0;
 288 }
 289
 290
 291 #work, #submission {
 292         margin-bottom: 20px;
 293 }
 294
 295 .button {
 296         margin-top: 20px;
 297         width: 40.8em;
 298 }
 299
 300 .button input {
 301         margin-bottom: 10px;
 302         float: left;
 303         color: #ffffff;
 304         display: block;
 305         text-decoration: none;
 306         background: #d74f25;
 307 }
 308
 309 .button input:hover, .gohome:hover {
 310         /* background: #dc6844; */
 311 }
 312
 313 .button2 input {
 314         background: #F6F6F6;
 315         color: #374E5A;
 316         border: 1px solid #d74f25;
 317         display: inline;
 318 }
 319
 320
 321 .gohome  {
 322         float: left;
 323         color: #374E5A;
 324         border: 1px solid #d74f25;
 325         text-decoration: none;
 326         background: #f6f6f6;
 327         padding: 7px;
 328         margin-top: 20px;
 329         font: 14px arial;
 330         border: solid 1px #dedede;
 331         border: solid 1px #f6f6f6;
 332 }
 333
 334 .gohome a {
 335 }
 336
 337 .gohome a:hover {
 338         text-decoration: none;
 339 }
 340
 341 .list {
 342         margin-top: 20px;
 343         font-weight: bold;
 344 }
 345
 346 .warrning {
 347         color: #FF6666;
 348 }
 349
 350 .sworks {
 351         margin-top: 20px;
 352 }
 353
 354
 355 .newWork {
 356         clear: left;
 357         margin-top: 50px;
 358 }
 359 .saved {
 360         margin-bottom: 20px;
 361         margin-top: 20px;
 362 }
 363 .saved2 {
 364         color: #374E5A;
 365         color: #d74f25;
 366         font-weight: bold;
 367         font-style: italic;
 368         display: block;
 369 }
 370 .saved3 {
 371         color: #374E5A;
 372         font-weight: normal;
 373         margin-top: 20px;
 374 }
 375 #footer {
 376         position: relative;
 377         float: left;
 378         width: 961px;
 379         height: 18px;
 380         padding-top: 5px;
 381         margin-top: 180px;
 382         margin-bottom: 20px;
 383         font: 10px arial;
 384         color: #374e5a;
 385         text-align: center;
 386         background: url(http://mjesec.ffzg.hr/drzb2011/images/footer_bg.jpg) repeat-x;
 387         clear: both;
 388 }
 389
 390 #foot a
 391 {
 392         position: relative;
 393         top: 12px;
 394         margin-bottom: 20px;
 395         font: 12px arial;
 396         color: #374e5a;
 397         text-align: center;
 398         text-decoration: none;
 399 }
 400
 401 #foot a:hover
 402 {
 403         color: #374e5a;
 404         text-decoration: underline;
 405 }
 406
 407
 408 hr {
 409         border: 1px solid #ccc;
 410 }
 411 .lengthCount {
 412         color:red;
 413 }