Changeset 9bd09b0 for styles/globals.css
- Timestamp:
- 06/23/22 00:08:35 (2 years ago)
- Branches:
- main
- Children:
- ace7865
- Parents:
- 285c3cc
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
styles/globals.css
r285c3cc r9bd09b0 515 515 } 516 516 517 .tertiaryButton { 518 background: -webkit-gradient(linear, left top, right top, from(#484848), to(#6a6a6a)); 519 background: linear-gradient(to right, #484848, #6a6a6a); 520 color: white; 521 outline: none; 522 border: none; 523 border-radius: 10px; 524 font-size: 1.5rem; 525 font-weight: bold; 526 padding: 5px 20px; 527 -webkit-box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); 528 box-shadow: 0 5px 25px rgba(0, 0, 0, 0.25); 529 cursor: pointer; 530 -webkit-transition: all .2s linear; 531 transition: all .2s linear; 532 } 533 534 .tertiaryButton:hover { 535 background: -webkit-gradient(linear, left top, right top, from(#6e6e6e), to(#a0a0a0)); 536 background: linear-gradient(to right, #6e6e6e, #a0a0a0); 537 } 538 539 .tertiaryButton:active { 540 -webkit-transition: .05s linear; 541 transition: .05s linear; 542 background: -webkit-gradient(linear, left top, right top, from(#484848), to(#6a6a6a)); 543 background: linear-gradient(to right, #484848, #6a6a6a); 544 } 545 517 546 /** 518 547 * Input Sliders … … 589 618 /** 590 619 * File <- Blackjack Main 591 * Components <- PlayButtons, Cards592 620 */ 593 621 .blackjackButtons { … … 744 772 color: white; 745 773 } 774 775 /** 776 * File <- Roulette Main 777 */ 778 .rouletteMainContainer { 779 background-color: #006600; 780 } 781 782 #rouletteBetsImg { 783 position: absolute; 784 top: 65%; 785 left: 59%; 786 -webkit-transform: translate(-50%, -50%); 787 transform: translate(-50%, -50%); 788 width: 50vw; 789 height: auto; 790 cursor: url(/gold-coin.cur), auto; 791 } 792 793 #rouletteWheelImg { 794 position: absolute; 795 top: 60%; 796 left: 18%; 797 -webkit-transform: translate(-50%, -50%); 798 transform: translate(-50%, -50%); 799 width: 450px; 800 height: auto; 801 } 802 803 .rouletteInfoText { 804 position: absolute; 805 top: 15%; 806 width: 100vw; 807 text-align: center; 808 font-size: 1.1rem; 809 } 810 811 .roulettePlayersContainer { 812 position: absolute; 813 top: 15%; 814 right: 4%; 815 width: 10vw; 816 height: 80vh; 817 -webkit-box-shadow: 0 0 10px rgba(10, 148, 45, 0.25); 818 box-shadow: 0 0 10px rgba(10, 148, 45, 0.25); 819 padding: 1rem; 820 display: -ms-grid; 821 display: grid; 822 -ms-grid-rows: (minmax(0, 1fr))[2]; 823 grid-template-rows: repeat(2, minmax(0, 1fr)); 824 overflow-x: hidden; 825 overflow-y: scroll; 826 } 827 828 .roulettePlayersContainer p { 829 word-wrap: break-word; 830 margin-top: .5rem; 831 } 832 833 .rouletteTimer { 834 position: absolute; 835 top: calc((60% + 450px) / 2); 836 left: calc(18.5%); 837 -webkit-transform: translate(-50%, -50%); 838 transform: translate(-50%, -50%); 839 font-size: 2.5rem; 840 color: black; 841 } 842 843 .rouletteBetModal { 844 z-index: 20; 845 -webkit-box-orient: vertical; 846 -webkit-box-direction: normal; 847 -ms-flex-direction: column; 848 flex-direction: column; 849 -webkit-box-pack: center; 850 -ms-flex-pack: center; 851 justify-content: center; 852 -webkit-box-align: center; 853 -ms-flex-align: center; 854 align-items: center; 855 position: fixed; 856 left: 0; 857 top: 0; 858 width: 100vw; 859 height: 100vh; 860 background: #000000c0; 861 } 862 863 .rouletteBetModal p { 864 margin-bottom: 1rem; 865 padding: 10px 20px; 866 border-radius: 5px; 867 -webkit-transition: all .25s linear; 868 transition: all .25s linear; 869 } 870 871 .rouletteBetModal p span { 872 font-size: 1.2rem; 873 color: #ead24d; 874 } 875 876 /** 877 * File <- Poker Main 878 */ 746 879 /*# sourceMappingURL=globals.css.map */
Note:
See TracChangeset
for help on using the changeset viewer.