Переглянути джерело

corrections to index

tags/rls1
kenn408k 6 роки тому
джерело
коміт
6b01335a3d
2 змінених файлів з 252 додано та 241 видалено
  1. 1
    1
      content/home.php
  2. 251
    240
      css/style.css

+ 1
- 1
content/home.php Переглянути файл

@@ -76,7 +76,7 @@ Design::header($setup, 0);
76 76
                     <div class="event-content">
77 77
                         <div class="event-left">
78 78
                             <h1><?php echo $result['title'] ?></h1>
79
-                            <p>Content goes here</p>
79
+                            <p class="cuttext"><?php echo $result['description']; ?></p>
80 80
                         </div>
81 81
                         <div class="event-right"><a href="?page=eventview&e=<?php echo $result['id'] ?>"><button>Læs Mere</button></a></div>
82 82
                     </div>

+ 251
- 240
css/style.css Переглянути файл

@@ -260,6 +260,17 @@ a:hover {
260 260
     float:left;
261 261
     font-size:12px;
262 262
     font-weight:normal;
263
+    
264
+    text-overflow: ellipsis;
265
+    overflow: hidden;
266
+    height:70px;
267
+}
268
+
269
+.event-left p {
270
+    text-overflow: ellipsis;
271
+    overflow: hidden; 
272
+    width:200px;
273
+    font-size:10px;
263 274
 }
264 275
 
