Browse Source

Validation and standardisation

master
Brian Conway 2 years ago
parent
commit
2b2ae0da84
1 changed files with 69 additions and 158 deletions
  1. 69
    158
      public/css/newStyle.css

+ 69
- 158
public/css/newStyle.css View File

18
 
18
 
19
 /* @import url("https://fonts.googleapis.com/css?family=Muli&display=swap"); */
19
 /* @import url("https://fonts.googleapis.com/css?family=Muli&display=swap"); */
20
 
20
 
21
-.vfl-label {
22
-    text-transform: uppercase;
21
+.vfl-label .vfl-has-label {
22
+    text-align: left;
23
+    color: black;
23
 }
24
 }
24
 
25
 
25
 .vfl-label-on-input {
26
 .vfl-label-on-input {
30
     color: rgb(27, 117, 187) !important;
31
     color: rgb(27, 117, 187) !important;
31
 }
32
 }
32
 
33
 
33
-.uniSelect {
34
-    border-color: rgb(27, 117, 187);
34
+.uniInput {
35
     border-width: 2px;
35
     border-width: 2px;
36
+    border-color: #1b75bb;
37
+    padding: 10px 14px;
38
+    box-shadow: none;
39
+    color: black;
40
+    font-size: 15px;
41
+    font-weight: 400;
36
     font-family: "Muli";
42
     font-family: "Muli";
37
-    color: rgb(118, 118, 118);
38
-    padding-left: 10px;
39
-    text-transform: uppercase;
43
+}
44
+
45
+.uniSelect {
46
+    border-width: 2px;
47
+    border-color: #1b75bb;
48
+    padding: 10px 14px;
49
+    box-shadow: none;
50
+    color: black;
40
     font-size: 15px;
51
     font-size: 15px;
41
     font-weight: 400;
52
     font-weight: 400;
53
+    font-family: "Muli";
42
 }
54
 }
43
 
55
 
44
 .uniSelect option {
56
 .uniSelect option {
45
     color: rgb(118, 118, 118);
57
     color: rgb(118, 118, 118);
46
     font-family: inherit;
58
     font-family: inherit;
47
-    text-transform: inherit;
48
 }
59
 }
49
 
60
 
50
 .uniSelectLabel {
61
 .uniSelectLabel {
56
     font-size: 15px;
67
     font-size: 15px;
57
     color: rgb(118, 118, 118);
68
     color: rgb(118, 118, 118);
58
     pointer-events: none;
69
     pointer-events: none;
59
-    text-transform: uppercase;
60
 }
70
 }
61
 
71
 
62
 .quillWrapper .ql-snow.ql-toolbar {
72
 .quillWrapper .ql-snow.ql-toolbar {
81
     font-weight: 400;
91
     font-weight: 400;
82
 }
92
 }
83
 
93
 
84
-.uniInput {
85
-    border-width: 2px;
86
-    border-color: #1b75bb;
87
-    padding: 10px 14px;
88
-    box-shadow: none;
89
-    font-size: 15px;
90
-    font-weight: 400;
91
-    font-family: "Muli";
92
-}
93
-
94
 body {
94
 body {
95
     color: #444;
95
     color: #444;
96
     font-family: "Muli";
96
     font-family: "Muli";
541
     font-size: 22px;
541
     font-size: 22px;
542
     outline: none;
542
     outline: none;
543
     font-weight: 700;
543
     font-weight: 700;
544
-    text-transform: uppercase;
545
 }
544
 }
546
 
545
 
547
 .nav-menu li:hover>a,
546
 .nav-menu li:hover>a,
577
     color: #1b75bb;
576
     color: #1b75bb;
578
 }
577
 }
579
 
578
 
