Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .transaction .tab_container {
- width: 100%;
- position: relative;
- }
- .transaction input.radioSelect,
- .transaction section {
- clear: both;
- padding-top: 10px;
- display: none;
- }
- .transaction label.radioSelect {
- font-weight: 700;
- font-size: 18px;
- display: block;
- float: left;
- width: 33.33%;
- padding: 15px;
- color: #756a09;
- cursor: pointer;
- text-decoration: none;
- text-align: center;
- background: #f5f5f5;
- margin: 0;
- }
- .transaction #tab1:checked~#content1,
- .transaction #tab2:checked~#content2,
- .transaction #tab3:checked~#content3 {
- display: block;
- padding: 20px;
- background: #f5f5f5;
- color: #999;
- border-top: 5px solid #3a669c;
- }
- .transaction .tab_container .tab-content p,
- .transaction .tab_container .tab-content h3,
- .transaction .tab_container .tab-content form {
- -webkit-animation: fadeInScale 0.7s ease-in-out;
- -moz-animation: fadeInScale 0.7s ease-in-out;
- animation: fadeInScale 0.7s ease-in-out;
- }
- .transaction .tab_container [id^="tab"]:checked+label {
- background: #3a669c;
- box-shadow: inset 0 3px #08274d;
- color: #ffffff;
- }
- .transaction .tab_container [id^="tab"]:checked+label .fa {
- color: #08274d;
- }
- /*Content Animation*/
- @keyframes fadeInScale {
- 0% {
- transform: scale(0.9);
- opacity: 0;
- }
- 100% {
- transform: scale(1);
- opacity: 1;
- }
- }
- .transaction h3 {
- color: #756a09;
- /* font-size: 25px; */
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement