Joshua Ramon Enslin
a49746ab10
Added editing pages for footer, banner, aside. Added page overview. Added public page. Added settings page. Added generator for embed pseudocodes.
40 lines
1.6 KiB
CSS
40 lines
1.6 KiB
CSS
@import 'slider.css';
|
|
|
|
/**************
|
|
* Notifications
|
|
*/
|
|
|
|
p.notifLine { animation: fade-in-and-vanish 2.4s; position: fixed; left: 0; top: 0; display: block; width: 100%;
|
|
margin: 0; background: rgba(0,0,0,.8); color: #FFF; text-align: center; font-weight: bold; opacity: 0;
|
|
box-sizing: border-box; box-shadow: 0 1.5px 2px rgba(0,0,0,.06),0 1.5px 1.5px rgba(0,0,0,.06); z-index: 0; }
|
|
|
|
/**************
|
|
* New tooltip
|
|
*/
|
|
|
|
.newToolTip { position: fixed; display: none !important; min-width: 300px !important; max-width: 600px;
|
|
background: #FFF !important; text-align: left; font-size: .95rem;
|
|
border-radius: .2em; box-shadow: 1px 1px 4px #646464; z-index: 3000; white-space: initial !important; }
|
|
#newToolTipMain:before { content: attr(data-title); display: block; padding: .5em 1em;
|
|
background: #37474F; color: #FFF; }
|
|
#newToolTipMain > * { padding: .5rem 1rem !important; }
|
|
#newToolTipMain > table td { padding: .5rem 1em; vertical-align: top; }
|
|
#newToolTipMain.visible { display: block !important; }
|
|
|
|
#newToolTipMain img { max-width: 200px; max-height: 300px; }
|
|
|
|
/* ========
|
|
| Animations
|
|
|= ======== */
|
|
|
|
@keyframes fade-in-and-vanish {
|
|
0% { opacity: 0; z-index: 1000; }
|
|
5% { opacity: .4; }
|
|
15% { opacity: 1; padding: .8em; }
|
|
75% { opacity: 1; padding: .8em; }
|
|
85% { opacity: .4; transform: translateY(0px);}
|
|
99% { opacity: 0; transform: translateY(-30px);}
|
|
100% { opacity: 0; z-index: 0; }
|
|
}
|
|
|