Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- @import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700";
- :root {
- --main-bg-color: rgba(1, 0, 35, 1);
- --second-bg-color: rgba(0, 3, 4, 1);
- --border-colors: rgba(152, 118, 249, 0.62);
- --shadow-colors: rgba(124, 121, 240, 0.5);
- --table-background: rgba(152, 118, 249, 0.1);
- }
- body {
- background: #101010;
- /*background: linear-gradient(125deg, #0da7d1 0%, #0db7d1 35%, #0dd1d1 100%);*/
- font: bold 20px/1 "Open Sans", sans-serif;
- padding: 0;
- color: #FFF;
- padding: 50px;
- }
- h1 {
- margin-top: 10px;
- font: bold 180%/1 "Open Sans", sans-serif;
- }
- .mbox button {
- margin-top: 2vh;
- }
- .mbox-content {
- background: linear-gradient(90deg, var(--main-bg-color) 0%, var(--second-bg-color) 50%, var(--main-bg-color) 100%);
- font-size: 2.2vh;
- font-weight: bold;
- padding: 20px;
- border: 2px solid rgba(152, 118, 249, 0.62);
- box-shadow: 0 5px 20px rgba(124, 121, 240, 0.5);
- width: 100%;
- height: auto;
- }
- .mbox-left-card {
- background: linear-gradient(90deg, var(--main-bg-color) 0%, var(--second-bg-color) 100%);
- }
- .mbox-center-card {
- background: var(--second-bg-color);
- }
- .mbox-right-card {
- background: linear-gradient(90deg, var(--second-bg-color) 0%, var(--main-bg-color) 100%);
- }
- .mbox-close {
- color: #f07150;
- font-size: 5vh;
- font-weight: bold;
- line-height: 3vh;
- text-decoration: none;
- }
- .mbox-close:hover,
- .mbox-close:focus {
- color: #f0a591;
- cursor: pointer;
- text-decoration: none;
- }
- table {
- width: 100%;
- background: transparent;
- }
- th {
- padding: 10px;
- text-align: center;
- }
- tr.rounded {
- background: linear-gradient(90deg, var(--border-colors) 0%, var(--shadow-colors) 100%);
- border-radius: 12px;
- }
- td {
- background: var(--table-background);
- padding: 10px;
- text-align: center;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement