變更

跳至導覽 跳至搜尋

MediaWiki:Common.css (檢視原始碼)

於 2018年8月10日 (五) 00:23 的修訂

增加 1,278 位元組 、​ 2018年8月10日 (五) 00:23
小
無編輯摘要
行 1： 行 1：  
/* main page */
 
/* main page */
−
body.page-首頁.action-view h1.firstHeading, body.page-首頁.action-submit h1.firstHeading { display: none; }
+
body.page-Main_Page #mw-mf-viewport div.as-h4 {
−
body.page-首頁 div.as-h4 {
+
font-size: 24px;
−
  font-size: 24px;
+
margin-bottom: 15px;
−
  margin-bottom: 15px;
+
line-height: 1.4; }
−
  line-height: 1.4; }
+
  body.page-Main_Page #mw-mf-viewport .main-page-banner {
−
body.page-首頁 .main-page-banner {
+
background-color: #CEDFF2;
−
  background-color: #CEDFF2;
+
padding: 2px;
−
  padding: 2px;
+
border-radius: 10px; }
−
  border-radius: 10px; }
+
body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-left, body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-right {
−
  body.page-首頁 .main-page-banner .banner-left, body.page-首頁 .main-page-banner .banner-right {
+
  box-sizing: border-box; }
−
    float: left;
+
  @media (min-width: 768px) {
−
    box-sizing: border-box; }
+
body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-left, body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-right {
−
  body.page-首頁 .main-page-banner .banner-left {
+
  float: left; } }
−
    width: 75%;
+
body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-left {
−
    background-color: #fff;
+
  background-color: #fff;
−
    border-radius: 10px;
+
  border-radius: 10px;
−
    padding: 5px 0;
+
  padding: 5px 0;
−
    text-align: center;
+
  text-align: center;
−
    vertical-align: middle; }
+
  vertical-align: middle; }
−
    body.page-首頁 .main-page-banner .banner-left h1 {
+
  body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-left h1 {
−
      margin: 0 !important;
+
margin: 0 !important;
−
      line-height: 1 !important;
+
padding: 0 !important;
−
      font-size: 46px !important;
+
line-height: 1 !important;
−
      border: 0 !important;
+
font-size: 46px !important;
−
      font-weight: bold; }
+
border: 0 !important;
−
    body.page-首頁 .main-page-banner .banner-left em {
+
font-weight: bold; }
−
      font-weight: bold;
+
  body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-left em {
−
      color: green;
+
font-weight: bold;
−
      font-style: normal; }
+
color: green;
−
    body.page-首頁 .main-page-banner .banner-left .top-8-words {
+
font-style: normal; }
−
      padding: 4px 0 0 0;
+
  body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-left .top-8-words {
−
      font-size: 15px; }
+
padding: 4px 0 0 0;
−
    body.page-首頁 .main-page-banner .banner-left .bottom-counter {
+
font-size: 15px; }
−
      padding: 6px 0 3px 0;
+
  body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-left .bottom-counter {
−
      font-size: 16px; }
+
padding: 6px 0 3px 0;
−
  body.page-首頁 .main-page-banner .banner-right {
+
font-size: 16px; }
−
    width: 25%;
+
  @media (min-width: 768px) {
−
    padding: 10px; }
+
body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-left {
−
    body.page-首頁 .main-page-banner .banner-right ul {
+
  width: 75%; } }
−
      font-size: 19px;
+
body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-right {
−
      line-height: 1.4; }
+
  padding: 10px; }
−
  body.page-首頁 .main-page-banner:after {
+
  body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-right ul {
−
    content: "";
+
font-size: 19px;
−
    clear: both;
+
line-height: 1.4; }
−
    display: block; }
+
  @media (min-width: 768px) {
−
body.page-首頁 .wikipedia {
+
body.page-Main_Page #mw-mf-viewport .main-page-banner .banner-right {
−
  padding: 10px 0;
+
  width: 25%; } }
−
  margin: auto -15px; }
+
body.page-Main_Page #mw-mf-viewport .main-page-banner:after {
−
  body.page-首頁 .wikipedia .my-wiki-item {
+
  content: "";
−
    float: left;
+
  clear: both;
−
    width: 50%;
+
  display: block; }
−
    font-size: 14px;
+
  body.page-Main_Page #mw-mf-viewport .wikipedia {
−
    line-height: 1.4;
+
padding: 10px 0;
−
    box-sizing: border-box;
+
margin: auto -15px;
−
    padding: 15px; }
