23 lines
1.6 KiB
CSS
23 lines
1.6 KiB
CSS
body {
|
|
margin:0;
|
|
padding:0;
|
|
font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;
|
|
background-color:#1e1e2f;
|
|
color:#e0e0e0;
|
|
}
|
|
.app{max-width:900px;margin:20px auto;padding:20px;}
|
|
header{text-align:center;margin-bottom:20px;}
|
|
header h1{font-size:2em;color:#fff;margin-bottom:5px;}
|
|
header .time{font-size:0.9em;color:#a0a0a0;}
|
|
.card{background-color:#2a2a40;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 5px 15px rgba(0,0,0,0.4);}
|
|
textarea{width:100%;min-height:120px;border-radius:8px;border:1px solid #444;background-color:#1f1f30;color:#e0e0e0;padding:10px;font-size:1em;resize:vertical;}
|
|
textarea:focus{outline:none;border-color:#5a5aff;}
|
|
select{border-radius:8px;border:1px solid #555;background-color:#1f1f30;color:#e0e0e0;padding:6px 10px;font-size:1em;margin-right:10px;}
|
|
select:focus{outline:none;border-color:#5a5aff;}
|
|
input[type="number"]{border-radius:8px;border:1px solid #555;background-color:#1f1f30;color:#e0e0e0;padding:5px 8px;font-size:1em;width:80px;}
|
|
button{border:none;border-radius:8px;padding:8px 16px;font-size:1em;cursor:pointer;background:linear-gradient(90deg,#5a5aff,#00d4ff);color:#fff;transition:all 0.3s ease;margin-top:10px;}
|
|
button:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,0.4);}
|
|
.version{padding:8px;border-radius:6px;background-color:#3a3a55;margin-bottom:5px;cursor:pointer;transition:all 0.2s ease;}
|
|
.version:hover{background-color:#5a5aff;color:#fff;}
|
|
#revisionReason,#literaryBox,#sentimentBox{background-color:#1f1f30;padding:10px;border-radius:8px;font-size:0.95em;line-height:1.5em;}
|