579
+.nav-tabs li a {
580
+    border-top: none;
581
+    border-left: none;
582
+    border-right: none;
583
+    background-color: white;
584
+    border-bottom-color: rgb(221, 221, 221);
585
+}
586
+
587
+.nav-tabs li :hover {
588
+    color: white;
589
+    background-color: rgb(27, 117, 187);
590
+}
591
+
592
+.nav-tabs li a.active {
593
+    border-top: none;
594
+    border-left: none;
595
+    border-right: none;
596
+    color: white;
597
+    background-color: rgb(80, 133, 240);
598
+    border-bottom-color: rgb(221, 221, 221);
599
+}
600
+
601
+.nav-tabs li a :hover {
602
+    background-color: transparent;
603
+    color: white;
604
+}
605
+
580
 
606
 
581
 /* Mobile Nav Toggle */
607
 /* Mobile Nav Toggle */
582
 
608
 
1035
     font-size: 18px;
1061
     font-size: 18px;
1036
     margin-bottom: 15px;
1062
     margin-bottom: 15px;
1037
     font-weight: bold;
1063
     font-weight: bold;
1038
-    text-transform: uppercase;
1039
     color: #1b75bb;
1064
     color: #1b75bb;
1040
 }
1065
 }
1041
 
1066
 
1148
     font-size: 18px;
1173
     font-size: 18px;
1149
     margin-bottom: 15px;
1174
     margin-bottom: 15px;
1150
     font-weight: bold;
1175
     font-weight: bold;
1151
-    text-transform: uppercase;
1152
     color: #1b75bb;
1176
     color: #1b75bb;
1153
 }
1177
 }
1154
 
1178
 
1212
     box-shadow: none;
1236
     box-shadow: none;
1213
     font-size: 15px;
1237
     font-size: 15px;
1214
     color: #1b75bb;
1238
     color: #1b75bb;
1215
-    text-transform: uppercase;
1239
+}
1240
+
1241
+#contact2 .form select {
1242
+    border: 2px solid #1b75bb;
1243
+    box-shadow: none;
1244
+    font-size: 15px;
1245
+    color: black;
1216
 }
1246
 }
1217
 
1247
 
1218
 #contact2 .form button[type="submit"] {
1248
 #contact2 .form button[type="submit"] {
1393
     padding: 2rem;
1423
     padding: 2rem;
1394
 }
1424
 }
1395
 
1425
 
1396
-.form-signin {
1397
-    width: 100%;
1398
-}
1399
-
1400
-.form-signin .btn {
1401
-    font-size: 80%;
1402
-    border-radius: 0rem;
1403
-    letter-spacing: 0.1rem;
1404
-    font-weight: bold;
1405
-    padding: 1rem;
1406
-    transition: all 0.2s;
1407
-}
1408
-
1409
-.form-label-group {
1410
-    position: relative;
1411
-    margin-bottom: 1rem;
1412
-}
1413
-
1414
-.form-label-group input {
1415
-    height: auto;
1416
-}
1417
-
1418
-.form-label-group>input,
1419
-.form-label-group>label {
1420
-    padding: var(--input-padding-y) var(--input-padding-x);
1421
-}
1422
-
1423
-.form-label-group>label {
1424
-    position: absolute;
1425
-    top: 0;
1426
-    left: 0;
1427
-    display: block;
1428
-    width: 100%;
1429
-    margin-bottom: 0;
1430
-    line-height: 1.5;
1431
-    color: #495057;
1432
-    border: 1px solid transparent;
1433
-    border-radius: 0.25rem;
1434
-    transition: all 0.1s ease-in-out;
1435
-}
1436
-
1437
-.form-control:focus {
1438
-    box-shadow: 10px 0px 0px 0px #ffffff !important;
1439
-}
1440
-
1441
 .btn-google {
1426
 .btn-google {
1442
     color: white;
1427
     color: white;
1443
     background-color: #ea4335;
1428
     background-color: #ea4335;
1464
     padding: 2rem;
1449
     padding: 2rem;
1465
 }
1450
 }
1466
 
1451
 
