More actions
No edit summary |
No edit summary |
||
(29 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* For UX */ | |||
a { | |||
color: #004bfe; | |||
} | |||
a:hovered { | |||
color: #004bfe; | |||
} | |||
a:visited { | |||
color: #004bfe; | |||
} | |||
h1, h2, h3, h4, h5, h6, h7, h8 { | |||
margin-top: 8px; | |||
} | |||
.everythingblack { | |||
color: black; | |||
} | |||
/* For Infobox */ | |||
.infobox { | .infobox { | ||
background: #eee; | background: #eee; | ||
Line 5: | Line 23: | ||
margin: 0.5em 0 0.5em 1em; | margin: 0.5em 0 0.5em 1em; | ||
padding: 0.2em; | padding: 0.2em; | ||
width: 22em; | max-width: 22em; | ||
} | } | ||
.infobox-title { | .infobox-title { | ||
font-size: | font-size: 130%; | ||
text-align: center; | text-align: center; | ||
padding: 5px; | |||
} | } | ||
.infobox-image { | .infobox-image { | ||
Line 15: | Line 34: | ||
} | } | ||
.infobox-table th { | .infobox-table th { | ||
text-align: | text-align: left; | ||
vertical-align: top; | vertical-align: top; | ||
width: 120px; | width: 120px; | ||
Line 21: | Line 40: | ||
.infobox-table td { | .infobox-table td { | ||
vertical-align: top; | vertical-align: top; | ||
} | |||
/* For EXTERNAL URL POP-UP WARNING */ | |||
/* Big thanks to Lighty for making this */ | |||
.lg_title { | |||
color:white; | |||
margin-top:0em; | |||
height:25px; | |||
} | |||
.lg_warn{ | |||
color:white; | |||
padding-top:25px; | |||
text-align:center; | |||
} | |||
.lg_warn_left{ | |||
color:white; | |||
text-align:left; | |||
} | |||
.lg_btn{ | |||
width:50%; | |||
border: 2px solid #57595e; | |||
border-radius:5pt; | |||
} | |||
.lg_popup{ | |||
color:white; | |||
max-width: 400px; | |||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | |||
background-color: #343538; | |||
border: 3px solid #383943; | |||
border-radius:10pt; | |||
animation: lg_show_popup 0.3s ease-out forwards; | |||
} | |||
.lg_hide { | |||
animation: lg_hide_popup 0.3s ease-in forwards; | |||
} | |||
@keyframes lg_show_popup{ | |||
from { | |||
transform: scale(0.50); | |||
} | |||
to{ | |||
transform: scale(1); | |||
} | |||
} | |||
@keyframes lg_hide_popup{ | |||
from { | |||
transform: scale(1); | |||
} | |||
to { | |||
transform: scale(0); | |||
} | |||
} | } |
Latest revision as of 19:30, 27 October 2024
/* For UX */ a { color: #004bfe; } a:hovered { color: #004bfe; } a:visited { color: #004bfe; } h1, h2, h3, h4, h5, h6, h7, h8 { margin-top: 8px; } .everythingblack { color: black; } /* For Infobox */ .infobox { background: #eee; border: 1px solid #aaa; float: right; margin: 0.5em 0 0.5em 1em; padding: 0.2em; max-width: 22em; } .infobox-title { font-size: 130%; text-align: center; padding: 5px; } .infobox-image { text-align: center; } .infobox-table th { text-align: left; vertical-align: top; width: 120px; } .infobox-table td { vertical-align: top; } /* For EXTERNAL URL POP-UP WARNING */ /* Big thanks to Lighty for making this */ .lg_title { color:white; margin-top:0em; height:25px; } .lg_warn{ color:white; padding-top:25px; text-align:center; } .lg_warn_left{ color:white; text-align:left; } .lg_btn{ width:50%; border: 2px solid #57595e; border-radius:5pt; } .lg_popup{ color:white; max-width: 400px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); background-color: #343538; border: 3px solid #383943; border-radius:10pt; animation: lg_show_popup 0.3s ease-out forwards; } .lg_hide { animation: lg_hide_popup 0.3s ease-in forwards; } @keyframes lg_show_popup{ from { transform: scale(0.50); } to{ transform: scale(1); } } @keyframes lg_hide_popup{ from { transform: scale(1); } to { transform: scale(0); } }