123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- /*
- Overlay
- */
- overlay {
- position: absolute;
- z-index: 500;
- top: 40px;
- bottom: 0;
- left: 0;
- right: 0;
- display: none;
- background-color: rgba(0,0,0,0.75);
- }
- /*
- Popup Message
- */
- #popup-message {
- position: absolute;
- z-index: 999;
- top: -60px;
- right: 32px;
- display: block;
- width: 280px;
- min-height: 40px;
- text-align: center;
- font-size: 10pt;
- font-weight: 400;
- color: rgba(255,255,255,0.82);
- background-color: rgb(48,48,48);
- box-shadow: 0px 3px 8px rgba(0,0,0,0.5);
- padding: 10px;
- }
- /*
- Status Window
- */
- #status {
- display: block;
- width: 480px;
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- z-index: 1000;
- padding: 16px 32px;
- font-size: 10pt;
- font-weight: 400;
- text-align: center;
- color: rgb(192,192,192);
- }
- #hover {
- display: block;
- min-width: 160px;
- max-width: 500px;
- padding: 3px 5px;
- font-size: 9pt;
- font-weight: 600;
-
- background-color: rgb(64,64,64);
- color: rgb(224,224,224);
- box-shadow: rgba(0,0,0,0.5);
- border-radius: 8px;
- opacity: 0;
- position: absolute;
- z-index: 2000;
- left: 0;
- }
|