Spaces:
Running
Running
File size: 2,845 Bytes
4e925af 741c163 df43c05 741c163 df43c05 741c163 a0359a1 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 |
h1 {
text-align: center;
display: block;
}
body a,
.contain a,
#table a {
background-color: transparent;
color: #58a6ff;
text-decoration: none;
}
body a:active,
body a:hover {
outline-width: 0;
}
body a:hover {
text-decoration: underline;
}
#login-row {
justify-content: center;
display: flex;
}
.avatar-container {
position: relative;
margin-left: 0.5rem;
width: 1.38rem;
height: 1.38rem;
}
.avatar-button {
margin-left: auto;
border-radius: 9999px;
ring: 2px solid rgb(245 158 11);
outline: 2px solid transparent;
outline-offset: 2px;
background: none;
border: none;
padding: 0;
cursor: pointer;
}
.avatar-button:hover {
ring-offset: 1px;
}
.avatar-image {
width: 1.38rem;
height: 1.38rem;
overflow: hidden;
border-radius: 9999px;
}
/* CSS Variables for Button Styling */
:root {
/* Border and Padding */
--button-border-width: 0px;
--button-small-padding: 8px 12px; /* Example values */
--button-small-radius: 4px; /* Example values */
/* Colors */
--button-secondary-border-color: #e5e7eb; /* Example neutral-200 */
--button-secondary-background-fill: #f3f4f6; /* Example neutral-200 */
--button-secondary-background-fill-hover: #d1d5db; /* Example neutral-300 */
--button-secondary-text-color: #000000;
--button-secondary-text-color-hover: #000000;
/* Typography */
--button-small-text-size: 14px; /* Example text-sm */
--button-small-text-weight: 400;
/* Shadows and Transitions */
--button-secondary-shadow: none;
--button-secondary-shadow-hover: none;
--button-secondary-shadow-active: none;
--button-transition: all 0.2s ease;
}
/* Custom Button Styles */
#custom_button {
display: inline-flex;
align-items: center;
justify-content: center;
border: var(--button-border-width) solid var(--button-secondary-border-color);
background: var(--button-secondary-background-fill);
color: var(--button-secondary-text-color);
padding: var(--button-small-padding);
border-radius: var(--button-small-radius);
font-size: var(--button-small-text-size);
font-weight: var(--button-small-text-weight);
text-decoration: none;
box-shadow: var(--button-secondary-shadow);
transition: var(--button-transition);
}
#custom_button:hover {
background: var(--button-secondary-background-fill-hover);
border-color: var(--button-secondary-border-color-hover);
color: var(--button-secondary-text-color-hover);
box-shadow: var(--button-secondary-shadow-hover);
}
#custom_button:active {
box-shadow: var(--button-secondary-shadow-active);
}
/* Icon Styling */
#custom_button .button-icon {
margin-right: 8px; /* Adjust spacing between icon and text as needed */
width: 20px; /* Adjust icon size as needed */
height: 20px; /* Adjust icon size as needed */
}
|