コンテンツにスキップ

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

提供: ApolaTrajectoryWiki
編集の要約なし
編集の要約なし
1行目: 1行目:
.canon-status-box {
  margin: 8px 0;
  padding: 4px 8px;
  font-size: 0.85em;
  color: #666;
  display: flex;
  gap: 12px;
}
.canon-status-container {
.canon-status-container {
  display: flex;
display: flex;
  align-items: center;
align-items: center;
  gap: 12px;
gap: 12px;
}
flex-direction: row; /* 明示的に横並びを指定 */
 
.origin-status {
  border-left: 2px solid #00cccc;
}
 
.parallax-status {
  border-left: 2px solid #808080;
}
}


.status-image img {
.status-image {
  height: 24px;
flex-shrink: 0; /* 画像のサイズを維持 */
  width: auto;
}
}


.status-notes {
.status-info {
  margin-top: 4px;
flex: 1; /* 残りのスペースを使用 */
  font-style: italic;
display: flex;
gap: 12px;
}
}

2024年11月15日 (金) 00:02時点における版

.canon-status-container {
 display: flex;
 align-items: center;
 gap: 12px;
 flex-direction: row; /* 明示的に横並びを指定 */
}

.status-image {
 flex-shrink: 0; /* 画像のサイズを維持 */
}

.status-info {
 flex: 1; /* 残りのスペースを使用 */
 display: flex;
 gap: 12px;
}