265 276
 .event-right {
@@ -388,7 +399,7 @@ a:hover {
388 399
 }
389 400
 
390 401
 .newsbody {
391
-    
402
+
392 403
 }
393 404
 
394 405
 .newsbody img {
@@ -529,7 +540,7 @@ a:hover {
529 540
 }
530 541
 
531 542
 .editorform {
532
-    
543
+
533 544
 }
534 545
 
535 546
 .editorform .editformtitle {
@@ -903,607 +914,607 @@ footer li {
903 914
 /* BTN styles from bootstrap */
904 915
 
905 916
 .btn:hover {
906
-  color: #212529;
907
-  text-decoration: none;
917
+    color: #212529;
918
+    text-decoration: none;
908 919
 }
909 920
 
910 921
 .btn:focus, .btn.focus {
911
-  outline: 0;
912
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
922
+    outline: 0;
923
+    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
913 924
 }
914 925
 
915 926
 .btn.disabled, .btn:disabled {
916
-  opacity: 0.65;
927
+    opacity: 0.65;
917 928
 }
918 929
 
919 930
 a.btn.disabled,
920 931
 fieldset:disabled a.btn {
921
-  pointer-events: none;
932
+    pointer-events: none;
922 933
 }
923 934
 
924 935
 .btn-primary {
925
-  color: #fff;
926
-  background-color: #007bff;
927
-  border-color: #007bff;
936
+    color: #fff;
937
+    background-color: #007bff;
938
+    border-color: #007bff;
928 939
 }
929 940
 
930 941
 .btn-primary:hover {
931
-  color: #fff;
932
-  background-color: #0069d9;
933
-  border-color: #0062cc;
942
+    color: #fff;
943
+    background-color: #0069d9;
944
+    border-color: #0062cc;
934 945
 }
935 946
 
936 947
 .btn-primary:focus, .btn-primary.focus {
937
-  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
948
+    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
938 949
 }
939 950
 
940 951
 .btn-primary.disabled, .btn-primary:disabled {
941
-  color: #fff;
942
-  background-color: #007bff;
943
-  border-color: #007bff;
952
+    color: #fff;
953
+    background-color: #007bff;
954
+    border-color: #007bff;
944 955
 }
945 956
 
946 957
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
947 958
 .show > .btn-primary.dropdown-toggle {
948
-  color: #fff;
949
-  background-color: #0062cc;
950
-  border-color: #005cbf;
959
+    color: #fff;
960
+    background-color: #0062cc;
961
+    border-color: #005cbf;
951 962
 }
952 963
 
953 964
 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
954 965
 .show > .btn-primary.dropdown-toggle:focus {
955
-  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
966
+    box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
956 967
 }
957 968
 
958 969
 .btn-secondary {
959
-  color: #fff;
960
-  background-color: #6c757d;
961
-  border-color: #6c757d;
970
+    color: #fff;
971
+    background-color: #6c757d;
972
+    border-color: #6c757d;
962 973
 }
963 974
 
964 975
 .btn-secondary:hover {
965
-  color: #fff;
966
-  background-color: #5a6268;
967
-  border-color: #545b62;
976
+    color: #fff;
977
+    background-color: #5a6268;
978
+    border-color: #545b62;
968 979
 }
969 980
 
970 981
 .btn-secondary:focus, .btn-secondary.focus {
971
-  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
982
+    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
972 983
 }
973 984
 
974 985
 .btn-secondary.disabled, .btn-secondary:disabled {
975
-  color: #fff;
976
-  background-color: #6c757d;
977
-  border-color: #6c757d;
986
+    color: #fff;
987
+    background-color: #6c757d;
988
+    border-color: #6c757d;
978 989
 }
979 990
 
980 991
 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
981 992
 .show > .btn-secondary.dropdown-toggle {
982
-  color: #fff;
983
-  background-color: #545b62;
984
-  border-color: #4e555b;
993
+    color: #fff;
994
+    background-color: #545b62;
995
+    border-color: #4e555b;
985 996
 }
986 997
 
987 998
 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
988 999
 .show > .btn-secondary.dropdown-toggle:focus {
989
-  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
1000
+    box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
990 1001
 }
991 1002
 
992 1003
 .btn-success {
993
-  color: #fff;
994
-  background-color: #28a745;
995
-  border-color: #28a745;
1004
+    color: #fff;
1005
+    background-color: #28a745;
1006
+    border-color: #28a745;
996 1007
 }
997 1008
 
998 1009
 .btn-success:hover {
999
-  color: #fff;
1000
-  background-color: #218838;
1001
-  border-color: #1e7e34;
1010
+    color: #fff;
1011
+    background-color: #218838;
1012
+    border-color: #1e7e34;
1002 1013
 }
1003 1014
 
1004 1015
 .btn-success:focus, .btn-success.focus {
1005
-  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1016
+    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1006 1017
 }
1007 1018
 
1008 1019
 .btn-success.disabled, .btn-success:disabled {
1009
-  color: #fff;
1010
-  background-color: #28a745;
1011
-  border-color: #28a745;
1020
+    color: #fff;
1021
+    background-color: #28a745;
1022
+    border-color: #28a745;
1012 1023
 }
1013 1024
 
1014 1025
 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
1015 1026
 .show > .btn-success.dropdown-toggle {
1016
-  color: #fff;
1017
-  background-color: #1e7e34;
1018
-  border-color: #1c7430;
1027
+    color: #fff;
1028
+    background-color: #1e7e34;
1029
+    border-color: #1c7430;
1019 1030
 }
1020 1031
 
1021 1032
 .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
1022 1033
 .show > .btn-success.dropdown-toggle:focus {
1023
-  box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1034
+    box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
1024 1035
 }
1025 1036
 
1026 1037
 .btn-info {
1027
-  color: #fff;
1028
-  background-color: #17a2b8;
1029
-  border-color: #17a2b8;
1038
+    color: #fff;
1039
+    background-color: #17a2b8;
1040
+    border-color: #17a2b8;
1030 1041
 }
1031 1042
 
1032 1043
 .btn-info:hover {
1033
-  color: #fff;
1034
-  background-color: #138496;
1035
-  border-color: #117a8b;
1044
+    color: #fff;
1045
+    background-color: #138496;
1046
+    border-color: #117a8b;
1036 1047
 }
1037 1048
 
1038 1049
 .btn-info:focus, .btn-info.focus {
1039
-  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1050
+    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1040 1051
 }
1041 1052
 
1042 1053
 .btn-info.disabled, .btn-info:disabled {
1043
-  color: #fff;
1044
-  background-color: #17a2b8;
1045
-  border-color: #17a2b8;
1054
+    color: #fff;
1055
+    background-color: #17a2b8;
1056
+    border-color: #17a2b8;
1046 1057
 }
1047 1058
 
1048 1059
 .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
1049 1060
 .show > .btn-info.dropdown-toggle {
1050
-  color: #fff;
1051
-  background-color: #117a8b;
1052
-  border-color: #10707f;
1061
+    color: #fff;
1062
+    background-color: #117a8b;
1063
+    border-color: #10707f;
1053 1064
 }
1054 1065
 
1055 1066
 .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
1056 1067
 .show > .btn-info.dropdown-toggle:focus {
1057
-  box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1068
+    box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5);
1058 1069
 }
1059 1070
 
1060 1071
 .btn-warning {
1061
-  color: #212529;
1062
-  background-color: #ffc107;
1063
-  border-color: #ffc107;
1072
+    color: #212529;
1073
+    background-color: #ffc107;
1074
+    border-color: #ffc107;
1064 1075
 }
1065 1076
 
1066 1077
 .btn-warning:hover {
1067
-  color: #212529;
1068
-  background-color: #e0a800;
1069
-  border-color: #d39e00;
1078
+    color: #212529;
1079
+    background-color: #e0a800;
1080
+    border-color: #d39e00;
1070 1081
 }
1071 1082
 
1072 1083
 .btn-warning:focus, .btn-warning.focus {
1073
-  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1084
+    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1074 1085
 }
1075 1086
 
1076 1087
 .btn-warning.disabled, .btn-warning:disabled {
1077
-  color: #212529;
1078
-  background-color: #ffc107;
1079
-  border-color: #ffc107;
1088
+    color: #212529;
1089
+    background-color: #ffc107;
1090
+    border-color: #ffc107;
1080 1091
 }
1081 1092
 
1082 1093
 .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
1083 1094
 .show > .btn-warning.dropdown-toggle {
1084
-  color: #212529;
1085
-  background-color: #d39e00;
1086
-  border-color: #c69500;
1095
+    color: #212529;
1096
+    background-color: #d39e00;
1097
+    border-color: #c69500;
1087 1098
 }
1088 1099
 
1089 1100
 .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
1090 1101
 .show > .btn-warning.dropdown-toggle:focus {
1091
-  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1102
+    box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
1092 1103
 }
1093 1104
 
1094 1105
 .btn-danger {
1095
-  color: #fff;
1096
-  background-color: #dc3545;
1097
-  border-color: #dc3545;
1106
+    color: #fff;
1107
+    background-color: #dc3545;
1108
+    border-color: #dc3545;
1098 1109
 }
1099 1110
 
1100 1111
 .btn-danger:hover {
1101
-  color: #fff;
1102
-  background-color: #c82333;
1103
-  border-color: #bd2130;
1112
+    color: #fff;
1113
+    background-color: #c82333;
1114
+    border-color: #bd2130;
1104 1115
 }
1105 1116
 
1106 1117
 .btn-danger:focus, .btn-danger.focus {
1107
-  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1118
+    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1108 1119
 }
1109 1120
 
1110 1121
 .btn-danger.disabled, .btn-danger:disabled {
1111
-  color: #fff;
1112
-  background-color: #dc3545;
1113
-  border-color: #dc3545;
1122
+    color: #fff;
1123
+    background-color: #dc3545;
1124
+    border-color: #dc3545;
1114 1125
 }
1115 1126
 
1116 1127
 .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
1117 1128
 .show > .btn-danger.dropdown-toggle {
1118
-  color: #fff;
1119
-  background-color: #bd2130;
1120
-  border-color: #b21f2d;
1129
+    color: #fff;
1130
+    background-color: #bd2130;
1131
+    border-color: #b21f2d;
1121 1132
 }
1122 1133
 
1123 1134
 .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
1124 1135
 .show > .btn-danger.dropdown-toggle:focus {
1125
-  box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1136
+    box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
1126 1137
 }
1127 1138
 
1128 1139
 .btn-light {
1129
-  color: #212529;
1130
-  background-color: #f8f9fa;
1131
-  border-color: #f8f9fa;
1140
+    color: #212529;
1141
+    background-color: #f8f9fa;
1142
+    border-color: #f8f9fa;
1132 1143
 }
1133 1144
 
1134 1145
 .btn-light:hover {
1135
-  color: #212529;
1136
-  background-color: #e2e6ea;
1137
-  border-color: #dae0e5;
1146
+    color: #212529;
1147
+    background-color: #e2e6ea;
1148
+    border-color: #dae0e5;
1138 1149
 }
1139 1150
 
1140 1151
 .btn-light:focus, .btn-light.focus {
1141
-  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1152
+    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1142 1153
 }
1143 1154
 
1144 1155
 .btn-light.disabled, .btn-light:disabled {
1145
-  color: #212529;
1146
-  background-color: #f8f9fa;
1147
-  border-color: #f8f9fa;
1156
+    color: #212529;
1157
+    background-color: #f8f9fa;
1158
+    border-color: #f8f9fa;
1148 1159
 }
1149 1160
 
1150 1161
 .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
1151 1162
 .show > .btn-light.dropdown-toggle {
1152
-  color: #212529;
1153
-  background-color: #dae0e5;
1154
-  border-color: #d3d9df;
1163
+    color: #212529;
1164
+    background-color: #dae0e5;
1165
+    border-color: #d3d9df;
1155 1166
 }
1156 1167
 
1157 1168
 .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
1158 1169
 .show > .btn-light.dropdown-toggle:focus {
1159
-  box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1170
+    box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5);
1160 1171
 }
1161 1172
 
1162 1173
 .btn-dark {
1163
-  color: #fff;
1164
-  background-color: #343a40;
1165
-  border-color: #343a40;
1174
+    color: #fff;
1175
+    background-color: #343a40;
1176
+    border-color: #343a40;
1166 1177
 }
1167 1178
 
1168 1179
 .btn-dark:hover {
1169
-  color: #fff;
1170
-  background-color: #23272b;
1171
-  border-color: #1d2124;
1180
+    color: #fff;
1181
+    background-color: #23272b;
1182
+    border-color: #1d2124;
1172 1183
 }
1173 1184
 
1174 1185
 .btn-dark:focus, .btn-dark.focus {
1175
-  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1186
+    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1176 1187
 }
1177 1188
 
1178 1189
 .btn-dark.disabled, .btn-dark:disabled {
1179
-  color: #fff;
1180
-  background-color: #343a40;
1181
-  border-color: #343a40;
1190
+    color: #fff;
1191
+    background-color: #343a40;
1192
+    border-color: #343a40;
1182 1193
 }
1183 1194
 
1184 1195
 .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
1185 1196
 .show > .btn-dark.dropdown-toggle {
1186
-  color: #fff;
1187
-  background-color: #1d2124;
1188
-  border-color: #171a1d;
1197
+    color: #fff;
1198
+    background-color: #1d2124;
1199
+    border-color: #171a1d;
1189 1200
 }
1190 1201
 
1191 1202
 .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
1192 1203
 .show > .btn-dark.dropdown-toggle:focus {
1193
-  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1204
+    box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
1194 1205
 }
1195 1206
 
1196 1207
 .btn-outline-primary {
1197
-  color: #007bff;
1198
-  border-color: #007bff;
1208
+    color: #007bff;
1209
+    border-color: #007bff;
1199 1210
 }
1200 1211
 
1201 1212
 .btn-outline-primary:hover {
1202
-  color: #fff;
1203
-  background-color: #007bff;
1204
-  border-color: #007bff;
1213
+    color: #fff;
1214
+    background-color: #007bff;
1215
+    border-color: #007bff;
1205 1216
 }
1206 1217
 
1207 1218
 .btn-outline-primary:focus, .btn-outline-primary.focus {
1208
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
1219
+    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
1209 1220
 }
1210 1221
 
1211 1222
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
1212
-  color: #007bff;
1213
-  background-color: transparent;
1223
+    color: #007bff;
1224
+    background-color: transparent;
1214 1225
 }
1215 1226
 
1216 1227
 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
1217 1228
 .show > .btn-outline-primary.dropdown-toggle {
1218
-  color: #fff;
1219
-  background-color: #007bff;
1220
-  border-color: #007bff;
1229
+    color: #fff;
1230
+    background-color: #007bff;
1231
+    border-color: #007bff;
1221 1232
 }
1222 1233
 
1223 1234
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
1224 1235
 .show > .btn-outline-primary.dropdown-toggle:focus {
1225
-  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
1236
+    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
1226 1237
 }
1227 1238
 
1228 1239
 .btn-outline-secondary {
1229
-  color: #6c757d;
1230
-  border-color: #6c757d;
1240
+    color: #6c757d;
1241
+    border-color: #6c757d;
1231 1242
 }
1232 1243
 
1233 1244
 .btn-outline-secondary:hover {
1234
-  color: #fff;
1235
-  background-color: #6c757d;
1236
-  border-color: #6c757d;
1245
+    color: #fff;
1246
+    background-color: #6c757d;
1247
+    border-color: #6c757d;
1237 1248
 }
1238 1249
 
1239 1250
 .btn-outline-secondary:focus, .btn-outline-secondary.focus {
1240
-  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1251
+    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1241 1252
 }
1242 1253
 
1243 1254
 .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
1244
-  color: #6c757d;
1245
-  background-color: transparent;
1255
+    color: #6c757d;
1256
+    background-color: transparent;
1246 1257
 }
