“MediaWiki:Common.css”的版本间的差异
跳到导航
跳到搜索
52166tangao(讨论 | 贡献) 小 |
52166tangao(讨论 | 贡献) 小 |
||
第73行: | 第73行: | ||
} | } | ||
/*首页样式*/ | /*首页样式*/ | ||
− | . | + | .tcmwk_index { |
color: #7d818c; | color: #7d818c; | ||
font-size: 14px | font-size: 14px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_row { |
overflow: auto | overflow: auto | ||
} | } | ||
− | . | + | .tcmwk_index .tw_row .tw_col_l { |
float: left; | float: left; | ||
width: 100%; | width: 100%; | ||
margin-left: -327px | margin-left: -327px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_row .tw_col_l .tw_box { |
margin-left: 327px | margin-left: 327px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_row .tw_col_r { |
float: right; | float: right; | ||
width: 317px | width: 317px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box { |
margin-bottom: 10px; | margin-bottom: 10px; | ||
border: 1px solid #d4d5da; | border: 1px solid #d4d5da; | ||
第99行: | 第99行: | ||
box-shadow: 1px 3px 2px #efefef | box-shadow: 1px 3px 2px #efefef | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box h2 { |
line-height: 60px; | line-height: 60px; | ||
padding: 0 20px; | padding: 0 20px; | ||
第107行: | 第107行: | ||
font-size: 18px | font-size: 18px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_headline { |
overflow: auto | overflow: auto | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_headline .floatleft { |
margin-top: 20px; | margin-top: 20px; | ||
margin-left: 20px; | margin-left: 20px; | ||
第116行: | 第116行: | ||
border: 1px solid #e7e7e8 | border: 1px solid #e7e7e8 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_headline p { |
line-height: 27px; | line-height: 27px; | ||
margin: 15px 20px | margin: 15px 20px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_about p { |
line-height: 27px; | line-height: 27px; | ||
margin: 15px 20px 20px; | margin: 15px 20px 20px; | ||
text-indent: 2em | text-indent: 2em | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_about hr { |
margin: 0 20px; | margin: 0 20px; | ||
background-color: #e7e7e8 | background-color: #e7e7e8 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_about ul { |
line-height: 27px; | line-height: 27px; | ||
list-style: none; | list-style: none; | ||
margin: 14px 20px | margin: 14px 20px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_about ul strong { |
color: #81a730; | color: #81a730; | ||
font-weight: normal | font-weight: normal | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_about p > a { |
display: block; | display: block; | ||
line-height: 45px; | line-height: 45px; | ||
第148行: | 第148行: | ||
text-indent: 0 | text-indent: 0 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_category ul { |
line-height: 50px; | line-height: 50px; | ||
margin: 0; | margin: 0; | ||
list-style: none | list-style: none | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_category ul li { |
height: 50px; | height: 50px; | ||
margin: 0; | margin: 0; | ||
overflow: hidden | overflow: hidden | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_category ul li a { |
display: inline-block; | display: inline-block; | ||
margin-right: 30px; | margin-right: 30px; | ||
white-space: nowrap | white-space: nowrap | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_category ul li strong { |
display: inline-block; | display: inline-block; | ||
width: 64px; | width: 64px; | ||
第175行: | 第175行: | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_category ul li + li strong{ |
background:#ed7d7d | background:#ed7d7d | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_category ul li + li + li strong{ |
background:#ffb245 | background:#ffb245 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_help p { |
line-height: 50px; | line-height: 50px; | ||
margin: 0 | margin: 0 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_help p a { |
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
width: 33.33%; | width: 33.33%; | ||
− | |||
text-indent: 30px | text-indent: 30px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_help p a: before { |
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
第202行: | 第201行: | ||
background: #8eca36 | background: #8eca36 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_article h4 { |
display: none | display: none | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_article dl { |
height: 79px; | height: 79px; | ||
line-height: 26px; | line-height: 26px; | ||
第211行: | 第210行: | ||
border-bottom: 1px solid #e7e7e8 | border-bottom: 1px solid #e7e7e8 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_article dl: last-child { |
border-bottom: none | border-bottom: none | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_article dl dt { |
width: 100%; | width: 100%; | ||
margin: 0; | margin: 0; | ||
第223行: | 第222行: | ||
text-overflow: ellipsis | text-overflow: ellipsis | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_article dl dd { |
margin: 0; | margin: 0; | ||
color: #b0b0bd; | color: #b0b0bd; | ||
font-size: 12px | font-size: 12px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_article dl dd span { |
margin-right: 30px | margin-right: 30px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_article ul { |
margin: 0 20px; | margin: 0 20px; | ||
list-style: none | list-style: none | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_article ul li { |
line-height: 26px; | line-height: 26px; | ||
margin: 0; | margin: 0; | ||
第241行: | 第240行: | ||
border-bottom: 1px solid #e7e7e8 | border-bottom: 1px solid #e7e7e8 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_article ul li: last-child { |
border-bottom: none | border-bottom: none | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_hot ol { |
line-height: 40px; | line-height: 40px; | ||
margin: 0 | margin: 0 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_hot ol li { |
margin: 0 0 0 45px | margin: 0 0 0 45px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_hot ol li: before { |
content: ""; | content: ""; | ||
float: left; | float: left; | ||
第261行: | 第260行: | ||
background: #e6e6e8 | background: #e6e6e8 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_hot ol li: first-child,.tcmwk_index .tw_box_hot ol li: first-child + li,.tcmwk_index .tw_box_hot ol li: first-child + li + li { |
color: #fff | color: #fff | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_hot ol li: first-child strong,.tcmwk_index .tw_box_hot ol li: first-child + li strong,.tcmwk_index .tw_box_hot ol li: first-child + li + li strong { |
color: #7d818c | color: #7d818c | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_hot ol li: first-child: before { |
background: #ed7d7d | background: #ed7d7d | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_hot ol li: first-child + li: before { |
background: #ffb245 | background: #ffb245 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_hot ol li: first-child + li + li: before { |
background: #8eca36 | background: #8eca36 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star ul { |
margin: 0; | margin: 0; | ||
list-style: none | list-style: none | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star ul li { |
margin: 0 | margin: 0 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .tabs { |
margin: 20px 20px 0 | margin: 20px 20px 0 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .tabs ul { |
height: 32px; | height: 32px; | ||
line-height: 30px | line-height: 30px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .tabs ul li { |
float: left; | float: left; | ||
width: 49.3%; | width: 49.3%; | ||
第297行: | 第296行: | ||
cursor: pointer | cursor: pointer | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .tabs ul li: first-child { |
border-right: none; | border-right: none; | ||
border-radius: 15px 0 0 15px | border-radius: 15px 0 0 15px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .tabs ul li: last-child { |
border-radius: 0 15px 15px 0 | border-radius: 0 15px 15px 0 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .tabs ul li.current { |
background: #f4f5f8; | background: #f4f5f8; | ||
cursor: default | cursor: default | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel { |
margin-top: 12px | margin-top: 12px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel: last-child { |
display: bone | display: bone | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel ol { |
line-height: 48px; | line-height: 48px; | ||
margin: 0 20px 0 0 | margin: 0 20px 0 0 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel ol li { |
position: relative; | position: relative; | ||
margin: 0 0 0 45px | margin: 0 0 0 45px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel ol li: before { |
content: ""; | content: ""; | ||
float: left; | float: left; | ||
第332行: | 第331行: | ||
background: #e6e6e8 | background: #e6e6e8 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel ol li: first-child,.tcmwk_index .tw_box_star .panel ol li: first-child + li,.tcmwk_index .tw_box_star .panel ol li: first-child + li + li { |
color: #fff | color: #fff | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel ol li: first-child strong,.tcmwk_index .tw_box_star .panel ol li: first-child + li strong,.tcmwk_index .tw_box_star .panel ol li: first-child + li + li strong { |
color: #7d818c | color: #7d818c | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel ol li: first-child: before { |
background: #ed7d7d | background: #ed7d7d | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel ol li: first-child + li: before { |
background: #ffb245 | background: #ffb245 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel ol li: first-child + li + li: before { |
background: #8eca36 | background: #8eca36 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel ol li a { |
position: absolute; | position: absolute; | ||
left: 0; | left: 0; | ||
top: 0 | top: 0 | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_star .panel ol li span { |
float: right; | float: right; | ||
color: #7d818c | color: #7d818c | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_service ul { |
margin: 10px; | margin: 10px; | ||
list-style: none; | list-style: none; | ||
第362行: | 第361行: | ||
overflow: auto | overflow: auto | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_service ul li { |
position: relative; | position: relative; | ||
float: left; | float: left; | ||
第370行: | 第369行: | ||
text-align: center | text-align: center | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_service ul li a { |
position: relative; | position: relative; | ||
display: block; | display: block; | ||
第376行: | 第375行: | ||
padding: 50px 0 20px | padding: 50px 0 20px | ||
} | } | ||
− | . | + | .tcmwk_index .tw_box_service ul li i { |
position: absolute; | position: absolute; | ||
left: 50%; | left: 50%; |
2015年8月6日 (四) 09:32的版本
/* 放置于这里的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; } /*首页样式*/ .tcmwk_index { color: #7d818c; font-size: 14px } .tcmwk_index .tw_row { overflow: auto } .tcmwk_index .tw_row .tw_col_l { float: left; width: 100%; margin-left: -327px } .tcmwk_index .tw_row .tw_col_l .tw_box { margin-left: 327px } .tcmwk_index .tw_row .tw_col_r { float: right; width: 317px } .tcmwk_index .tw_box { margin-bottom: 10px; border: 1px solid #d4d5da; border-radius: 4px; background: #fff; box-shadow: 1px 3px 2px #efefef } .tcmwk_index .tw_box h2 { line-height: 60px; padding: 0 20px; margin-bottom: 0; border-bottom: 1px solid #e7e7e8; color: #353941; font-size: 18px } .tcmwk_index .tw_box_headline { overflow: auto } .tcmwk_index .tw_box_headline .floatleft { margin-top: 20px; margin-left: 20px; padding: 4px; border: 1px solid #e7e7e8 } .tcmwk_index .tw_box_headline p { line-height: 27px; margin: 15px 20px } .tcmwk_index .tw_box_about p { line-height: 27px; margin: 15px 20px 20px; text-indent: 2em } .tcmwk_index .tw_box_about hr { margin: 0 20px; background-color: #e7e7e8 } .tcmwk_index .tw_box_about ul { line-height: 27px; list-style: none; margin: 14px 20px } .tcmwk_index .tw_box_about ul strong { color: #81a730; font-weight: normal } .tcmwk_index .tw_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 } .tcmwk_index .tw_box_category ul { line-height: 50px; margin: 0; list-style: none } .tcmwk_index .tw_box_category ul li { height: 50px; margin: 0; overflow: hidden } .tcmwk_index .tw_box_category ul li a { display: inline-block; margin-right: 30px; white-space: nowrap } .tcmwk_index .tw_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 } .tcmwk_index .tw_box_category ul li + li strong{ background:#ed7d7d } .tcmwk_index .tw_box_category ul li + li + li strong{ background:#ffb245 } .tcmwk_index .tw_box_help p { line-height: 50px; margin: 0 } .tcmwk_index .tw_box_help p a { position: relative; display: inline-block; width: 33.33%; text-indent: 30px } .tcmwk_index .tw_box_help p a: before { content: ""; position: absolute; height: 5px; width: 5px; left: 20px; top: 23px; border-radius: 50%; background: #8eca36 } .tcmwk_index .tw_box_article h4 { display: none } .tcmwk_index .tw_box_article dl { height: 79px; line-height: 26px; margin: 0 20px; border-bottom: 1px solid #e7e7e8 } .tcmwk_index .tw_box_article dl: last-child { border-bottom: none } .tcmwk_index .tw_box_article dl dt { width: 100%; margin: 0; padding: 16px 0 0; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .tcmwk_index .tw_box_article dl dd { margin: 0; color: #b0b0bd; font-size: 12px } .tcmwk_index .tw_box_article dl dd span { margin-right: 30px } .tcmwk_index .tw_box_article ul { margin: 0 20px; list-style: none } .tcmwk_index .tw_box_article ul li { line-height: 26px; margin: 0; padding: 13px 0 13px; border-bottom: 1px solid #e7e7e8 } .tcmwk_index .tw_box_article ul li: last-child { border-bottom: none } .tcmwk_index .tw_box_hot ol { line-height: 40px; margin: 0 } .tcmwk_index .tw_box_hot ol li { margin: 0 0 0 45px } .tcmwk_index .tw_box_hot ol li: before { content: ""; float: left; width: 16px; height: 16px; margin-left: -24px; margin-top: 12px; border-radius: 50%; background: #e6e6e8 } .tcmwk_index .tw_box_hot ol li: first-child,.tcmwk_index .tw_box_hot ol li: first-child + li,.tcmwk_index .tw_box_hot ol li: first-child + li + li { color: #fff } .tcmwk_index .tw_box_hot ol li: first-child strong,.tcmwk_index .tw_box_hot ol li: first-child + li strong,.tcmwk_index .tw_box_hot ol li: first-child + li + li strong { color: #7d818c } .tcmwk_index .tw_box_hot ol li: first-child: before { background: #ed7d7d } .tcmwk_index .tw_box_hot ol li: first-child + li: before { background: #ffb245 } .tcmwk_index .tw_box_hot ol li: first-child + li + li: before { background: #8eca36 } .tcmwk_index .tw_box_star ul { margin: 0; list-style: none } .tcmwk_index .tw_box_star ul li { margin: 0 } .tcmwk_index .tw_box_star .tabs { margin: 20px 20px 0 } .tcmwk_index .tw_box_star .tabs ul { height: 32px; line-height: 30px } .tcmwk_index .tw_box_star .tabs ul li { float: left; width: 49.3%; border: 1px solid #e7e7e8; text-align: center; cursor: pointer } .tcmwk_index .tw_box_star .tabs ul li: first-child { border-right: none; border-radius: 15px 0 0 15px } .tcmwk_index .tw_box_star .tabs ul li: last-child { border-radius: 0 15px 15px 0 } .tcmwk_index .tw_box_star .tabs ul li.current { background: #f4f5f8; cursor: default } .tcmwk_index .tw_box_star .panel { margin-top: 12px } .tcmwk_index .tw_box_star .panel: last-child { display: bone } .tcmwk_index .tw_box_star .panel ol { line-height: 48px; margin: 0 20px 0 0 } .tcmwk_index .tw_box_star .panel ol li { position: relative; margin: 0 0 0 45px } .tcmwk_index .tw_box_star .panel ol li: before { content: ""; float: left; width: 16px; height: 16px; margin-left: -24px; margin-top: 16px; border-radius: 50%; background: #e6e6e8 } .tcmwk_index .tw_box_star .panel ol li: first-child,.tcmwk_index .tw_box_star .panel ol li: first-child + li,.tcmwk_index .tw_box_star .panel ol li: first-child + li + li { color: #fff } .tcmwk_index .tw_box_star .panel ol li: first-child strong,.tcmwk_index .tw_box_star .panel ol li: first-child + li strong,.tcmwk_index .tw_box_star .panel ol li: first-child + li + li strong { color: #7d818c } .tcmwk_index .tw_box_star .panel ol li: first-child: before { background: #ed7d7d } .tcmwk_index .tw_box_star .panel ol li: first-child + li: before { background: #ffb245 } .tcmwk_index .tw_box_star .panel ol li: first-child + li + li: before { background: #8eca36 } .tcmwk_index .tw_box_star .panel ol li a { position: absolute; left: 0; top: 0 } .tcmwk_index .tw_box_star .panel ol li span { float: right; color: #7d818c } .tcmwk_index .tw_box_service ul { margin: 10px; list-style: none; font-size: 12px; overflow: auto } .tcmwk_index .tw_box_service ul li { position: relative; float: left; width: 100px; height: 90px; margin: 0; text-align: center } .tcmwk_index .tw_box_service ul li a { position: relative; display: block; line-height: 20px; padding: 50px 0 20px } .tcmwk_index .tw_box_service ul li i { position: absolute; left: 50%; top: 12px; width: 27px; height: 27px; margin-left: -13px }