中医百科:首页/styles.css：修订间差异

2022年7月1日 (五) 17:41的版本

/******************************
 * Styles for mobile main page
 ******************************/

@media all and (min-width: 768px) {
	.wikidata-mainpage-column {
		float: left;
		width: 50%;
	}
	.wikidata-mainpage-column-first {
		padding-right: 5px;
	}
	.wikidata-mainpage-column-second {
		padding-left: 5px;
	}
	.wikidata-mainpage-sister-projects {
		text-align: center;
	}
}

/**
 * Hide title on main pages, village pumps and project chats
 * 
 * @author 
 * @maintainer 
 */

body.action-view .firstHeading {
	display: none;
}

body.action-view #contentSub { 
	display: none;
}

/******************************
 * 分割线
 ******************************/
.order {

  height: 20px;

  line-height: 20px;

  text-align: center;

}

.order .line {

  display: inline-block;

  padding-top : 3px;

  width: 40%;

  border-top: 1px solid #666666;

}

.order .txt {

  color: #333333;

  font-size: 12px;

  vertical-align: middle;

}

@@ 第37行： / 第37行： @@
   * 分割线
   ******************************/
-.wrapper {
+.order {
-    padding-bottom: 90px;
+  height: 20px;
+  line-height: 20px;
+  text-align: center;
 }
-.divider {
-    position: relative;
+.order .line {
-    margin-top: 90px;
-    height: 1px;
+  display: inline-block;
+  padding-top : 3px;
+  width: 40%;
+  border-top: 1px solid #666666;
 }
-.div-transparent:before {
-    content: "";
+.order .txt {
-    position: absolute;
-    top: 0;
+  color: #333333;
-    left: 10%;
-    right: 10%;
+  font-size: 12px;
-    width: 80%;
-    height: 1px;
+  vertical-align: middle;
-    background-image: linear-gradient(to right, transparent, darkgrey, transparent);
-}
-.div-arrow-down:after {
-    content: "";
-    position: absolute;
-    z-index: 1;
-    top: -7px;
-    left: calc(50% - 7px);
-    width: 14px;
-    height: 14px;
-    transform: rotate(45deg);
-    background-color: white;
-    border-bottom: 1px solid darkgrey;
-    border-right: 1px solid darkgrey;
-}
-.div-tab-down:after {
-    content: "";
-    position: absolute;
-    z-index: 1;
-    top: 0;
-    left: calc(50% - 10px);
-    width: 20px;
-    height: 14px;
-    background-color: white;
-    border-bottom: 1px solid darkgrey;
-    border-left: 1px solid darkgrey;
-    border-right: 1px solid darkgrey;
-    border-radius: 0 0 8px 8px;
-}
-.div-stopper:after {
-    content: "";
-    position: absolute;
-    z-index: 1;
-    top: -6px;
-    left: calc(50% - 7px);
-    width: 14px;
-    height: 12px;
-    background-color: white;
-    border-left: 1px solid darkgrey;
-    border-right: 1px solid darkgrey;
-}
-.div-dot:after {
-    content: "";
-    position: absolute;
-    z-index: 1;
-    top: -9px;
-    left: calc(50% - 9px);
-    width: 18px;
-    height: 18px;
-    background-color: goldenrod;
-    border: 1px solid darkgrey;
-    border-radius: 50%;
-    box-shadow: inset 0 0 0 2px white, 0 0 0 4px white;
 }