1247 1258
 
1248 1259
 .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
1249 1260
 .show > .btn-outline-secondary.dropdown-toggle {
1250
-  color: #fff;
1251
-  background-color: #6c757d;
1252
-  border-color: #6c757d;
1261
+    color: #fff;
1262
+    background-color: #6c757d;
1263
+    border-color: #6c757d;
1253 1264
 }
1254 1265
 
1255 1266
 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
1256 1267
 .show > .btn-outline-secondary.dropdown-toggle:focus {
1257
-  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1268
+    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
1258 1269
 }
1259 1270
 
1260 1271
 .btn-outline-success {
1261
-  color: #28a745;
1262
-  border-color: #28a745;
1272
+    color: #28a745;
1273
+    border-color: #28a745;
1263 1274
 }
1264 1275
 
1265 1276
 .btn-outline-success:hover {
1266
-  color: #fff;
1267
-  background-color: #28a745;
1268
-  border-color: #28a745;
1277
+    color: #fff;
1278
+    background-color: #28a745;
1279
+    border-color: #28a745;
1269 1280
 }
1270 1281
 
1271 1282
 .btn-outline-success:focus, .btn-outline-success.focus {
1272
-  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1283
+    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1273 1284
 }
1274 1285
 
1275 1286
 .btn-outline-success.disabled, .btn-outline-success:disabled {
1276
-  color: #28a745;
1277
-  background-color: transparent;
1287
+    color: #28a745;
1288
+    background-color: transparent;
1278 1289
 }
1279 1290
 
1280 1291
 .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
1281 1292
 .show > .btn-outline-success.dropdown-toggle {
1282
-  color: #fff;
1283
-  background-color: #28a745;
1284
-  border-color: #28a745;
1293
+    color: #fff;
1294
+    background-color: #28a745;
1295
+    border-color: #28a745;
1285 1296
 }
1286 1297
 
1287 1298
 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
1288 1299
 .show > .btn-outline-success.dropdown-toggle:focus {
1289
-  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1300
+    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
1290 1301
 }
1291 1302
 
1292 1303
 .btn-outline-info {
1293
-  color: #17a2b8;
1294
-  border-color: #17a2b8;
1304
+    color: #17a2b8;
1305
+    border-color: #17a2b8;
1295 1306
 }
1296 1307
 
1297 1308
 .btn-outline-info:hover {
1298
-  color: #fff;
1299
-  background-color: #17a2b8;
1300
-  border-color: #17a2b8;
1309
+    color: #fff;
1310
+    background-color: #17a2b8;
1311
+    border-color: #17a2b8;
1301 1312
 }
1302 1313
 
1303 1314
 .btn-outline-info:focus, .btn-outline-info.focus {
1304
-  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1315
+    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1305 1316
 }
1306 1317
 
1307 1318
 .btn-outline-info.disabled, .btn-outline-info:disabled {
1308
-  color: #17a2b8;
1309
-  background-color: transparent;
1319
+    color: #17a2b8;
1320
+    background-color: transparent;
1310 1321
 }
1311 1322
 
1312 1323
 .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
1313 1324
 .show > .btn-outline-info.dropdown-toggle {
1314
-  color: #fff;
1315
-  background-color: #17a2b8;
1316
-  border-color: #17a2b8;
1325
+    color: #fff;
1326
+    background-color: #17a2b8;
1327
+    border-color: #17a2b8;
1317 1328
 }
1318 1329
 
1319 1330
 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
1320 1331
 .show > .btn-outline-info.dropdown-toggle:focus {
1321
-  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1332
+    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
1322 1333
 }
1323 1334
 
1324 1335
 .btn-outline-warning {
1325
-  color: #ffc107;
1326
-  border-color: #ffc107;
1336
+    color: #ffc107;
1337
+    border-color: #ffc107;
1327 1338
 }
1328 1339
 
1329 1340
 .btn-outline-warning:hover {
1330
-  color: #212529;
1331
-  background-color: #ffc107;
1332
-  border-color: #ffc107;
1341
+    color: #212529;
1342
+    background-color: #ffc107;
1343
+    border-color: #ffc107;
1333 1344
 }
1334 1345
 
1335 1346
 .btn-outline-warning:focus, .btn-outline-warning.focus {
1336
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1347
+    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1337 1348
 }
1338 1349
 
1339 1350
 .btn-outline-warning.disabled, .btn-outline-warning:disabled {
1340
-  color: #ffc107;
1341
-  background-color: transparent;
1351
+    color: #ffc107;
1352
+    background-color: transparent;
1342 1353
 }
1343 1354
 
1344 1355
 .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
1345 1356
 .show > .btn-outline-warning.dropdown-toggle {
1346
-  color: #212529;
1347
-  background-color: #ffc107;
1348
-  border-color: #ffc107;
1357
+    color: #212529;
1358
+    background-color: #ffc107;
1359
+    border-color: #ffc107;
1349 1360
 }
1350 1361
 
1351 1362
 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
1352 1363
 .show > .btn-outline-warning.dropdown-toggle:focus {
1353
-  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1364
+    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
1354 1365
 }
1355 1366
 
1356 1367
 .btn-outline-danger {
1357
-  color: #dc3545;
1358
-  border-color: #dc3545;
1368
+    color: #dc3545;
1369
+    border-color: #dc3545;
1359 1370
 }
1360 1371
 
1361 1372
 .btn-outline-danger:hover {
1362
-  color: #fff;
1363
-  background-color: #dc3545;
1364
-  border-color: #dc3545;
1373
+    color: #fff;
1374
+    background-color: #dc3545;
1375
+    border-color: #dc3545;
1365 1376
 }
1366 1377
 
1367 1378
 .btn-outline-danger:focus, .btn-outline-danger.focus {
1368
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1379
+    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1369 1380
 }
1370 1381
 
1371 1382
 .btn-outline-danger.disabled, .btn-outline-danger:disabled {
1372
-  color: #dc3545;
1373
-  background-color: transparent;
1383
+    color: #dc3545;
1384
+    background-color: transparent;
1374 1385
 }
1375 1386
 
1376 1387
 .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
1377 1388
 .show > .btn-outline-danger.dropdown-toggle {
1378
-  color: #fff;
1379
-  background-color: #dc3545;
1380
-  border-color: #dc3545;
1389
+    color: #fff;
1390
+    background-color: #dc3545;
1391
+    border-color: #dc3545;
1381 1392
 }
1382 1393
 
1383 1394
 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
1384 1395
 .show > .btn-outline-danger.dropdown-toggle:focus {
1385
-  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1396
+    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
1386 1397
 }
1387 1398
 
1388 1399
 .btn-outline-light {
1389
-  color: #f8f9fa;
1390
-  border-color: #f8f9fa;
1400
+    color: #f8f9fa;
1401
+    border-color: #f8f9fa;
1391 1402
 }
1392 1403
 
1393 1404
 .btn-outline-light:hover {
1394
-  color: #212529;
1395
-  background-color: #f8f9fa;
1396
-  border-color: #f8f9fa;
1405
+    color: #212529;
1406
+    background-color: #f8f9fa;
1407
+    border-color: #f8f9fa;
1397 1408
 }
1398 1409
 
1399 1410
 .btn-outline-light:focus, .btn-outline-light.focus {
1400
-  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1411
+    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1401 1412
 }
1402 1413
 
1403 1414
 .btn-outline-light.disabled, .btn-outline-light:disabled {
1404
-  color: #f8f9fa;
1405
-  background-color: transparent;
1415
+    color: #f8f9fa;
1416
+    background-color: transparent;
1406 1417
 }
1407 1418
 
1408 1419
 .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
1409 1420
 .show > .btn-outline-light.dropdown-toggle {
1410
-  color: #212529;
1411
-  background-color: #f8f9fa;
1412
-  border-color: #f8f9fa;
1421
+    color: #212529;
1422
+    background-color: #f8f9fa;
1423
+    border-color: #f8f9fa;
1413 1424
 }
1414 1425
 
1415 1426
 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
1416 1427
 .show > .btn-outline-light.dropdown-toggle:focus {
1417
-  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1428
+    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
1418 1429
 }
1419 1430
 
1420 1431
 .btn-outline-dark {
1421
-  color: #343a40;
1422
-  border-color: #343a40;
1432
+    color: #343a40;
1433
+    border-color: #343a40;
1423 1434
 }
