1 line
3.9 KiB
CSS
1 line
3.9 KiB
CSS
body{font-family:Arial,sans-serif;background:#1b1b1b;color:#d4d4d4;margin:0;padding:0}@keyframes flashButton{0%,100%{background-color:#333}50%{background-color:#00ffcc;color:#000}}.export-flash{animation:flashButton .8s ease-in-out 3}.no-jobs-message{color:#00ffcc;background-color:#444;padding:10px;margin:20px 0;text-align:center;border-radius:5px;font-style:italic}footer{text-align:center;margin-top:20px;padding:10px 0;font-size:.9em;color:#888}footer .fa,footer .fab,footer .fas{margin:0 10px;color:#00aaff;transition:color .3s ease,transform .3s ease}footer .fa:hover,footer .fab:hover,footer .fas:hover{color:#00ccff;transform:scale(1.2)}a{color:#00aaff;text-decoration:none}a:hover{color:#00ccff}.container{max-width:1200px;margin:0 auto;padding:20px}button{background-color:#333;color:#fff;padding:10px 20px;border:none;cursor:pointer;margin:5px;border-radius:5px;transition:background-color .2s ease,box-shadow .2s ease}.dashboard-toggle button{background-color:#333;color:#fff;padding:10px 20px;border:none;cursor:pointer;margin:5px;border-radius:5px;transition:background-color .2s ease,box-shadow .2s ease}.dashboard-toggle button.active{background-color:#00ffcc;color:#000}button:hover{background-color:#444;box-shadow:0 0 8px rgba(0,255,255,.1)}.job{background:#222;margin:10px;padding:10px;border-radius:8px}.job-header{font-weight:700}.job-details{font-size:.9em;color:#aaa}#jobsTable,.jobsTable{width:100%;border-collapse:collapse;margin-top:20px;table-layout:auto}#jobsTable td,#jobsTable th,.jobsTable td,.jobsTable th{padding:10px;text-align:left;border-bottom:1px solid #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:100px}#jobsTable th,.jobsTable th{background-color:#2a2a2a;color:#00ffcc;cursor:pointer;position:sticky;top:0;z-index:1}#jobsTable tr:nth-child(even),.jobsTable tr:nth-child(even){background-color:#1e1e1e}#jobsTable tr:hover,.jobsTable tr:hover{background-color:#2c2c2c}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;position:relative}.import-form{display:flex;flex-direction:column;align-items:center;margin-top:10px}.import-form input[type=file]{margin-bottom:10px;padding:8px;background-color:#333;color:#ddd;border:1px solid #444;border-radius:5px}.import-form button{background-color:#00ff9d;color:#000;padding:10px 20px;border:none;border-radius:5px;font-weight:700;transition:background-color .2s ease}.import-form button:hover{background-color:#00b379}.section{max-width:500px;margin:2em auto;padding:2em;border:1px solid #2a2a2a;border-radius:10px;background:linear-gradient(145deg,#1e1e1e,#2a2a2a);box-shadow:0 0 20px rgba(0,255,200,.08),0 0 40px rgba(0,150,255,.05);transition:background .3s ease,box-shadow .3s ease}.section:hover{background:linear-gradient(145deg,#222,#333);box-shadow:0 0 25px rgba(0,200,255,.15)}.divider{margin:3em auto;text-align:center;position:relative}.divider::after,.divider::before{content:"";display:inline-block;width:30%;height:1px;background:#444;vertical-align:middle;margin:0 1em}.divider span{color:#888;font-size:.8em;text-transform:uppercase;letter-spacing:1px}@media (max-width:768px){.buttons{flex-direction:column;align-items:flex-start}#jobsTable td,#jobsTable th{font-size:.9em}.jobsTable,.jobsTable tbody,.jobsTable td,.jobsTable th,.jobsTable thead,.jobsTable tr{display:block}.jobsTable thead tr{position:absolute;top:-9999px;left:-9999px}.jobsTable tr{border:1px solid #444;margin-bottom:1em}.jobsTable td{border:none;position:relative;padding-left:50%}.jobsTable td:before{position:absolute;left:6px;width:45%;white-space:nowrap;font-weight:700}}th.sorted-asc::after{content:" ▲"}th.sorted-desc::after{content:" ▼"}.soon{background-color:#1e2b38!important;color:#00ffcc!important;font-weight:700!important;border-left:2px solid #00ffcc!important}.character-list{margin-top:20px}.character-list ul{list-style-type:none;padding:0}.character-list li{font-size:1.1em;margin:5px 0}.jobsTable th.sorted-asc::after{content:" ▲"}.jobsTable th.sorted-desc::after{content:" ▼"}
|