User:Liu116/index.css

/* The CSS stylesheet for User:Liu116 and its subpage*/ 

.mcHeader {
    border-radius: 8px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);
}

.mcContainer {
    /*border-top: 1px solid rgba(0,0,0,0.12);*/
    border-radius:8px 8px 0 0;
    display: flex;
}

.mcContainer>div:first-child,.mcContainer>a:first-child>div {
    /*border-left: 1px solid rgba(0,0,0,0.12);*/
    border-top-left-radius:8px;
}

.mcContainer>div:last-child,.mcContainer>a:last-child>div {
    /*border-right: 1px solid rgba(0,0,0,0.12);*/
    border-top-right-radius:8px;
}

.mcContainer>a {
    flex: 1;
    text-decoration: none;
}

.mcBoto {
    background-color: white;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    color: rgba(0,0,0,0.54);
    cursor:pointer;
    display: block;
    margin-right: 0;
    padding: 0;
    position: relative;
    flex: 1;
    text-align: center;
    height: 2.7em;
    line-height: 2.7em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 300ms linear;
}

.mcBoto:hover {
    background-color: #efefef;
}

.mcBoto a,
.mcBoto strong {
    background: none !important;
    color:rgba(0,0,0,0.54) !important;  /* 1 */
    font-size: 100%;
    font-weight: normal;
    padding: 0 !important;
    text-decoration: none !important;
    transition: all 300ms linear;
}

.mcBoto a:hover,
.mcBoto strong:hover {
    color:rgba(0,0,0,0.54) !important;
    text-decoration: none !important;
}

.mcBotoSel {
    background-color: #efefef; /* 2 */
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    cursor: default;
    display: block;
    margin-right: 0;
    padding: 0;
    position: relative;
    color:black;
    flex: 1;
    text-align: center;
    height: 2.7em;
    line-height: 2.7em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 300ms linear;
}

.mcBotoSel a {
    background: none !important;
    color:black !important;
    cursor: default;
    font-size: 100%;
    font-weight: normal;
    padding: 0 !important;
    text-decoration: none !important;
    transition: all 300ms linear;
}

.mcContingut {
    background-color: white;
    border: 0;
    border-top: 1px solid rgba(0,0,0,0.12);
    padding: 1em;
    position: static;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.mcPestanya {
    background-color: white;
    width: 100%;
}

.mcPestanya:after {
	display: block;
	clear: both;
	content: "";
	visibility: hidden;
	height: 0;
}

.bottomLine-always div{
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: #dadce0;
}
/*Only provide colors that will be used*/
.bottomLine-always [data-itemid=blue]{border-bottom-color: #0885C2;}
.bottomLine-always [data-itemid=black]{border-bottom-color: #000000;}
.bottomLine-always [data-itemid=red]{border-bottom-color: #EA4335;}
.bottomLine-always [data-itemid=yellow]{border-bottom-color: #FBBC04;}
.bottomLine-always [data-itemid=green]{border-bottom-color: #34A853;}

.bottomLine-selected div{
    border-bottom-width: 3px;
    border-bottom-style: solid;
    border-bottom-color: white;
}

.bottomLine-selected .mcBoto:hover{
    border-bottom-color: #efefef;
}

.bottomLine-selected .mcBotoSel {
    border-bottom-color: #efefef;
}

/*Only provide colors that will be used*/
.bottomLine-selected .mcBotoSel[data-itemid=blue]{border-bottom-color: #0885C2;}
.bottomLine-selected .mcBotoSel[data-itemid=black]{border-bottom-color: #000000;}
.bottomLine-selected .mcBotoSel[data-itemid=red]{border-bottom-color: #EA4335;}
.bottomLine-selected .mcBotoSel[data-itemid=yellow]{border-bottom-color: #FBBC04;}
.bottomLine-selected .mcBotoSel[data-itemid=green]{border-bottom-color: #34A853;}

/*Only provide colors that will be used*/
.highlight-color .mcBotoSel[data-itemid=blue]{background-color: #0885C2;}
.highlight-color .mcBotoSel[data-itemid=blue] a{color:white !important;}
.highlight-color .mcBotoSel[data-itemid=black]{background-color: #000000;}
.highlight-color .mcBotoSel[data-itemid=black] a{color:white !important;}
.highlight-color .mcBotoSel[data-itemid=red]{background-color: #EA4335;}
.highlight-color .mcBotoSel[data-itemid=red] a{color:white !important;}
.highlight-color .mcBotoSel[data-itemid=yellow]{background-color: #FBBC04;}
.highlight-color .mcBotoSel[data-itemid=yellow] a{color:black !important;}
.highlight-color .mcBotoSel[data-itemid=green]{background-color: #34A853;}
.highlight-color .mcBotoSel[data-itemid=green] a{color:white !important;}

/*Only provide colors that will be used*/
.highlight-text .mcBotoSel[data-itemid=blue]{color:#0885C2;}/* color of ellipsis */
.highlight-text .mcBotoSel[data-itemid=blue] a{color:#0885C2 !important;}
.highlight-text .mcBotoSel[data-itemid=black]{color:#000000;}/* color of ellipsis */
.highlight-text .mcBotoSel[data-itemid=black] a{color:#000000 !important;}
.highlight-text .mcBotoSel[data-itemid=red]{color:#EA4335;}/* color of ellipsis */
.highlight-text .mcBotoSel[data-itemid=red] a{color:#EA4335 !important;}
.highlight-text .mcBotoSel[data-itemid=yellow]{color:#FBBC04;}/* color of ellipsis */
.highlight-text .mcBotoSel[data-itemid=yellow] a{color:#FBBC04 !important;}
.highlight-text .mcBotoSel[data-itemid=green]{color:#34A853;}/* color of ellipsis */
.highlight-text .mcBotoSel[data-itemid=green] a{color:#34A853 !important;}