More actions
No edit summary Tag: Reverted |
No edit summary |
||
(26 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 { | |||
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{ | .lg_warn{ | ||
color:white; | color:white; | ||
Line 15: | Line 67: | ||
.lg_popup{ | .lg_popup{ | ||
color:white; | color:white; | ||
width: 400px; | 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); | 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; | background-color: #343538; | ||
Line 39: | Line 91: | ||
to { | to { | ||
transform: scale(0); | 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); } }