Template:曲目信息/styles.css：修订间差异

来自Arcaea中文维基
无编辑摘要
无编辑摘要
 
（未显示3个用户的16个中间版本）
第1行： 第1行：
/* The CSS used for https://zh.wikipedia.org/wiki/Template:Tabs/styles.css : */
@media all and ( min-width: 720px ) {
td.toppic {
   display: none;
   }
 
}
 
@media all and ( max-width: 720px ) {
td.sidepic {
   display: none;
   }
  
.songtable {
   min-width: 100%;
   margin: 0 auto;
   }
}
 
 
 
/* The CSS revised for https://zh.wikipedia.org/wiki/Template:Tabs/styles.css : */


.mcBoto {
.mcBoto {
   background-color: #d0b0ff; /* 4 */
   background-color: #d0b0ff; 
   border: 0.15em solid #000000;
   border: 0.15em solid #000000;
   border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  /* 5 3 3 5 */
   border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  
   cursor:pointer;
   cursor:pointer;
   display: inline;
   display: inline;
   margin-right: 0.1em;
   margin-right: 0.1em;
   padding: 0.2em 0.3em 0.2em 0.3em;
   padding: 0.2em 0.3em 0.3em 0.3em;
   position: relative;
   position: relative;
border-radius: 10px 10px 0px 0px;}
border-radius: 5px 5px 0px 0px;}
  
  
.mcBoto a,
.mcBoto a,
.mcBoto strong {
.mcBoto strong {
   background: none !important;
   background: none !important;
   color:#7050a0 !important;  /* 1 */
   color:#7050a0 !important;  
   font-size: 90%;
   font-size: 90%;
   font-weight: bold;
   font-weight: bold;
第28行： 第47行：
  
  
.mcBotoSel {
.mcBotoSel {
   background-color: #9070c0; /* 2 */
   background-color: #9070c0; 
   border: 0.15em solid #000000;
   border: 0.15em solid #000000;
   border-color: #b090e0 #7050a0 #9070c0 #b090e0;  /* 3 1 2 3 */
   border-color: #b090e0 #7050a0 #9070c0 #b090e0;  
   cursor: default;
   cursor: default;
   display: inline;
   display: inline;
   margin-right: 0.1em;
   margin-right: 0.1em;
   padding: 0.2em 0.3em 0.2em 0.3em;
   padding: 0.2em 0.3em 0.3em 0.3em;
   position: relative;
   position: relative;
   color:white;
   color:white;
border-radius: 10px 10px 0px 0px;}
border-radius: 5px 5px 0px 0px;}
  
  
.mcBotoSel a {
.mcBotoSel a {
第52行： 第71行：
  
  
  
  
/* Configuració del Verd 1;60b030 2;75c045 3;90d060 4;a5e085 5;c0f090 */
 
  
  
.mcVerd .mcBoto {
.mcPst .mcBoto {
  background-color: #a5e085; /* 4 */
  background-color: #0B8DCE; 
  border-color: #c0f090 #90d060 #75c045 #c0f090;  /* 5 3 2 5 */}
  border-color:#0B8DCE #0B8DCE #0B8DCE #0B8DCE;  }
  
  
.mcVerd .mcBoto a,
.mcPst .mcBoto a,
.mcVerd .mcBoto strong {
.mcPst .mcBoto strong {
   color:#60b030 !important;  /* 1 */
   color:#fffafa !important;  
   font-size:90%}
   font-size:90%}
  
  
.mcVerd .mcBoto a:hover,
.mcPst .mcBoto a:hover,
.mcVerd .mcBoto strong:hover {
.mcPst .mcBoto strong:hover {
   color: black !important;
   color: black !important;
   text-decoration: underline;}
   text-decoration: underline;}
  
  
.mcVerd .mcBotoSel {
.mcPst .mcBotoSel {
   background-color: #75c045; /* 2 */
   background-color: #08628F; 
   border-color: #90d060 #60b030 #75c045 #90d060;  /* 3 1 2 3 */}
   border-color: #08628F #08628F #08628F #08628F;  }
  
  
.mcVerd .mcContingut {
.mcPst .mcContingut {
   background-color: #f5fffa;
   background-color: #0B8DCE;
   border-color: #75c045 #60b030 #60b030 #75c045 ; /* 2 1 1 2 */}
   border-color: #0B8DCE #0B8DCE #0B8DCE #0B8DCE ; }
  
  
.mcVerd .mcPestanya {
.mcPst .mcPestanya {
   background-color: #f5fffa;
   background-color: #fffafa;
   border-color: #60b030 #90d060 #90d060 #60b030; /* 1 3 3 1 */}
   border-color: #fffafa  #fffafa  #fffafa  #fffafa; }
  
  
/* Configuració del Vermell 1;CC0000 2;FF0000 3;FF8888 4;FFAAAA 5;FFCCCC */
 
  
  
.mcVermell .mcBoto {
.mcPrs .mcBoto {
  background-color: #FFAAAA; /* 4 */
  background-color: #79A948; 
  border-color: #FFCCCC #FF8888 #FF0000 #FFCCCC;  /* 5 3 2 5 */}
  border-color: #79A948 #79A948 #79A948 #79A948;  }
  
  
.mcVermell .mcBoto a,
.mcPrs .mcBoto a,
.mcVermell .mcBoto strong {
.mcPrs .mcBoto strong {
   color:#CC0000 !important;  /* 1 */
   color:#fffafa !important;  
   font-size:90%}
   font-size:90%}
  
  
.mcVermell .mcBoto a:hover 
.mcPrs .mcBoto a:hover 
.mcVermell .mcBoto strong:hover {
.mcPrs .mcBoto strong:hover {
   color: black !important;
   color: black !important;
   text-decoration: underline;}
   text-decoration: underline;}
  
  
.mcVermell .mcBotoSel {
.mcPrs .mcBotoSel {
   background-color: #FF0000; /* 2 */
   background-color: #4B692D; 
   border-color: #FF8888 #CC0000 #FF0000 #FF8888;  /* 3 1 2 3 */}
   border-color: #4B692D #4B692D #4B692D #4B692D;  }
  
  
.mcVermell .mcContingut {
.mcPrs .mcContingut {
   background-color: #fffafa;
   background-color: #79A948;
   border-color: #FF0000 #CC0000 #CC0000 #FF0000; /* 2 1 1 2 */}
   border-color: #79A948 #79A948 #79A948 #79A948; }
  
  
.mcVermell .mcPestanya {
.mcPrs .mcPestanya {
   background-color: #fffafa;
   background-color: #fffafa;
   border-color: #CC0000 #FF0000 #FF0000 #CC0000; /* 1 3 3 1 */}
   border-color: #fffafa #fffafa #fffafa #fffafa; }
  
  
/* Configuració del Blau 1;3379de 2;5b8dd6 3;88abde 4;a7c1e6 5;c8d6e9 */
 
  
  
.mcBlau .mcBoto {
.mcFtr .mcBoto {
  background-color: #a7c1e6; /* 4 */
  background-color: #7C276F; 
  border-color: #c8d6e9 #88abde #5b8dd6 #c8d6e9;  /* 5 3 2 5 */}
  border-color: #7C276F #7C276F #7C276F #7C276F;  }
  
  
.mcBlau .mcBoto a,
.mcFtr .mcBoto a,
.mcBlau .mcBoto strong {
.mcFtr .mcBoto strong {
   color:#3379de !important;  /* 1 */
   color:#fffafa !important;  
   font-size:90%}
   font-size:90%}
  
  
.mcBlau .mcBoto a:hover 
.mcFtr .mcBoto a:hover 
.mcBlau .mcBoto strong:hover {
.mcFtr .mcBoto strong:hover {
   color: black !important;
   color: black !important;
   text-decoration: underline;}
   text-decoration: underline;}
  
  
.mcBlau .mcBotoSel {
.mcFtr .mcBotoSel {
   background-color: #5b8dd6; /* 2 */
   background-color: #660033; 
   border-color: #88abde #3379de #5b8dd6 #88abde;  /* 3 1 2 3 */}
   border-color: #660033 #660033 #660033 #660033;  }
  
  
.mcBlau .mcContingut {
.mcFtr .mcContingut {
   background-color: #f0f8ff;
   background-color: #7C276F;
   border-color: #5b8dd6 #3379de #3379de #5b8dd6; /* 2 1 1 2 */}
   border-color: #7C276F #7C276F #7C276F #7C276F; }
  
  
.mcBlau .mcPestanya {
.mcFtr .mcPestanya {
   background-color: #f0f8ff;
   background-color: #fffafa;
   border-color: #3379de #88abde #88abde #3379de; /* 1 3 3 1 */}
   border-color: #fffafa #fffafa #fffafa #fffafa; }
  
  
  
  
/* Configuració del Groc 1;ffd813 2;ffe147 3;ffe977 4;fff1a4 5;fef4bc */
 
  
  
.mcGroc .mcBoto {
.mcByd .mcBotoSel {
  background-color: #fff1a4; /* 4 */
  background-color: #621A1E; 
  border-color: #fef4bc #ffe977 #ffe147 #fef4bc;  /* 5 3 2 5 */}
  border-color: #621A1E #621A1E #621A1E #621A1E;  }
  
  
.mcGroc .mcBoto a,
.mcByd .mcBoto a,
.mcGroc .mcBoto strong {
.mcByd .mcBoto strong {
   color:#ffd813 !important;  /* 1 */
   color:#fffafa !important;  
   font-size:90%}
   font-size:90%}
  
  
.mcGroc .mcBoto a:hover 
.mcByd .mcBoto a:hover 
.mcGroc .mcBoto strong:hover {
.mcByd .mcBoto strong:hover {
   color: black !important;
   color: black !important;
   text-decoration: underline;}
   text-decoration: underline;}
  
  
.mcGroc .mcBotoSel {
.mcByd .mcBoto {
   background-color: #ffe147; /* 2 */
   background-color: #A12B32; 
   border-color: #ffe977 #ffd813 #ffe147 #ffe977;  /* 3 1 2 3 */}
   border-color: #A12B32 #A12B32 #A12B32 #A12B32;  }
  
  
.mcGroc .mcContingut {
.mcByd .mcContingut {
   background-color: #fffce8;
   background-color: #621A1E;
   border-color: #ffe147 #ffd813 #ffd813 #ffe147; /* 2 1 1 2 */}
   border-color: #621A1E #621A1E #621A1E #621A1E; }
  
  
.mcGroc .mcPestanya {
.mcByd .mcPestanya {
   background-color: #fffce8;
   background-color: #fffafa;
   border-color: #ffd813 #88abde #88abde #ffd813; /* 1 3 3 1 */}
   border-color: #fffafa #fffafa #fffafa #fffafa; }
/* Configuració del Taronja 1;ff820e 2;ff9d42 3;ffac5d 4;ffbd7f 5;ffd0a4 6;ffeedd */
.mcTaronja .mcBoto {
background-color: #ffbd7f; /* 4 */
border-color: #ffd0a4 #ffac5d #ff9d42 #ffd0a4;  /* 5 3 2 5 */}
.mcTaronja .mcBoto a,
.mcTaronja .mcBoto strong {
  color:#ff820e !important;  /* 1 */
  font-size:90%}
.mcTaronja .mcBoto a:hover
.mcTaronja .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
.mcTaronja .mcBotoSel {
  background-color: #ff9d42; /* 2 */
  border-color: #ffac5d #ff820e #ff9d42 #ffac5d;  /* 3 1 2 3 */}
.mcTaronja .mcContingut {
  background-color: #ffeedd; /* 6 */
  border-color: #ff9d42 #ff820e #ff820e #ff9d42; /* 2 1 1 2 */}
.mcTaronja .mcPestanya {
  background-color: #ffeedd; /* 6 */
  border-color: #ff820e #ffac5d #ffac5d #ff820e; /* 1 3 3 1 */}
/* Configuració del Black 1;090909 2;333333 3;808080 4;c4c4c4 5;dddddd */
.mcBlack .mcBoto {
background-color: #c4c4c4; /* 4 */
border-color: #dddddd #808080 #333333 #dddddd;  /* 5 3 2 5 */}
.mcBlack .mcBoto a,
.mcBlack .mcBoto strong {
  color:#090909 !important;  /* 1 */
  font-size:90%}
.mcBlack .mcBoto a:hover,
.mcBlack .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
.mcBlack .mcBotoSel {
  background-color: #333333; /* 2 */
  border-color: #808080 #090909 #333333 #808080;  /* 3 1 2 3 */}
.mcBlack .mcContingut {
  background-color: #ffffff;
  border-color: #333333 #090909 #090909 #333333; /* 2 1 1 2 */}
.mcBlack .mcPestanya {
  background-color: #ffffff;
  border-color: #090909 #808080 #808080 #090909; /* 1 3 3 1 */}
 
/* Final d'estils de la Metacaixa */

2021年2月3日 (三) 21:48的最新版本

@media all and ( min-width: 720px ) {
td.toppic {
    display: none;
    }

}

@media all and ( max-width: 720px ) {
td.sidepic {
    display: none;
    }
    
.songtable {
    min-width: 100%;
    margin: 0 auto;
    }
}



/* The CSS revised for https://zh.wikipedia.org/wiki/Template:Tabs/styles.css : */

.mcBoto {
  background-color: #d0b0ff; 
  border: 0.15em solid #000000;
  border-color: #f0d0ff #b090e0 #9070c0 #f0d0ff;  
  cursor:pointer;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.3em 0.3em;
  position: relative;
border-radius: 5px 5px 0px 0px;}
 
.mcBoto a,
.mcBoto strong {
  background: none !important;
  color:#7050a0 !important;  
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;}
 
.mcBoto a:hover,
.mcBoto strong:hover {
  color: black !important;
  text-decoration: underline !important;}
 
.mcBotoSel {
  background-color: #9070c0; 
  border: 0.15em solid #000000;
  border-color: #b090e0 #7050a0 #9070c0 #b090e0;  
  cursor: default;
  display: inline;
  margin-right: 0.1em;
  padding: 0.2em 0.3em 0.3em 0.3em;
  position: relative;
  color:white;
border-radius: 5px 5px 0px 0px;}
 
.mcBotoSel a {
  background: none !important;
  color:white !important;
  cursor: default;
  font-size: 90%;
  font-weight: bold;
  padding: 0 !important;
  text-decoration: none !important;
}
 

 
 

 
.mcPst .mcBoto {
 background-color: #0B8DCE; 
 border-color:#0B8DCE #0B8DCE #0B8DCE #0B8DCE;  }
 
.mcPst .mcBoto a,
.mcPst .mcBoto strong {
  color:#fffafa !important;  
  font-size:90%}
 
.mcPst .mcBoto a:hover,
.mcPst .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mcPst .mcBotoSel {
  background-color: #08628F; 
  border-color: #08628F #08628F #08628F #08628F;  }
 
.mcPst .mcContingut {
  background-color: #0B8DCE;
  border-color: #0B8DCE #0B8DCE #0B8DCE #0B8DCE ; }
 
.mcPst .mcPestanya {
  background-color:  #fffafa;
  border-color: #fffafa  #fffafa  #fffafa  #fffafa; }
 

 
.mcPrs .mcBoto {
 background-color: #79A948; 
 border-color: #79A948 #79A948 #79A948 #79A948;  }
 
.mcPrs .mcBoto a,
.mcPrs .mcBoto strong {
  color:#fffafa !important;  
  font-size:90%}
 
.mcPrs .mcBoto a:hover 
.mcPrs .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mcPrs .mcBotoSel {
  background-color: #4B692D; 
  border-color: #4B692D #4B692D #4B692D #4B692D;  }
 
.mcPrs .mcContingut {
  background-color: #79A948;
  border-color: #79A948 #79A948 #79A948 #79A948; }
 
.mcPrs .mcPestanya {
  background-color: #fffafa;
  border-color: #fffafa #fffafa #fffafa #fffafa; }
 

 
.mcFtr .mcBoto {
 background-color: #7C276F; 
 border-color: #7C276F #7C276F #7C276F #7C276F;  }
 
.mcFtr .mcBoto a,
.mcFtr .mcBoto strong {
  color:#fffafa !important;  
  font-size:90%}
 
.mcFtr .mcBoto a:hover 
.mcFtr .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mcFtr .mcBotoSel {
  background-color: #660033; 
  border-color: #660033 #660033 #660033 #660033;  }
 
.mcFtr .mcContingut {
  background-color: #7C276F;
  border-color: #7C276F #7C276F #7C276F #7C276F; }
 
.mcFtr .mcPestanya {
  background-color: #fffafa;
  border-color: #fffafa #fffafa #fffafa #fffafa; }
 
 

 
.mcByd .mcBotoSel {
 background-color: #621A1E; 
 border-color: #621A1E #621A1E #621A1E #621A1E;  }
 
.mcByd .mcBoto a,
.mcByd .mcBoto strong {
  color:#fffafa !important;  
  font-size:90%}
 
.mcByd .mcBoto a:hover 
.mcByd .mcBoto strong:hover {
  color: black !important;
  text-decoration: underline;}
 
.mcByd .mcBoto {
  background-color: #A12B32; 
  border-color: #A12B32 #A12B32 #A12B32 #A12B32;  }
 
.mcByd .mcContingut {
  background-color: #621A1E;
  border-color: #621A1E #621A1E #621A1E #621A1E; }
 
.mcByd .mcPestanya {
  background-color: #fffafa;
  border-color: #fffafa #fffafa #fffafa #fffafa; }
取自“https://arcwiki.mcd.blue/index.php?title=Template:曲目信息/styles.css&oldid=23559”