|
|
| （未显示同一用户的8个中间版本） |
| 第1行： |
第1行： |
| /* MediaWiki:Common.css 全站通用样式表 */
| | @font-face { |
| | | font-family: 'HarmonySans-Light'; |
| /*
| | src: url(https://wiki.shangxiaoguan.top/font/HarmonyOS_Sans_SC_Light.woff2) format('woff2'); |
| 公交/地铁模板 样式表
| |
|
| |
| @author Aurora_Lemon
| |
| @version 23/9/9
| |
| */
| |
|
| |
| .infobox-card {
| |
| border-radius: 12px;
| |
| background-color: var(--color-surface-2);
| |
| box-shadow: var(--box-shadow-card);
| |
| width: 100%;
| |
| max-width: 300px;
| |
| float: right;
| |
| padding: 16px;
| |
| margin: 0 0 var(--space-lg) var(--space-lg);
| |
| }
| |
| | |
| .infobox-card ul {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
| | |
| .infobox-card li {
| |
| margin: 0;
| |
| padding: 0;
| |
| list-style: none;
| |
| }
| |
| | |
| .infobox-card .station-list .line { | |
| position: absolute;
| |
| top: 0;
| |
| left: 0;
| |
| width: 8px;
| |
| height: 100%;
| |
| border-radius: 10px;
| |
| margin: 0 4px;
| |
| }
| |
| | |
| .infobox-card .station-list {
| |
| position: relative;
| |
| margin-top: 5px!important;
| |
| }
| |
| | |
| .infobox-card .station-list li {
| |
| padding-left: 22px;
| |
| position: relative;
| |
| display: flex;
| |
| align-items: center;
| |
| }
| |
| | |
| .infobox-card .station-list .transfer {
| |
| display: flex;
| |
| gap: 5px;
| |
| margin-left: 15px;
| |
| }
| |
| | |
| .infobox-card .station-list .transfer div {
| |
| border-radius: 7px;
| |
| padding: 2px;
| |
| color: white;
| |
| font-size: 12px;
| |
| }
| |
| | |
| .infobox-card .station-list li .name::before { | |
| content: "";
| |
| position: absolute;
| |
| left: 0;
| |
| transform: translate(-5%,30%);
| |
| width: 10px;
| |
| height: 10px;
| |
| background-color: var(--color-surface-0);
| |
| z-index: 20;
| |
| border-radius: 50%;
| |
| border: 4px solid var(--color-success);
| |
| }
| |
| | |
| .infobox-card .station-list li .name {
| |
| padding: 10px 0;
| |
| letter-spacing: 3px;
| |
| color: var(--color-base--emphasized);
| |
| }
| |
| | |
| .infobox-card .header .line-name {
| |
| text-align: center;
| |
| font-weight: bold;
| |
| font-size: 24px;
| |
| }
| |
| | |
| .infobox-card .header .detail .company {
| |
| text-align: center;
| |
| font-size: 13px;
| |
| }
| |
| | |
| .infobox-card .header .time {
| |
| display: flex;
| |
| font-size: 12px;
| |
| justify-content: center;
| |
| gap: 10px;
| |
| margin: 10px 0;
| |
| padding-bottom: 15px;
| |
| border-bottom: 1px solid var(--color-surface-3);
| |
| }
| |
| | |
| .infobox-card .header .time .first-train::before {
| |
| content: "首";
| |
| padding: 2px;
| |
| color: white;
| |
| background-color: green;
| |
| border-radius: 2px;
| |
| margin-right: 2px;
| |
| transform: scale(0.8);
| |
| display: inline-block;
| |
| } | | } |
|
| |
|
| .infobox-card .header .time .last-train::before {
| | @font-face { |
| content: "末";
| | font-family: 'HarmonySans'; |
| padding: 2px;
| | src: url(https://wiki.shangxiaoguan.top/font/HarmonyOS_Sans_SC_Regular.woff2) format('woff2'); |
| color: white;
| |
| background-color: orange;
| |
| border-radius: 2px;
| |
| margin-right: 2px;
| |
| transform: scale(0.8);
| |
| display: inline-block;
| |
| } | | } |
|
| |
|
| .infobox-card .header .time .ticket::before {
| | @font-face { |
| content: "票";
| | font-family: 'HarmonySans-Medium'; |
| padding: 2px;
| | src: url(https://wiki.shangxiaoguan.top/font/HarmonyOS_Sans_SC_Medium.woff2) format('woff2'); |
| color: white;
| |
| background-color: cadetblue;
| |
| border-radius: 2px;
| |
| margin-right: 2px;
| |
| transform: scale(0.8);
| |
| display: inline-block;
| |
| } | | } |
|
| |
|
| @media (max-width: 720px) { | | @font-face { |
| .infobox-card {
| | font-family: 'HarmonySans-Bold'; |
| float: unset;
| | src: url(https://wiki.shangxiaoguan.top/font/HarmonyOS_Sans_SC_Bold.woff2) format('woff2'); |
| margin: 0 auto;
| |
| }
| |
| } | | } |
