MediaWiki:Common.css

来自中医百科
52166tangao讨论 | 贡献2015年8月5日 (三) 23:15的版本 (撤销52166tangao讨论)的版本143408)
跳到导航 跳到搜索

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
/* 放置于这里的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%;
    float: left;
	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
}