More actions
No edit summary |
No edit summary |
||
Line 21: | Line 21: | ||
.infobox-table td { | .infobox-table td { | ||
vertical-align: top; | vertical-align: top; | ||
} | |||
.lg_warn{ | |||
text-align: center; | |||
} | |||
.lg_btn{ | |||
width:50%; | |||
} | |||
.lg_popup{ | |||
color:white; | |||
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); | |||
} | |||
} | |||
} | |||
} | } |
Revision as of 11:50, 27 October 2024
.infobox { background: #eee; border: 1px solid #aaa; float: right; margin: 0.5em 0 0.5em 1em; padding: 0.2em; width: 22em; } .infobox-title { font-size: 130%; text-align: center; } .infobox-image { text-align: center; } .infobox-table th { text-align: left; vertical-align: top; width: 120px; } .infobox-table td { vertical-align: top; } .lg_warn{ text-align: center; } .lg_btn{ width:50%; } .lg_popup{ color:white; 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); } } } }