Main Page/stylesheet.css: Difference between revisions

Jump to navigation Jump to search
Content added Content deleted
No edit summary
(Refactored (hopefully I don't break anything))
Line 7: Line 7:
}
}


.mp-panel {
margin-bottom: 0.4em;
padding: 0.4em;
background-color: rgba(255, 255, 255, 0.58);
border: 1px solid #CE8BF0;
}
.mp-panel h2 {
margin: 0.1em;
padding: 0.2em;
background-color: rgba(255, 255, 255, 0.58);
border: 1px solid #CE8BF0;
font-family: Arial, sans-serif !important;
font-size: 1.2em;
font-weight: bold;
color: #222;
}
.mp-content {
.mp-content {
padding: 0.4em;
padding: 0.4em;
Line 85: Line 69:
}
}


.featarticleimg { margin: 1em 0.2em 0.2em 0em !important; }
.featarticleimg { margin: 1em 0.2em 0.2em 0 !important; }


/* Dynamic display based on device width */
/* Dynamic display based on device width */
Line 97: Line 81:
display: none;
display: none;
}
}
@media only screen and (min-device-width: 960px) {
@media only screen and (min-width: 960px) {
.gallery-table-res-hide {
.gallery-table-res-hide {
display: none !important;
display: none !important;
Line 108: Line 92:
}
}
}
}
@media only screen and (min-device-width: 1920px) {
@media only screen and (min-width: 1920px) {
.gallery-table-res-hide {
.gallery-table-res-hide {
display: none !important;
display: none !important;
Line 120: Line 104:
}
}


.vectoronly {
.vectoronly { /* Panel */
border: 1px solid #CE8BF0;
border: 1px solid #CE8BF0;
color: #000;
color: #000;
background-color: #EDDEF3;
background-color: rgba(255, 255, 255, 0.58);
background-color: rgba(255, 255, 255, 0.58);
}
}
Line 145: Line 130:
width: 58%;
width: 58%;
width: calc(60% - 5px);
width: calc(60% - 5px);
background-color: rgba(255, 255, 255, 0.58);
border: 1px solid #CE8BF0;
color:#000;
margin-top: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-bottom: 10px;
Line 167: Line 149:
width: 35%;
width: 35%;
padding: 1%;
padding: 1%;
background-color: rgba(255, 255, 255, 0.58);
border: 1px solid #CE8BF0;
color:#000;
margin-top: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-bottom: 10px;
Line 187: Line 166:


.mp-mods {
.mp-mods {
background-color: #FEF;
background-color: rgba(255, 255, 255, 0.65);
background-color: rgba(255, 255, 255, 0.65);
margin: 9px auto 0;
margin: 9px auto 0;