Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import url('https://fonts.googleapis.com/css?family=Baloo+Bhaina');
- #persontable, #teamstable {
- transition: 0.4s ease;
- width: 45%;
- height: auto;
- text-align: center;
- float: middle;
- margin: 2% 2% 0;
- display:inline-block;
- vertical-align:top;
- border: 1px solid #FF4646;
- background-color: #FF4646;
- }
- .item {
- transition: 0.4s ease;
- width: 100%;
- display: flex;
- float: left;
- border: 1px solid #FF4646;
- background-color: rgba(255,100,100,1);
- }
- .topitem{
- background-color: rgba(255,1,1,0.4);
- }
- /*Top Image*/
- .topitem .image .circle {
- margin: 10px 0px;
- width: 15vh;
- height: 15vh;
- }
- .image {
- margin: 5px 0px;
- }
- .circle {
- width: 7vh;
- height: 7vh;
- border-radius: 50%;
- color: #fff;
- text-align: center;
- background-color: #989a8f;;
- overflow: hidden;
- margin: auto;
- }
- .circle img {
- width: auto;
- height: inherit;
- color: #fff;
- text-align: center;
- background-color: #989a8f;
- }
- .name, .image, .points {
- vertical-align:middle;
- float: left;
- width: 32%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
- .position, .trophy {
- vertical-align:middle;
- float: left;
- width: 4%;
- display: flex;
- align-items: center;
- justify-content: center;
- background-color: #FF4646;
- }
- .item:hover {
- background-color: #FFF842;
- font-weight: bold;
- box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
- transform: translate3d(6px, -6px, 0);
- transition-delay: 0s;
- transition-duration: 0.4s;
- transition-property: all;
- transition-timing-function: line;
- }
- .topcontainer {
- display: block;
- transition: 0.4s ease;
- width: 100%;
- height: 27vh;
- }
- .topcontainer .image {
- vertical-align:middle;
- float: left;
- width: 100%;
- }
- .topcontainer .name{
- font-size: 60px;
- vertical-align:middle;
- float: middle;
- width: 100%;
- }
- .trophy .trophyimage {
- display: flex;
- display: inline-block;
- }
- .topitem .position, .topitem .trophy {
- width: 30%;
- }
- .trophyimage img, .trophyimage {
- vertical-align:middle;
- float: middle;
- width: 82%;
- }
- .trophytext {
- margin-top: 10%;
- font-size: 16px;
- font-family: 'Baloo Bhaina';
- line-height: 100%;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement