MediaWiki:Gadget-eventslist.css: Difference between revisions

Created page with "========= SCROLL =========: experimental: .events-popup::-webkit-scrollbar { width: 1em; } .events-popup::-webkit-scrollbar-track { background: #222e45; } .ev..."
 
No edit summary
 
Line 38: Line 38:
/* ========== General ========== */
/* ========== General ========== */


.rsw-events-popup.oo-ui-labelElement-invisible.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-floatableElement-floatable.oo-ui-popupWidget-anchored.oo-ui-popupWidget.oo-ui-popupWidget-anchored-top {
.gsw-events-popup.oo-ui-labelElement-invisible.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-floatableElement-floatable.oo-ui-popupWidget-anchored.oo-ui-popupWidget.oo-ui-popupWidget-anchored-top {
margin-top: 15px; /* aligning with other top popups */
margin-top: 15px; /* aligning with other top popups */
}
}


/* border for whole modal */
/* border for whole modal */
.rsw-events-popup .oo-ui-popupWidget-popup {
.gsw-events-popup .oo-ui-popupWidget-popup {
   border-color: #e4eaee;
   border-color: #e4eaee;
   box-shadow: 0 0.5em 2em rgba(0,0,0,0.25);
   box-shadow: 0 0.5em 2em rgba(0,0,0,0.25);
}
}


body.wgl-darkmode .rsw-events-popup .oo-ui-popupWidget-popup {
body.wgl-darkmode .gsw-events-popup .oo-ui-popupWidget-popup {
   border-color: #596e96;
   border-color: #596e96;
}
}
Line 70: Line 70:
}
}


.rsw-events-popup {
.gsw-events-popup {
   font-size: 0.875em;
   font-size: 0.875em;
}
}


/* arrow */
/* arrow */
.rsw-events-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
.gsw-events-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
   border-bottom-color: #e4eaee;
   border-bottom-color: #e4eaee;
}
}


.rsw-events-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
.gsw-events-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor {
z-index: 999;
z-index: 999;
}
}


body.wgl-darkmode .rsw-events-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
body.wgl-darkmode .gsw-events-popup.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor::after {
   border-bottom-color: #596e96;
   border-bottom-color: #596e96;
}
}
Line 263: Line 263:


/* Close button */
/* Close button */
#rsw-events-close {
#gsw-events-close {
   z-index: 1;
   z-index: 1;
}
}
Line 568: Line 568:


/* ========== Settings ========== */   
/* ========== Settings ========== */   
#rsw-events-backbut {
#gsw-events-backbut {
   position: absolute;
   position: absolute;
   top: 0.5rem;
   top: 0.5rem;
Line 621: Line 621:


/* ========== Notification Settings ========== */  
/* ========== Notification Settings ========== */  
#rsw-notifs-backbut {
#gsw-notifs-backbut {
   position: absolute;
   position: absolute;
   top: 0.5rem;
   top: 0.5rem;
Line 691: Line 691:


/* ========== Notifications Popup ========== */  
/* ========== Notifications Popup ========== */  
#rsw-notifs-anchor {
#gsw-notifs-anchor {
   position: fixed;
   position: fixed;
   top: 0.5em;
   top: 0.5em;
Line 699: Line 699:
   pointer-events: none;
   pointer-events: none;
}
}
body.wgl-stickyheader #rsw-notifs-anchor {
body.wgl-stickyheader #gsw-notifs-anchor {
   top: 3em;
   top: 3em;
}
}


.rsw-events-notifs {
.gsw-events-notifs {
   z-index: 600;
   z-index: 600;
   box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.8);
   box-shadow: 0px 0px 8px 4px rgba(0, 0, 0, 0.8);
Line 714: Line 714:


/* Close button */
/* Close button */
#rsw-eventsnotifs-close {
#gsw-eventsnotifs-close {
   position: absolute;
   position: absolute;
   top: 0.2rem;
   top: 0.2rem;