+
display: none; }
−
    body.page-首頁 .wikipedia .my-wiki-item div.as-h4 {
+
body.page-Main_Page #mw-mf-viewport .wikipedia .my-wiki-item {
−
      border-bottom: 1px solid #aaa; }
+
  float: left;
−
    body.page-首頁 .wikipedia .my-wiki-item > div {
+
  width: 50%;
−
      border: 1px solid #ccc;
+
  font-size: 14px;
−
      padding: 10px 15px 15px 15px; }
+
  line-height: 1.4;
−
  body.page-首頁 .wikipedia:after {
+
  box-sizing: border-box;
−
    content: "";
+
  padding: 15px; }
−
    clear: both;
+
  body.page-Main_Page #mw-mf-viewport .wikipedia .my-wiki-item div.as-h4 {
−
    display: block; }
+
border-bottom: 1px solid #aaa; }
−
body.page-首頁 .main-page-main {
+
  body.page-Main_Page #mw-mf-viewport .wikipedia .my-wiki-item > div {
−
  margin: auto -15px;
+
border: 1px solid #ccc;
−
  line-height: 1.4; }
+
padding: 10px 15px 15px 15px; }
−
  body.page-首頁 .main-page-main div.as-h4 {
+
body.page-Main_Page #mw-mf-viewport .wikipedia:after {
−
    font-weight: bold; }
+
  content: "";
−
  body.page-首頁 .main-page-main .main-left, body.page-首頁 .main-page-main .main-right {
+
  clear: both;
−
    float: left;
+
  display: block; }
−
    padding: 15px;
+
@media (min-width: 768px) {
−
    box-sizing: border-box; }
+
  body.page-Main_Page #mw-mf-viewport .wikipedia {
−
  body.page-首頁 .main-page-main .main-left {
+
display: block; } }
−
    width: 65%; }
+
  body.page-Main_Page #mw-mf-viewport .main-page-main {
−
    body.page-首頁 .main-page-main .main-left .main-content-1, body.page-首頁 .main-page-main .main-left .main-content-2, body.page-首頁 .main-page-main .main-left .main-content-3 {
+
margin: auto -15px;
−
      margin-bottom: 15px;
+
line-height: 1.4; }
 +
body.page-Main_Page #mw-mf-viewport .main-page-main div.as-h4 {
 +
  font-weight: bold; }
 +
body.page-Main_Page #mw-mf-viewport .main-page-main .main-left, body.page-Main_Page #mw-mf-viewport .main-page-main .main-right {
 +
  padding: 15px;
 +
  box-sizing: border-box; }
 +
  @media (min-width: 768px) {
 +
body.page-Main_Page #mw-mf-viewport .main-page-main .main-left, body.page-Main_Page #mw-mf-viewport .main-page-main .main-right {
 +
  float: left; } }
 +
body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-1, body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-2, body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-3 {
 +
  list-style: square inside;
 +
  margin-bottom: 15px;
 
  padding-top: 15px; }
 
  padding-top: 15px; }
−
  body.page-首頁 .main-page-main .main-left .main-content-1 ul, body.page-首頁 .main-page-main .main-left .main-content-2 ul, body.page-首頁 .main-page-main .main-left .main-content-3 .randomPages {
+
  body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-1 ul li, body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-2 ul li, body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-3 .randomPages > span {
−
        margin: 0.3em 0 0 1.6em;
+
float: left;
−
padding: 0;
+
display: list-item;
−
list-style-image: none;
+
width: 50%; }
−
        list-style-type: disc; }
+
@media (min-width: 768px) {
−
      body.page-首頁 .main-page-main .main-left .main-content-1 ul li, body.page-首頁 .main-page-main .main-left .main-content-2 ul li, body.page-首頁 .main-page-main .main-left .main-content-3 .randomPages > span {
+
  body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-1 ul li, body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-2 ul li, body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-3 .randomPages > span {
−
        float: left;
+
width: 33.3333%; } }
−
width: 33.3333%;
+
  body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-1 ul:after, body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-2 ul:after, body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-3 .randomPages:after {
−
display: list-item; }
+
content: "";
−
      body.page-首頁 .main-page-main .main-left .main-content-1 ul:after, body.page-首頁 .main-page-main .main-left .main-content-2 ul:after, body.page-首頁 .main-page-main .main-left .main-content-3 .randomPages:after {
+
clear: both;
−
        content: "";
+
display: block; }
−
        clear: both;
+
body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-2, body.page-Main_Page #mw-mf-viewport .main-page-main .main-left .main-content-3 {
−
        display: block; }
+
  border-top: 1px solid #EEE; }
−
    body.page-首頁 .main-page-main .main-left .main-content-2, body.page-首頁 .main-page-main .main-left .main-content-3 {
+
@media (min-width: 768px) {
−
      border-top: 1px solid #EEE; }
+
  body.page-Main_Page #mw-mf-viewport .main-page-main .main-left {
−
  body.page-首頁 .main-page-main .main-right {
+
width: 65%; } }
−
    width: 35%; }
+
body.page-Main_Page #mw-mf-viewport .main-page-main .main-right .main-recent-modify {
−
    body.page-首頁 .main-page-main .main-right .main-recent-modify {
+
  margin-bottom: 15px;
−
      margin-bottom: 15px;
+
  border: 1px solid #EEE;
−
      border: 1px solid #EEE;
+
  padding: 15px; }
