「テンプレート:Timeline styles/styles.css」の版間の差分

2025年1月11日 (土) 05:01時点における版

table.timeline { box-shadow: none; }

table.timeline, table.timeline tbody {

   display: block;

}

table.timeline tr { position: relative; margin-left: 8px; padding: 20px;

   display: flex;
   flex-direction: column;

}

table.timeline tr:before {

   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: -1px;
   display: block;
   width: 2px;
   background-color: var( --border-color-base );

}

table.timeline tr td:first-child {;

   color: var( --color-emphasized );

}

table.timeline tr td:first-child:before { content: "";

   width: 8px;
   height: 8px;
   display: block;
   background-color: var( --color-subtle );
   border-radius: 100%;
   position: absolute;
   left: -4px;
   margin-top: 8px;

}

table.timeline tr td { padding: 0; border: 0 !important; }

@@ 1行目: / 1行目: @@
 table.timeline {
 	box-shadow: none;
-	font-size: var( --font-size-small );
 }
@@ 11行目: / 10行目: @@
 	position: relative;
 	margin-left: 8px;
-	padding: var( --space-xs ) var( --space-xs ) var( --space-xs ) 20px;
+	padding: 20px;
      display: flex;
      flex-direction: column;
-    border-top-right-radius: var( --border-radius-small );
-    border-bottom-right-radius: var( --border-radius-small );
 }
@@ 29行目: / 26行目: @@
 }
-table.timeline tr td:first-child {
+table.timeline tr td:first-child {;
-    font-size: var( --font-size-medium );
-    font-weight: var( --font-weight-semi-bold );
      color: var( --color-emphasized );
 }