19 lines
1.6 KiB
CSS
19 lines
1.6 KiB
CSS
body { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; background: #f5f5f5; }
|
|
#app { display: flex; height: 100vh; }
|
|
#sidebar { width: 300px; background: white; box-shadow: 2px 0 5px rgba(0,0,0,0.1); overflow-y: auto; padding: 20px; }
|
|
#map { flex: 1; height: 100%; }
|
|
.header { font-size: 24px; font-weight: 500; margin-bottom: 20px; color: #333; }
|
|
.section { margin-bottom: 20px; border: 1px solid #ddd; padding: 15px; border-radius: 8px; }
|
|
.btn { background: #007bff; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; margin: 5px 0; }
|
|
.btn:hover { background: #0056b3; }
|
|
.btn-secondary { background: #6c757d; }
|
|
.filter-input { width: 100%; padding: 8px; margin: 5px 0; border: 1px solid #ddd; border-radius: 4px; }
|
|
#timeline { height: 200px; background: #f8f9fa; border: 1px solid #ddd; overflow-x: auto; padding: 10px; margin-top: 10px; }
|
|
.pin-item { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid #eee; }
|
|
.pin-color { width: 20px; height: 20px; border-radius: 50%; margin-right: 10px; }
|
|
.dark-theme { background: #1a1a1a; color: #fff; }
|
|
.dark-theme .section { background: #2a2a2a; border-color: #444; }
|
|
.dark-theme #timeline { background: #333; }
|
|
#export { display: none; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1000; }
|
|
#overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 999; }
|
|
.dark-theme #export { background: #2a2a2a; color: #fff; } |