1424 1435
 
1425 1436
 .btn-outline-dark:hover {
1426
-  color: #fff;
1427
-  background-color: #343a40;
1428
-  border-color: #343a40;
1437
+    color: #fff;
1438
+    background-color: #343a40;
1439
+    border-color: #343a40;
1429 1440
 }
1430 1441
 
1431 1442
 .btn-outline-dark:focus, .btn-outline-dark.focus {
1432
-  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1443
+    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1433 1444
 }
1434 1445
 
1435 1446
 .btn-outline-dark.disabled, .btn-outline-dark:disabled {
1436
-  color: #343a40;
1437
-  background-color: transparent;
1447
+    color: #343a40;
1448
+    background-color: transparent;
1438 1449
 }
1439 1450
 
1440 1451
 .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
1441 1452
 .show > .btn-outline-dark.dropdown-toggle {
1442
-  color: #fff;
1443
-  background-color: #343a40;
1444
-  border-color: #343a40;
1453
+    color: #fff;
1454
+    background-color: #343a40;
1455
+    border-color: #343a40;
1445 1456
 }
1446 1457
 
1447 1458
 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
1448 1459
 .show > .btn-outline-dark.dropdown-toggle:focus {
1449
-  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1460
+    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
1450 1461
 }
1451 1462
 
1452 1463
 .btn-link {
1453
-  font-weight: 400;
1454
-  color: #007bff;
1455
-  text-decoration: none;
1464
+    font-weight: 400;
1465
+    color: #007bff;
1466
+    text-decoration: none;
1456 1467
 }
1457 1468
 
1458 1469
 .btn-link:hover {
1459
-  color: #0056b3;
1460
-  text-decoration: underline;
1470
+    color: #0056b3;
1471
+    text-decoration: underline;
1461 1472
 }
1462 1473
 
1463 1474
 .btn-link:focus, .btn-link.focus {
1464
-  text-decoration: underline;
1465
-  box-shadow: none;
1475
+    text-decoration: underline;
1476
+    box-shadow: none;
1466 1477
 }
1467 1478
 
1468 1479
 .btn-link:disabled, .btn-link.disabled {
1469
-  color: #6c757d;
1470
-  pointer-events: none;
1480
+    color: #6c757d;
1481
+    pointer-events: none;
1471 1482
 }
1472 1483
 
1473 1484
 .btn-lg, .btn-group-lg > .btn {
1474
-  padding: 0.5rem 1rem;
1475
-  font-size: 1.25rem;
1476
-  line-height: 1.5;
1477
-  border-radius: 0.3rem;
1485
+    padding: 0.5rem 1rem;
1486
+    font-size: 1.25rem;
1487
+    line-height: 1.5;
1488
+    border-radius: 0.3rem;
1478 1489
 }
1479 1490
 
1480 1491
 .btn-sm, .btn-group-sm > .btn {
1481
-  padding: 0.25rem 0.5rem;
1482
-  font-size: 0.875rem;
1483
-  line-height: 1.5;
1484
-  border-radius: 0.2rem;
1492
+    padding: 0.25rem 0.5rem;
1493
+    font-size: 0.875rem;
1494
+    line-height: 1.5;
1495
+    border-radius: 0.2rem;
1485 1496
 }
1486 1497
 
1487 1498
 .btn-block {
1488
-  display: block;
1489
-  width: 100%;
1499
+    display: block;
1500
+    width: 100%;
1490 1501
 }
1491 1502
 
1492 1503
 .btn-block + .btn-block {
1493
-  margin-top: 0.5rem;
1504
+    margin-top: 0.5rem;
1494 1505
 }
1495 1506
 
1496 1507
 input[type="submit"].btn-block,
1497 1508
 input[type="reset"].btn-block,
1498 1509
 input[type="button"].btn-block {
1499
-  width: 100%;
1510
+    width: 100%;
1500 1511
 }
1501 1512
 
1502 1513
 button {
1503
-  border-radius: 0;
1514
+    border-radius: 0;
1504 1515
 }
1505 1516
 
1506 1517
 button:focus {
1507
-  outline: 1px dotted;
1508
-  outline: 5px auto -webkit-focus-ring-color;
1518
+    outline: 1px dotted;
1519
+    outline: 5px auto -webkit-focus-ring-color;
1509 1520
 }

Завантаження…
Відмінити
Зберегти