Changeset 1610837
- Timestamp:
- 03/08/2017 07:09:10 PM (9 years ago)
- Location:
- redi-restaurant-reservation/branches/newDesign
- Files:
-
- 2 edited
-
css/restaurant.css (modified) (20 diffs)
-
templates/frontend.php (modified) (1 diff)
Legend:
- Unmodified
- Added
- Removed
-
redi-restaurant-reservation/branches/newDesign/css/restaurant.css
r1609964 r1610837 1 1 @charset "utf-8"; 2 2 /* CSS Document */ 3 4 .row {5 margin: 0 auto;6 width: 100%;7 background-color: #FFFFFF;8 border-bottom: 1px;9 border-top: 1px;10 border-left: 0px;11 border-right: 0px;12 border-color: #E6E6E6;13 border-style: solid;14 height: auto;15 text-align: center;16 }17 18 3 /* ______________________________ */ 19 4 … … 144 129 } 145 130 146 #redi_f_box img {147 box-shadow: none;148 border-radius: 0;149 margin-bottom: 3px;150 }151 152 #redi_f_box td {153 border: none;154 padding: 0;155 }131 #redi_f_box img { 132 box-shadow: none; 133 border-radius: 0; 134 margin-bottom: 3px; 135 } 136 137 #redi_f_box td { 138 border: none; 139 padding: 0; 140 } 156 141 157 142 #f_tab_box table { … … 254 239 } 255 240 256 /* default color of persons */257 .f_person_data td {258 background-color: #f3f3f3;259 font-family: 'PT Sans Narrow', verdana;260 padding: 5px 0px 5px 0px;261 vertical-align: top;262 text-align: center;263 border: 0;264 line-height: 35px;265 font-size: 16px;266 }241 /* default color of persons */ 242 .f_person_data td { 243 background-color: #f3f3f3; 244 font-family: 'PT Sans Narrow', verdana; 245 padding: 5px 0px 5px 0px; 246 vertical-align: top; 247 text-align: center; 248 border: 0; 249 line-height: 35px; 250 font-size: 16px; 251 } 267 252 268 253 .f_subbox_data, .f_subbox_title { … … 330 315 } 331 316 332 .f_calender_data tr td { 333 } 334 335 /* color of dates cells default */ 336 .f_calender_data td { 337 background-color: #f3f3f3; 338 font-family: 'PT Sans Narrow', verdana; 339 padding: 5px 0px 5px 0px; 340 vertical-align: top; 341 text-align: center; 342 border-spacing: 6px; 343 font-size: 16px; 344 line-height: 20px; 345 } 346 347 /* active date on hover */ 348 .f_calender_data td:hover { 349 background-color: #6689b4 !important; 350 color: #FFFFFF; 351 } 352 353 /* selected date */ 354 .f_calender_data td.select { 355 background-color: #71c18d !important; 356 color: #FFFFFF; 357 } 358 359 /* days when closed or registered */ 360 .f_calender_data td.close { 361 background-color: #FFFFFF; 362 color: #a9a9a9; 363 } 364 365 /* date dafault */ 317 /* color of dates cells default */ 318 .f_calender_data td { 319 background-color: #f3f3f3; 320 font-family: 'PT Sans Narrow', verdana; 321 padding: 5px 0px 5px 0px; 322 vertical-align: top; 323 text-align: center; 324 border-spacing: 6px; 325 font-size: 16px; 326 line-height: 20px; 327 } 328 329 /* active date on hover */ 330 .f_calender_data td:hover { 331 background-color: #6689b4 !important; 332 color: #FFFFFF; 333 } 334 335 /* selected date */ 336 .f_calender_data td.select { 337 background-color: #71c18d !important; 338 color: #FFFFFF; 339 } 340 341 /* days when closed or registered */ 342 .f_calender_data td.close { 343 background-color: #FFFFFF; 344 color: #a9a9a9; 345 } 346 347 /* date default */ 366 348 .f_time_data { 367 349 font-family: 'PT Sans Narrow', verdana; … … 390 372 } 391 373 392 /* cells of time active on hover */393 .f_time_data td:hover {394 background-color: #6689b4 !important;395 color: #FFFFFF;396 }397 398 /* selected time */399 .f_time_data td.select {400 background-color: #71c18d !important;401 color: #FFFFFF;402 }403 404 /* unavailable time */405 .f_time_data td.close {406 background-color: #FFFFFF;407 color: #ececec;408 }374 /* cells of time active on hover */ 375 .f_time_data td:hover { 376 background-color: #6689b4 !important; 377 color: #FFFFFF; 378 } 379 380 /* selected time */ 381 .f_time_data td.select { 382 background-color: #71c18d !important; 383 color: #FFFFFF; 384 } 385 386 /* unavailable time */ 387 .f_time_data td.close { 388 background-color: #FFFFFF; 389 color: #ececec; 390 } 409 391 410 392 /* title to enter time */ … … 444 426 } 445 427 446 .f_subbox_data3 table {447 border: none;448 }428 .f_subbox_data3 table { 429 border: none; 430 } 449 431 450 432 /* select time field */ … … 464 446 } 465 447 466 .f_btn:hover {467 color: #a5e3ff;468 }448 .f_btn:hover { 449 color: #a5e3ff; 450 } 469 451 470 452 /* end of step 1 */ … … 507 489 } 508 490 509 .f_arrow_back:hover {510 background-image: url(../img/f_arrow_back_hover.png);511 }491 .f_arrow_back:hover { 492 background-image: url(../img/f_arrow_back_hover.png); 493 } 512 494 513 495 .f_arrow_next { … … 522 504 } 523 505 524 .f_arrow_next:hover {525 background-image: url(../img/f_arrow_next_hover.png);526 }506 .f_arrow_next:hover { 507 background-image: url(../img/f_arrow_next_hover.png); 508 } 527 509 528 510 /* calendar title */ … … 572 554 } 573 555 574 /* days forward/back moth */575 .f_calender td.previous, .f_calender td.next {576 background-color: #f3f3f3;577 color: #C6C6C6;578 }579 580 /* today date */581 .f_calender td.today {582 background-color: #a9a9a9;583 color: #FFFFFF;584 }585 586 /* today dates on hover */587 .f_calender td:hover {588 background-color: #6689b4;589 color: #FFFFFF;590 }591 592 /* selected date */593 .f_calender td.select {594 background-color: #71c18d;595 color: #FFFFFF;596 }597 598 /* closed dates */599 .f_calender td.close {600 background-color: #FFFFFF;601 background-image: url(../img/f_closed_date.png);602 background-repeat: no-repeat;603 background-position: center;604 }605 606 /* closed dates fully reserved */607 .f_calender td.full {608 background-color: #FFFFFF;609 background-image: url(../img/f_reserve.png);610 background-repeat: no-repeat;611 background-position: center;612 }556 /* days forward/back moth */ 557 .f_calender td.previous, .f_calender td.next { 558 background-color: #f3f3f3; 559 color: #C6C6C6; 560 } 561 562 /* today date */ 563 .f_calender td.today { 564 background-color: #a9a9a9; 565 color: #FFFFFF; 566 } 567 568 /* today dates on hover */ 569 .f_calender td:hover { 570 background-color: #6689b4; 571 color: #FFFFFF; 572 } 573 574 /* selected date */ 575 .f_calender td.select { 576 background-color: #71c18d; 577 color: #FFFFFF; 578 } 579 580 /* closed dates */ 581 .f_calender td.close { 582 background-color: #FFFFFF; 583 background-image: url(../img/f_closed_date.png); 584 background-repeat: no-repeat; 585 background-position: center; 586 } 587 588 /* closed dates fully reserved */ 589 .f_calender td.full { 590 background-color: #FFFFFF; 591 background-image: url(../img/f_reserve.png); 592 background-repeat: no-repeat; 593 background-position: center; 594 } 613 595 614 596 /* end of calendar styles */ … … 661 643 } 662 644 663 span.selectArrow:hover {664 background-image: url(../img/f_arrow_down_hover.png);665 }645 span.selectArrow:hover { 646 background-image: url(../img/f_arrow_down_hover.png); 647 } 666 648 667 649 span.selectArrow, span.selected { … … 817 799 } 818 800 819 span.selectArrow3:hover {820 background-image: url(../img/f_phone_hover.png);821 }801 span.selectArrow3:hover { 802 background-image: url(../img/f_phone_hover.png); 803 } 822 804 823 805 span.selectArrow3 { … … 840 822 } 841 823 842 span.selectArrow4:hover {843 background-image: url(../img/f_mail_hover.png);844 }824 span.selectArrow4:hover { 825 background-image: url(../img/f_mail_hover.png); 826 } 845 827 846 828 span.selectArrow4 { … … 874 856 } 875 857 876 .textarea_field:focus {877 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8);878 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8);879 box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8);880 }858 .textarea_field:focus { 859 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8); 860 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8); 861 box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8); 862 } 881 863 882 864 span.selectArrow5 { … … 892 874 } 893 875 894 span.selectArrow5:hover {895 background-image: url(../img/f_comment_hover.png);896 }876 span.selectArrow5:hover { 877 background-image: url(../img/f_comment_hover.png); 878 } 897 879 898 880 span.selectArrow5 { … … 916 898 } 917 899 918 span.selectArrow6:hover {919 background-image: url(../img/f_custom_field_hover.png);920 }900 span.selectArrow6:hover { 901 background-image: url(../img/f_custom_field_hover.png); 902 } 921 903 922 904 span.selectArrow6, span.selected2 { … … 965 947 } 966 948 967 span.selectArrow7:hover {968 background-image: url(../img/f_check_hover.png);969 }949 span.selectArrow7:hover { 950 background-image: url(../img/f_check_hover.png); 951 } 970 952 971 953 span.selectArrow7, span.selected2 { … … 1051 1033 } 1052 1034 1053 .f_subbox_title table tr td {1054 border: none;1055 text-align: left;1056 }1035 .f_subbox_title table tr td { 1036 border: none; 1037 text-align: left; 1038 } 1057 1039 1058 1040 .f_person_data table tr td, .f_text_time table tr td, .f_subbox_data2 div table tr td { … … 1094 1076 } 1095 1077 1096 /* higlight active text field */1097 .text_field:focus {1098 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8);1099 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8);1100 box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8);1101 }1078 /* highlight active text field */ 1079 .text_field:focus { 1080 -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8); 1081 -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8); 1082 box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .8); 1083 } 1102 1084 1103 1085 .required { … … 1249 1231 } 1250 1232 1251 .f_text_selection_step2 th, .f_text_selection_step2 td {1252 font-family: 'PT Sans Narrow', verdana;1253 font-size: 16px;1254 line-height: 25px;1255 text-align: left;1256 }1257 1258 .f_text_selection_step2 table {1259 text-align: left;1260 margin-left: 35px;1261 }1233 .f_text_selection_step2 th, .f_text_selection_step2 td { 1234 font-family: 'PT Sans Narrow', verdana; 1235 font-size: 16px; 1236 line-height: 25px; 1237 text-align: left; 1238 } 1239 1240 .f_text_selection_step2 table { 1241 text-align: left; 1242 margin-left: 35px; 1243 } 1262 1244 1263 1245 /* error in input field */ -
redi-restaurant-reservation/branches/newDesign/templates/frontend.php
r1594317 r1610837 61 61 <?php 62 62 $fits = $maxPersons - $minPersons < 8; 63 $maxInRow = $fits ? 8 : 7;63 $maxInRow = $fits ? 8 : 7; 64 64 ?> 65 65 <table style="width:350px; height:auto; text-align:center;" class="f_person_data">
Note: See TracChangeset
for help on using the changeset viewer.