Template:曲目信息/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 {
  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; }