更改

跳到导航 跳到搜索

MediaWiki:Common.css (查看源代码)

2015年8月5日 (三) 21:39的版本

添加6,132字节 、 2015年8月5日 (三) 21:39
小
无编辑摘要
第74行： 第74行：  
/*首页样式*/
 
/*首页样式*/
 
.tcm_index {
 
.tcm_index {
−
  color: #7d818c;
+
color: #7d818c;
−
  font-size: 14px;
+
font-size: 14px
 
}
 
}
−
.tcm_row {
+
.tcm_index .tcm_row {
−
  overflow: auto;
+
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
 
}
 
}
−
user agent stylesheetdiv {
+
.tcm_index .tcm_row .tcm_col_r {
−
  display: block;
+
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_col_l {
+
.tcm_index .tcm_box_help p a {
−
  float: left;
+
position: relative;
−
  width: 100%;
+
display: inline-block;
−
  margin-left: -327px;
+
width: 33.33%;
 +
text-indent: 30px
 
}
 
}
−
.tcm_box {
+
.tcm_index .tcm_box_help p a: before {
−
  margin-left: 327px;
+
content: "";
−
  margin-bottom: 10px;
+
position: absolute;
−
  border: 1px solid #d4d5da;
+
height: 5px;
−
  border-radius: 4px;
+
width: 5px;
−
  background: #fff;
+
left: 20px;
−
  box-shadow: 1px 3px 2px #efefef;
+
top: 23px;
 +
border-radius: 50%;
 +
background: #8eca36
 
}
 
}
−
.tcm_box_headline {
+
.tcm_index .tcm_box_article h4 {
−
  overflow: auto;
+
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
 
}
 
}
取自“http://www.tcmwk.com/index.php?title=特殊:移动版差异/143403”

导航菜单