「テンプレート:P:ATStatus/style.css」の版間の差分

新しい編集 →

@@ 1行目: / 1行目: @@
 .canon-status-box {
-   margin: 1em 0;
+   margin: 10px 0;
-   padding: 0;
+  background: #1a1a1a;
-   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+  border-radius: 4px;
+   padding: 8px;
+   color: #ffffff;
 }
-.canon-status-container {
+.status-container {
-   display: flex;
+   display: grid;
+  grid-template-columns: 120px 1fr;
+  gap: 8px;
    align-items: center;
-  border-radius: 8px;
-  padding: 12px;
-  gap: 16px;
 }
-.origin-status {
+.status-image img {
-  background: linear-gradient(135deg, rgba(0,184,184,0.1) 0%, rgba(0,184,184,0.05) 100%);
+   width: 120px;
-  border: 1px solid rgba(0,184,184,0.2);
+   height: auto;
-}
-.parallax-status {
-  background: linear-gradient(135deg, rgba(128,128,128,0.1) 0%, rgba(128,128,128,0.05) 100%);
-  border: 1px solid rgba(128,128,128,0.2);
-}
-.status-image {
-   flex-shrink: 0;
-   width: 200px;
 }
 .status-info {
-  flex-grow: 1;
-  color: #202122;
-}
-.approval-info {
    font-size: 0.9em;
+  line-height: 1.4;
    opacity: 0.8;
 }
 .status-notes {
-   margin-top: 8px;
+   margin-top: 4px;
    font-size: 0.9em;
-  font-style: italic;
 }