“MediaWiki:Common.css”的版本间的差异
跳到导航
跳到搜索
52166tangao(讨论 | 贡献) 小 |
52166tangao(讨论 | 贡献) 小 |
||
第74行: | 第74行: | ||
/*首页样式*/ | /*首页样式*/ | ||
.tcm_index { | .tcm_index { | ||
− | + | color: #7d818c; | |
− | + | font-size: 14px | |
} | } | ||
− | .tcm_row { | + | .tcm_index .tcm_row { |
− | + | overflow: auto | |
+ | } | ||
+ | .tcm_index .tcm_row .tcm_col_l { | ||
+ | float: left; | ||
+ | width: 100%; | ||
+ | margin-left: -327px | ||
+ | } | ||
+ | .tcm_index .tcm_row .tcm_col_l .tcm_box { | ||
+ | margin-left: 327px | ||
} | } | ||
− | + | .tcm_index .tcm_row .tcm_col_r { | |
− | + | float: right; | |
+ | width: 317px | ||
+ | } | ||
+ | .tcm_index .tcm_box { | ||
+ | margin-bottom: 10px; | ||
+ | border: 1px solid #d4d5da; | ||
+ | border-radius: 4px; | ||
+ | background: #fff; | ||
+ | box-shadow: 1px 3px 2px #efefef | ||
+ | } | ||
+ | .tcm_index .tcm_box h2 { | ||
+ | line-height: 60px; | ||
+ | padding: 0 20px; | ||
+ | margin-bottom: 0; | ||
+ | border-bottom: 1px solid #e7e7e8; | ||
+ | color: #353941; | ||
+ | font-size: 18px | ||
+ | } | ||
+ | .tcm_index .tcm_box_headline { | ||
+ | overflow: auto | ||
+ | } | ||
+ | .tcm_index .tcm_box_headline .floatleft { | ||
+ | margin-top: 20px; | ||
+ | margin-left: 20px; | ||
+ | padding: 4px; | ||
+ | border: 1px solid #e7e7e8 | ||
+ | } | ||
+ | .tcm_index .tcm_box_headline p { | ||
+ | line-height: 27px; | ||
+ | margin: 15px 20px | ||
+ | } | ||
+ | .tcm_index .tcm_box_about p { | ||
+ | line-height: 27px; | ||
+ | margin: 15px 20px 20px; | ||
+ | text-indent: 2em | ||
+ | } | ||
+ | .tcm_index .tcm_box_about hr { | ||
+ | margin: 0 20px; | ||
+ | background-color: #e7e7e8 | ||
+ | } | ||
+ | .tcm_index .tcm_box_about ul { | ||
+ | line-height: 27px; | ||
+ | list-style: none; | ||
+ | margin: 14px 20px | ||
+ | } | ||
+ | .tcm_index .tcm_box_about ul strong { | ||
+ | color: #81a730; | ||
+ | font-weight: normal | ||
+ | } | ||
+ | .tcm_index .tcm_box_about p > a { | ||
+ | display: block; | ||
+ | line-height: 45px; | ||
+ | border-radius: 4px; | ||
+ | background: #81a730; | ||
+ | color: #fff; | ||
+ | font-size: 16px; | ||
+ | text-align: center; | ||
+ | text-indent: 0 | ||
+ | } | ||
+ | .tcm_index .tcm_box_category ul { | ||
+ | line-height: 50px; | ||
+ | margin: 0; | ||
+ | list-style: none | ||
+ | } | ||
+ | .tcm_index .tcm_box_category ul li { | ||
+ | height: 50px; | ||
+ | margin: 0; | ||
+ | overflow: hidden | ||
+ | } | ||
+ | .tcm_index .tcm_box_category ul li a { | ||
+ | display: inline-block; | ||
+ | margin-right: 30px; | ||
+ | white-space: nowrap | ||
+ | } | ||
+ | .tcm_index .tcm_box_category ul li strong { | ||
+ | display: inline-block; | ||
+ | width: 64px; | ||
+ | line-height: 24px; | ||
+ | margin: 0 17px; | ||
+ | border-radius: 12px; | ||
+ | background: #8eca36; | ||
+ | color: #fff; | ||
+ | font-size: 12px; | ||
+ | text-align: center | ||
+ | } | ||
+ | |||
+ | .tcm_index .tcm_box_category ul li + li strong{ | ||
+ | background:#ed7d7d | ||
+ | } | ||
+ | .tcm_index .tcm_box_category ul li + li + li strong{ | ||
+ | background:#ffb245 | ||
+ | } | ||
+ | .tcm_index .tcm_box_help p { | ||
+ | line-height: 50px; | ||
+ | margin: 0 | ||
} | } | ||
− | . | + | .tcm_index .tcm_box_help p a { |
− | + | position: relative; | |
− | + | display: inline-block; | |
− | + | width: 33.33%; | |
+ | text-indent: 30px | ||
} | } | ||
− | . | + | .tcm_index .tcm_box_help p a: before { |
− | + | content: ""; | |
− | + | position: absolute; | |
− | + | height: 5px; | |
− | + | width: 5px; | |
− | + | left: 20px; | |
− | + | top: 23px; | |
+ | border-radius: 50%; | ||
+ | background: #8eca36 | ||
} | } | ||
− | . | + | .tcm_index .tcm_box_article h4 { |
− | + | display: none | |
+ | } | ||
+ | .tcm_index .tcm_box_article dl { | ||
+ | height: 79px; | ||
+ | line-height: 26px; | ||
+ | margin: 0 20px; | ||
+ | border-bottom: 1px solid #e7e7e8 | ||
+ | } | ||
+ | .tcm_index .tcm_box_article dl: last-child { | ||
+ | border-bottom: none | ||
+ | } | ||
+ | .tcm_index .tcm_box_article dl dt { | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 16px 0 0; | ||
+ | font-weight: normal; | ||
+ | white-space: nowrap; | ||
+ | overflow: hidden; | ||
+ | text-overflow: ellipsis | ||
+ | } | ||
+ | .tcm_index .tcm_box_article dl dd { | ||
+ | margin: 0; | ||
+ | color: #b0b0bd; | ||
+ | font-size: 12px | ||
+ | } | ||
+ | .tcm_index .tcm_box_article dl dd span { | ||
+ | margin-right: 30px | ||
+ | } | ||
+ | .tcm_index .tcm_box_article ul { | ||
+ | margin: 0 20px; | ||
+ | list-style: none | ||
+ | } | ||
+ | .tcm_index .tcm_box_article ul li { | ||
+ | line-height: 26px; | ||
+ | margin: 0; | ||
+ | padding: 13px 0 13px; | ||
+ | border-bottom: 1px solid #e7e7e8 | ||
+ | } | ||
+ | .tcm_index .tcm_box_article ul li: last-child { | ||
+ | border-bottom: none | ||
+ | } | ||
+ | .tcm_index .tcm_box_hot ol { | ||
+ | line-height: 40px; | ||
+ | margin: 0 | ||
+ | } | ||
+ | .tcm_index .tcm_box_hot ol li { | ||
+ | margin: 0 0 0 45px | ||
+ | } | ||
+ | .tcm_index .tcm_box_hot ol li: before { | ||
+ | content: ""; | ||
+ | float: left; | ||
+ | width: 16px; | ||
+ | height: 16px; | ||
+ | margin-left: -24px; | ||
+ | margin-top: 12px; | ||
+ | border-radius: 50%; | ||
+ | background: #e6e6e8 | ||
+ | } | ||
+ | .tcm_index .tcm_box_hot ol li: first-child,.tcm_index .tcm_box_hot ol li: first-child + li,.tcm_index .tcm_box_hot ol li: first-child + li + li { | ||
+ | color: #fff | ||
+ | } | ||
+ | .tcm_index .tcm_box_hot ol li: first-child strong,.tcm_index .tcm_box_hot ol li: first-child + li strong,.tcm_index .tcm_box_hot ol li: first-child + li + li strong { | ||
+ | color: #7d818c | ||
+ | } | ||
+ | .tcm_index .tcm_box_hot ol li: first-child: before { | ||
+ | background: #ed7d7d | ||
+ | } | ||
+ | .tcm_index .tcm_box_hot ol li: first-child + li: before { | ||
+ | background: #ffb245 | ||
+ | } | ||
+ | .tcm_index .tcm_box_hot ol li: first-child + li + li: before { | ||
+ | background: #8eca36 | ||
+ | } | ||
+ | .tcm_index .tcm_box_star ul { | ||
+ | margin: 0; | ||
+ | list-style: none | ||
+ | } | ||
+ | .tcm_index .tcm_box_star ul li { | ||
+ | margin: 0 | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .tabs { | ||
+ | margin: 20px 20px 0 | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .tabs ul { | ||
+ | height: 32px; | ||
+ | line-height: 30px | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .tabs ul li { | ||
+ | float: left; | ||
+ | width: 49.3%; | ||
+ | border: 1px solid #e7e7e8; | ||
+ | text-align: center; | ||
+ | cursor: pointer | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .tabs ul li: first-child { | ||
+ | border-right: none; | ||
+ | border-radius: 15px 0 0 15px | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .tabs ul li: last-child { | ||
+ | border-radius: 0 15px 15px 0 | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .tabs ul li.current { | ||
+ | background: #f4f5f8; | ||
+ | cursor: default | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel { | ||
+ | margin-top: 12px | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel: last-child { | ||
+ | display: bone | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel ol { | ||
+ | line-height: 48px; | ||
+ | margin: 0 20px 0 0 | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel ol li { | ||
+ | position: relative; | ||
+ | margin: 0 0 0 45px | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel ol li: before { | ||
+ | content: ""; | ||
+ | float: left; | ||
+ | width: 16px; | ||
+ | height: 16px; | ||
+ | margin-left: -24px; | ||
+ | margin-top: 16px; | ||
+ | border-radius: 50%; | ||
+ | background: #e6e6e8 | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel ol li: first-child,.tcm_index .tcm_box_star .panel ol li: first-child + li,.tcm_index .tcm_box_star .panel ol li: first-child + li + li { | ||
+ | color: #fff | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel ol li: first-child strong,.tcm_index .tcm_box_star .panel ol li: first-child + li strong,.tcm_index .tcm_box_star .panel ol li: first-child + li + li strong { | ||
+ | color: #7d818c | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel ol li: first-child: before { | ||
+ | background: #ed7d7d | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel ol li: first-child + li: before { | ||
+ | background: #ffb245 | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel ol li: first-child + li + li: before { | ||
+ | background: #8eca36 | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel ol li a { | ||
+ | position: absolute; | ||
+ | left: 0; | ||
+ | top: 0 | ||
+ | } | ||
+ | .tcm_index .tcm_box_star .panel ol li span { | ||
+ | float: right; | ||
+ | color: #7d818c | ||
+ | } | ||
+ | .tcm_index .tcm_box_service ul { | ||
+ | margin: 10px; | ||
+ | list-style: none; | ||
+ | font-size: 12px; | ||
+ | overflow: auto | ||
+ | } | ||
+ | .tcm_index .tcm_box_service ul li { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | width: 100px; | ||
+ | height: 90px; | ||
+ | margin: 0; | ||
+ | text-align: center | ||
+ | } | ||
+ | .tcm_index .tcm_box_service ul li a { | ||
+ | position: relative; | ||
+ | display: block; | ||
+ | line-height: 20px; | ||
+ | padding: 50px 0 20px | ||
+ | } | ||
+ | .tcm_index .tcm_box_service ul li i { | ||
+ | position: absolute; | ||
+ | left: 50%; | ||
+ | top: 12px; | ||
+ | width: 27px; | ||
+ | height: 27px; | ||
+ | margin-left: -13px | ||
} | } |
2015年8月5日 (三) 21:39的版本
/* 放置于这里的CSS将应用于所有皮肤 */ /* 隐藏Main Page首页标题*/ body.page-首页 h1.firstHeading { display:none; } /* 首行缩进 */ p {text-indent: 2em;} /** * Styling for links generated by [[MediaWiki:Edittools]] * @source www.mediawiki.org/wiki/Extension:CharInsert#Styling * @updated 2012-02-29 */ .mw-charinsert-buttons { margin-top: 8px; border: 1px solid #aaaaaa; padding: 1px; font-size: 100%; } .mw-charinsert-buttons a { color: black; background-color: #cde !important; font-weight: bold; font-size: .9em; text-decoration: none; border: thin #069 outset; padding: 0 .1em .1em; } .mw-charinsert-buttons a:hover, .mw-charinsert-buttons a:active { background-color: #bcd; border-style: inset; } .client-js .mw-edittools-section { display: inline; } .client-js .mw-edittools-section input[type="button"] { font-size: 0.9em; padding-left: 1px; padding-right: 1px; margin-left: 1px; } /* info类模板 */ .infoBox { margin: 0 auto; } .infoBoxTitle { margin: 3px auto; padding: 0; text-align: center; font-weight: 700; } .infoBoxIcon { display: table-cell; padding: 2px 0 2px .5em; vertical-align: middle; } .infoBoxText { display: table-cell; padding: .25em .5em .25em 1.3em; width: 100%; vertical-align: middle; } .infoBoxContent { border: 1px solid #ddd; border-left-width: 0; background: #fbfbfb; } .infoBoxBelow { margin: 0 auto; padding: 0; text-align: center; } /*首页样式*/ .tcm_index { color: #7d818c; font-size: 14px } .tcm_index .tcm_row { overflow: auto } .tcm_index .tcm_row .tcm_col_l { float: left; width: 100%; margin-left: -327px } .tcm_index .tcm_row .tcm_col_l .tcm_box { margin-left: 327px } .tcm_index .tcm_row .tcm_col_r { float: right; width: 317px } .tcm_index .tcm_box { margin-bottom: 10px; border: 1px solid #d4d5da; border-radius: 4px; background: #fff; box-shadow: 1px 3px 2px #efefef } .tcm_index .tcm_box h2 { line-height: 60px; padding: 0 20px; margin-bottom: 0; border-bottom: 1px solid #e7e7e8; color: #353941; font-size: 18px } .tcm_index .tcm_box_headline { overflow: auto } .tcm_index .tcm_box_headline .floatleft { margin-top: 20px; margin-left: 20px; padding: 4px; border: 1px solid #e7e7e8 } .tcm_index .tcm_box_headline p { line-height: 27px; margin: 15px 20px } .tcm_index .tcm_box_about p { line-height: 27px; margin: 15px 20px 20px; text-indent: 2em } .tcm_index .tcm_box_about hr { margin: 0 20px; background-color: #e7e7e8 } .tcm_index .tcm_box_about ul { line-height: 27px; list-style: none; margin: 14px 20px } .tcm_index .tcm_box_about ul strong { color: #81a730; font-weight: normal } .tcm_index .tcm_box_about p > a { display: block; line-height: 45px; border-radius: 4px; background: #81a730; color: #fff; font-size: 16px; text-align: center; text-indent: 0 } .tcm_index .tcm_box_category ul { line-height: 50px; margin: 0; list-style: none } .tcm_index .tcm_box_category ul li { height: 50px; margin: 0; overflow: hidden } .tcm_index .tcm_box_category ul li a { display: inline-block; margin-right: 30px; white-space: nowrap } .tcm_index .tcm_box_category ul li strong { display: inline-block; width: 64px; line-height: 24px; margin: 0 17px; border-radius: 12px; background: #8eca36; color: #fff; font-size: 12px; text-align: center } .tcm_index .tcm_box_category ul li + li strong{ background:#ed7d7d } .tcm_index .tcm_box_category ul li + li + li strong{ background:#ffb245 } .tcm_index .tcm_box_help p { line-height: 50px; margin: 0 } .tcm_index .tcm_box_help p a { position: relative; display: inline-block; width: 33.33%; text-indent: 30px } .tcm_index .tcm_box_help p a: before { content: ""; position: absolute; height: 5px; width: 5px; left: 20px; top: 23px; border-radius: 50%; background: #8eca36 } .tcm_index .tcm_box_article h4 { display: none } .tcm_index .tcm_box_article dl { height: 79px; line-height: 26px; margin: 0 20px; border-bottom: 1px solid #e7e7e8 } .tcm_index .tcm_box_article dl: last-child { border-bottom: none } .tcm_index .tcm_box_article dl dt { width: 100%; margin: 0; padding: 16px 0 0; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .tcm_index .tcm_box_article dl dd { margin: 0; color: #b0b0bd; font-size: 12px } .tcm_index .tcm_box_article dl dd span { margin-right: 30px } .tcm_index .tcm_box_article ul { margin: 0 20px; list-style: none } .tcm_index .tcm_box_article ul li { line-height: 26px; margin: 0; padding: 13px 0 13px; border-bottom: 1px solid #e7e7e8 } .tcm_index .tcm_box_article ul li: last-child { border-bottom: none } .tcm_index .tcm_box_hot ol { line-height: 40px; margin: 0 } .tcm_index .tcm_box_hot ol li { margin: 0 0 0 45px } .tcm_index .tcm_box_hot ol li: before { content: ""; float: left; width: 16px; height: 16px; margin-left: -24px; margin-top: 12px; border-radius: 50%; background: #e6e6e8 } .tcm_index .tcm_box_hot ol li: first-child,.tcm_index .tcm_box_hot ol li: first-child + li,.tcm_index .tcm_box_hot ol li: first-child + li + li { color: #fff } .tcm_index .tcm_box_hot ol li: first-child strong,.tcm_index .tcm_box_hot ol li: first-child + li strong,.tcm_index .tcm_box_hot ol li: first-child + li + li strong { color: #7d818c } .tcm_index .tcm_box_hot ol li: first-child: before { background: #ed7d7d } .tcm_index .tcm_box_hot ol li: first-child + li: before { background: #ffb245 } .tcm_index .tcm_box_hot ol li: first-child + li + li: before { background: #8eca36 } .tcm_index .tcm_box_star ul { margin: 0; list-style: none } .tcm_index .tcm_box_star ul li { margin: 0 } .tcm_index .tcm_box_star .tabs { margin: 20px 20px 0 } .tcm_index .tcm_box_star .tabs ul { height: 32px; line-height: 30px } .tcm_index .tcm_box_star .tabs ul li { float: left; width: 49.3%; border: 1px solid #e7e7e8; text-align: center; cursor: pointer } .tcm_index .tcm_box_star .tabs ul li: first-child { border-right: none; border-radius: 15px 0 0 15px } .tcm_index .tcm_box_star .tabs ul li: last-child { border-radius: 0 15px 15px 0 } .tcm_index .tcm_box_star .tabs ul li.current { background: #f4f5f8; cursor: default } .tcm_index .tcm_box_star .panel { margin-top: 12px } .tcm_index .tcm_box_star .panel: last-child { display: bone } .tcm_index .tcm_box_star .panel ol { line-height: 48px; margin: 0 20px 0 0 } .tcm_index .tcm_box_star .panel ol li { position: relative; margin: 0 0 0 45px } .tcm_index .tcm_box_star .panel ol li: before { content: ""; float: left; width: 16px; height: 16px; margin-left: -24px; margin-top: 16px; border-radius: 50%; background: #e6e6e8 } .tcm_index .tcm_box_star .panel ol li: first-child,.tcm_index .tcm_box_star .panel ol li: first-child + li,.tcm_index .tcm_box_star .panel ol li: first-child + li + li { color: #fff } .tcm_index .tcm_box_star .panel ol li: first-child strong,.tcm_index .tcm_box_star .panel ol li: first-child + li strong,.tcm_index .tcm_box_star .panel ol li: first-child + li + li strong { color: #7d818c } .tcm_index .tcm_box_star .panel ol li: first-child: before { background: #ed7d7d } .tcm_index .tcm_box_star .panel ol li: first-child + li: before { background: #ffb245 } .tcm_index .tcm_box_star .panel ol li: first-child + li + li: before { background: #8eca36 } .tcm_index .tcm_box_star .panel ol li a { position: absolute; left: 0; top: 0 } .tcm_index .tcm_box_star .panel ol li span { float: right; color: #7d818c } .tcm_index .tcm_box_service ul { margin: 10px; list-style: none; font-size: 12px; overflow: auto } .tcm_index .tcm_box_service ul li { position: relative; float: left; width: 100px; height: 90px; margin: 0; text-align: center } .tcm_index .tcm_box_service ul li a { position: relative; display: block; line-height: 20px; padding: 50px 0 20px } .tcm_index .tcm_box_service ul li i { position: absolute; left: 50%; top: 12px; width: 27px; height: 27px; margin-left: -13px }