1467
-.form-signin {
1468
-    width: 100%;
1469
-}
1470
-
1471
-.form-signin .btn {
1472
-    font-size: 80%;
1473
-    border-radius: 0rem;
1474
-    letter-spacing: 0.1rem;
1475
-    font-weight: bold;
1476
-    padding: 1rem;
1477
-    transition: all 0.2s;
1478
-}
1479
-
1480
-.form-label-group {
1481
-    position: relative;
1482
-    margin-bottom: 1rem;
1483
-}
1484
-
1485
-.form-label-group input {
1486
-    height: auto;
1487
-}
1488
-
1489
-.form-label-group>input,
1490
-.form-label-group>label {
1491
-    padding: var(--input-padding-y) var(--input-padding-x);
1492
-}
1493
-
1494
-.form-label-group>label {
1495
-    position: absolute;
1496
-    top: 0;
1497
-    left: 0;
1498
-    display: block;
1499
-    width: 100%;
1500
-    margin-bottom: 0;
1501
-    line-height: 1.5;
1502
-    color: #495057;
1503
-    border: 1px solid transparent;
1504
-    border-radius: 0.25rem;
1505
-    transition: all 0.1s ease-in-out;
1506
-}
1507
-
1508
-.form-control:focus {
1509
-    box-shadow: 10px 0px 0px 0px #ffffff !important;
1510
-}
1511
-
1512
 .btn-google {
1452
 .btn-google {
1513
     color: white;
1453
     color: white;
1514
     background-color: #ea4335;
1454
     background-color: #ea4335;
1535
     padding: 2rem;
1475
     padding: 2rem;
1536
 }
1476
 }
1537
 
1477
 
1538
-.form-signin {
1539
-    width: 100%;
1540
-}
1541
-
1542
-.form-signin .btn {
1543
-    font-size: 80%;
1544
-    border-radius: 0rem;
1545
-    letter-spacing: 0.1rem;
1546
-    font-weight: bold;
1547
-    padding: 1rem;
1548
-    transition: all 0.2s;
1549
-}
1550
-
1551
-.form-label-group {
1552
-    position: relative;
1553
-    margin-bottom: 1rem;
1554
-}
1555
-
1556
-.form-label-group input {
1557
-    height: auto;
1558
-}
1559
-
1560
-.form-label-group>input,
1561
-.form-label-group>label {
1562
-    padding: var(--input-padding-y) var(--input-padding-x);
1563
-}
1564
-
1565
-.form-label-group>label {
1566
-    position: absolute;
1567
-    top: 0;
1568
-    left: 0;
1569
-    display: block;
1570
-    width: 100%;
1571
-    margin-bottom: 0;
1572
-    line-height: 1.5;
1573
-    color: #495057;
1574
-    border: 1px solid transparent;
1575
-    border-radius: 0.25rem;
1576
-    transition: all 0.1s ease-in-out;
1577
-}
1578
-
1579
-.form-control:focus {
1580
-    box-shadow: 10px 0px 0px 0px #ffffff !important;
1581
-}
1582
-
1583
 .btn-google {
1478
 .btn-google {
1584
     color: white;
1479
     color: white;
1585
     background-color: #ea4335;
1480
     background-color: #ea4335;
1651
     box-shadow: 10px 0px 0px 0px #ffffff !important;
1546
     box-shadow: 10px 0px 0px 0px #ffffff !important;
1652
 }
1547
 }
1653
 
1548
 
1549
+.form input,
1550
+.form textarea {
1551
+    padding: 10px 14px;
1552
+    border: 2px solid #1b75bb;
1553
+    box-shadow: none;
1554
+    font-size: 15px;
1555
+    color: #1b75bb;
1556
+}
1557
+
1558
+.form select {
1559
+    border: 2px solid #1b75bb;
1560
+    box-shadow: none;
1561
+    font-size: 15px;
1562
+    color: #1b75bb;
1563
+}
1564
+
1654
 .btn-google {
1565
 .btn-google {
1655
     color: white;
1566
     color: white;
1656
     background-color: #ea4335;
1567
     background-color: #ea4335;

Loading…
Cancel
Save