|
|
MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After saving, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* CSS placed here will be applied to all skins */
.new-blockColor1 {
background-color: #fcfcfc;
border: 1px solid #e3e3e3;
}
.new-blockColor2 {
background-color: #fff3f3;
border: 1px solid #ffc0c0;
}
.new-blockColor3 {
background-color: #f0f0ff;
border: 1px solid #bdbdff;
}
.new-card {
display: flex;
}
.new-card:not(:last-child) {
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.new-card {
display: block;
}
.new-card .floatleft {
max-width: 50%;
margin: 0 auto 10px;
}
}
.new-col {
flex: 1 1 auto;
}
.new-col--20 {
flex-basis: 20%;
}
.new-col--40 {
flex-basis: 40%;
}
.new-col--60 {
flex-basis: 60%;
}
.new-col--80 {
flex-basis: 80%;
}
.new-col--vertical {
display: flex;
flex-flow: column;
}
@media screen and (max-width: 768px) {
.new-col--vertical {
margin-top: 10px;
}
}
.new-col:not(:last-child) {
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.new-col:not(:last-child) {
margin-right: 0;
}
}
.new-textAlignCenter {
text-align: center;
}
.new-head {
padding: 10px;
margin: 10px;
}
.new-headColor1 {
background-color: #efefef;
}
.new-headColor2 {
background-color: #ffdada;
}
.new-headColor3 {
background-color: #d7d7ff;
}
.new-content {
padding: 0 10px 10px;
}
.new-row:not(:last-child) {
margin-bottom: 10px;
}
.new-fillSpace {
flex: 1;
}
.new-list {
display: flex;
}
@media screen and (max-width: 768px) {
.new-list {
display: block;
}
}
@media screen and (max-width: 768px) {
.new-mobileListCenter {
list-style: none;
}
.new-mobileListCenter ul,
.new-mobileListCenter li {
margin: 0;
padding: 0;
}
}
.new-list-half {
flex: 1 1 50%;
}
@media screen and (max-width: 768px) {
.new-mobileTextAlignCenter {
text-align: center;
}
}
#marquee-container .ccc-header-v3-ccc-price-container {
width: auto;
flex-basis: 50%;
}
@media screen and (max-width: 768px) {
#marquee-container .ccc-header-v3-ccc-price-container {
flex-basis: 100%;
}
}
.new-noHead {
padding: 10px 0;
}