−
      padding: 15px; }
+
  body.page-Main_Page #mw-mf-viewport .main-page-main .main-right .main-recent-modify ol {
−
      body.page-首頁 .main-page-main .main-right .main-recent-modify ol {
+
list-style-type: decimal !important;
−
        list-style-image: none;
+
list-style-image: none; }
−
        list-style-type: decimal !important; }
+
body.page-Main_Page #mw-mf-viewport .main-page-main .main-right .main-recent-modify ol li {
−
        body.page-首頁 .main-page-main .main-right .main-recent-modify ol li {
+
  float: left;
−
          float: left;
+
  width: 50%; }
−
          width: 50%; }
+
body.page-Main_Page #mw-mf-viewport .main-page-main .main-right .main-recent-modify ol:after {
−
        body.page-首頁 .main-page-main .main-right .main-recent-modify ol:after {
+
  content: "";
−
          content: "";
+
  clear: both;
−
          clear: both;
+
  display: block; }
−
          display: block; }
+
body.page-Main_Page #mw-mf-viewport .main-page-main .main-right .facebook-timeline {
−
    body.page-首頁 .main-page-main .main-right .facebook-timeline {
+
  padding-top: 15px;
−
      padding-top: 15px;
+
  text-align: center; }
−
      text-align: center; }
+
@media (min-width: 768px) {
−
  body.page-首頁 .main-page-main:after {
+
  body.page-Main_Page #mw-mf-viewport .main-page-main .main-right {
−
    content: "";
+
width: 35%; } }
−
    clear: both;
+
body.page-Main_Page #mw-mf-viewport .main-page-main:after {
−
    display: block; }
+
  content: "";
−
 
+
  clear: both;
−
 
+
  display: block; }
−
/* NavBox */
+
 
−
.my-nav-box {
+
  /* NavBox */
−
  font-size: 15px;
+
  .my-nav-box {
−
  border: 1px solid #ccc;
+
font-size: 15px;
−
  padding: 2px 2px 0px 2px;
+
border: 1px solid #ccc;
−
  background-color: #fdfdfd;
+
padding: 2px 2px 0px 2px;
−
  clear: both;
+
background-color: #fdfdfd;
−
  line-height: 1.4em; }
+
clear: both;
−
  .my-nav-box .title {
+
line-height: 1.4em; }
−
    font-weight: bold;
+
.my-nav-box .title {
−
    margin-bottom: 2px;
+
  font-weight: bold;
−
    text-align: center;
+
  margin-bottom: 2px;
−
    background-color: #ccccff;
+
  text-align: center;
−
    padding: 1px 13px; }
+
  background-color: #ccccff;
−
  .my-nav-box dl {
+
  padding: 1px 13px; }
−
    margin: 0; }
+
.my-nav-box dl {
−
    .my-nav-box dl dd, .my-nav-box dl dt {
+
  margin: 0; }
−
      margin-bottom: 2px;
+
  .my-nav-box dl dd, .my-nav-box dl dt {
−
      padding-top: 1px;
+
margin-bottom: 2px;
−
      padding-bottom: 1px; }
+
padding-top: 1px;
−
    .my-nav-box dl dt {
+
padding-bottom: 1px; }
−
      width: 180px;
+
  .my-nav-box dl dt {
−
      float: left;
+
text-align: center;
−
      text-align: right;
+
font-weight: bold;
−
      font-weight: bold;
+
background-color: #ddddff;
−
      background-color: #ddddff;
+
padding-left: 13px;
−
      padding-left: 13px;
+
padding-right: 13px; }
−
      padding-right: 13px; }
+
@media (min-width: 768px) {
−
    .my-nav-box dl dd {
+
  .my-nav-box dl dt {
−
      margin-left: 200px;
+
width: 180px;
−
      padding-left: 6px;
+
float: left;
−
      padding-right: 6px; }
+
text-align: right; } }
−
      .my-nav-box dl dd:nth-child(4n) {
+
  .my-nav-box dl dd {
−
        background-color: #f7f7f7; }
+
padding-left: 6px;
−
      .my-nav-box dl dd a, .my-nav-box dl dd strong {
+
padding-right: 6px; }
−
        margin-left: 6px;
+
.my-nav-box dl dd a, .my-nav-box dl dd strong {
−
        margin-right: 6px; }
+
  margin-left: 6px;
 +
  margin-right: 6px; }
 +
@media (min-width: 768px) {
 +
  .my-nav-box dl dd {
 +
margin-left: 200px; }
 +
.my-nav-box dl dd:nth-child(4n) {
 +
  background-color: #f7f7f7; } }
取自「https://cysh.cywiki.win/index.php/特殊:手機版差異/1550」

導覽選單