Changeset b13f93b for styles/globals.css
- Timestamp:
- 07/03/22 22:59:15 (2 years ago)
- Branches:
- main
- Children:
- 3a783f2
- Parents:
- ace7865
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
styles/globals.css
race7865 rb13f93b 51 51 margin: auto; 52 52 margin-top: 20px; 53 position: relative; 54 z-index: 5; 53 55 } 54 56 … … 178 180 */ 179 181 .notification { 182 z-index: 30; 180 183 position: fixed; 181 184 top: 40px; … … 341 344 background: linear-gradient(to right, #0B932E, #097625); 342 345 color: #ead24d; 346 z-index: 10; 343 347 } 344 348 … … 655 659 } 656 660 657 . blackjackCards .card {661 .card { 658 662 aspect-ratio: 400/560; 659 663 height: 150px; … … 996 1000 * File <- Poker Main 997 1001 */ 1002 .pokerMainContainer .pokerPickATableContainer { 1003 position: absolute; 1004 left: 0; 1005 top: 0; 1006 width: 100vw; 1007 height: 100vh; 1008 background-color: #111; 1009 display: -webkit-box; 1010 display: -ms-flexbox; 1011 display: flex; 1012 -webkit-box-orient: vertical; 1013 -webkit-box-direction: normal; 1014 -ms-flex-direction: column; 1015 flex-direction: column; 1016 -webkit-box-pack: center; 1017 -ms-flex-pack: center; 1018 justify-content: center; 1019 -webkit-box-align: center; 1020 -ms-flex-align: center; 1021 align-items: center; 1022 gap: 5rem; 1023 } 1024 1025 .pokerMainContainer .pokerPickATableContainer .createATable > input { 1026 margin-bottom: 2rem; 1027 padding-left: 4px; 1028 padding-right: 4px; 1029 font-size: 1.5rem; 1030 margin-right: 1rem; 1031 border-radius: .5rem; 1032 } 1033 1034 .pokerMainContainer .pokerPickATableContainer > div:not(.createATable) > h3 { 1035 margin-bottom: 1rem; 1036 } 1037 1038 .pokerMainContainer .pokerPickATableContainer > div:not(.createATable) > div { 1039 display: -webkit-box; 1040 display: -ms-flexbox; 1041 display: flex; 1042 -webkit-box-orient: vertical; 1043 -webkit-box-direction: normal; 1044 -ms-flex-direction: column; 1045 flex-direction: column; 1046 -webkit-box-align: center; 1047 -ms-flex-align: center; 1048 align-items: center; 1049 gap: 2rem; 1050 width: 100vw; 1051 max-height: 45vh; 1052 padding-block: 2rem; 1053 overflow-x: hidden; 1054 overflow-y: scroll; 1055 } 1056 1057 .pokerMainContainer .pokerPickATableContainer > div:not(.createATable) > div > div { 1058 -webkit-box-shadow: 0 5px 25px #4d99eaaa; 1059 box-shadow: 0 5px 25px #4d99eaaa; 1060 width: 60vw; 1061 padding: 1rem 3rem; 1062 border-radius: .5rem; 1063 cursor: pointer; 1064 display: -ms-grid; 1065 display: grid; 1066 -ms-grid-columns: (minmax(0, 1fr))[4]; 1067 grid-template-columns: repeat(4, minmax(0, 1fr)); 1068 place-items: center; 1069 -webkit-transition: all .2s ease-out; 1070 transition: all .2s ease-out; 1071 } 1072 1073 .pokerMainContainer .pokerPickATableContainer > div:not(.createATable) > div > div:hover { 1074 -webkit-transform: scale(1.05); 1075 transform: scale(1.05); 1076 -webkit-box-shadow: 0 10px 35px #4d99eaaa; 1077 box-shadow: 0 10px 35px #4d99eaaa; 1078 } 1079 1080 .pokerMainContainer .pokerChairsContainer .pokerChair { 1081 position: absolute; 1082 -webkit-transform: translate(-50%, -50%); 1083 transform: translate(-50%, -50%); 1084 width: 110px; 1085 aspect-ratio: 1; 1086 border-radius: 50%; 1087 border: 5px solid #ead24daa; 1088 background-color: black; 1089 display: -ms-grid; 1090 display: grid; 1091 place-items: center; 1092 font-size: .8rem; 1093 } 1094 1095 .pokerMainContainer .pokerChairsContainer .pokerChair > div p { 1096 margin-block: 2px; 1097 } 1098 1099 .pokerMainContainer .pokerChairsContainer .pokerChair .pokerPlayerCardsContainer { 1100 position: relative; 1101 } 1102 1103 .pokerMainContainer .pokerChairsContainer .pokerChair .pokerPlayerCardsContainer > div { 1104 position: absolute; 1105 top: -2vh; 1106 -webkit-transform: translate(-50%, -50%); 1107 transform: translate(-50%, -50%); 1108 display: -webkit-box; 1109 display: -ms-flexbox; 1110 display: flex; 1111 } 1112 1113 .pokerMainContainer .pokerChairsContainer .pokerChair .pokerPlayerCardsContainer > div .card { 1114 height: 80px; 1115 margin-inline: -1rem; 1116 position: relative; 1117 } 1118 1119 .pokerMainContainer .pokerChairsContainer .pokerChair .pokerPlayerCardsContainer > div .card:first-child { 1120 -webkit-transform: rotateZ(-5deg); 1121 transform: rotateZ(-5deg); 1122 } 1123 1124 .pokerMainContainer .pokerChairsContainer .pokerChair .pokerPlayerCardsContainer > div .card:last-child { 1125 -webkit-transform: rotateZ(5deg); 1126 transform: rotateZ(5deg); 1127 } 1128 1129 .pokerMainContainer .pokerPlayButtonsContainer { 1130 position: absolute; 1131 top: 59vh; 1132 left: 50vw; 1133 -webkit-transform: translate(-50%, -50%); 1134 transform: translate(-50%, -50%); 1135 display: -webkit-box; 1136 display: -ms-flexbox; 1137 display: flex; 1138 -webkit-box-pack: center; 1139 -ms-flex-pack: center; 1140 justify-content: center; 1141 gap: 1rem; 1142 } 1143 1144 .pokerMainContainer .pokerPlayButtonsContainer button { 1145 min-width: 110px; 1146 } 1147 1148 .pokerMainContainer .cardsInTheMiddleContainer { 1149 position: absolute; 1150 top: 45vh; 1151 left: 50vw; 1152 -webkit-transform: translate(-50%, -50%); 1153 transform: translate(-50%, -50%); 1154 display: -webkit-box; 1155 display: -ms-flexbox; 1156 display: flex; 1157 -webkit-box-pack: center; 1158 -ms-flex-pack: center; 1159 justify-content: center; 1160 } 1161 1162 .pokerMainContainer .cardsInTheMiddleContainer .card { 1163 height: 130px; 1164 position: relative; 1165 margin-inline: 2px; 1166 } 1167 1168 .pokerMainContainer .pokerMessagesContainer { 1169 position: absolute; 1170 top: 5vh; 1171 left: 50vw; 1172 -webkit-transform: translateX(-50%); 1173 transform: translateX(-50%); 1174 } 1175 1176 .pokerMainContainer .pokerMessagesContainer > p:first-child { 1177 font-style: italic; 1178 color: #c1fbaa; 1179 } 1180 1181 .pokerMainContainer .pokerMessagesContainer > p:not(:first-child):not(:last-child) { 1182 font-size: 1.2rem; 1183 margin-top: 1rem; 1184 } 1185 1186 .pokerMainContainer .pokerMessagesContainer > p:last-child { 1187 margin-top: .5rem; 1188 color: #ccc; 1189 } 998 1190 /*# sourceMappingURL=globals.css.map */
Note:
See TracChangeset
for help on using the changeset viewer.