1,112
edits
MediaWiki:Mobile.css: Difference between revisions
m
Reverted edits by Angeleno (talk) to last revision by Likeicare
(it did not look good on mobile) Tags: Manual revert Reverted |
Tags: Rollback Reverted Mobile edit Mobile web edit |
||
| Line 48: | Line 48: | ||
/* Portable Infobox CSS here */ | /* Portable Infobox CSS here */ | ||
.portable-infobox.pi- | /* CSS placed here will affect users of the Vector skin */ | ||
.portable-infobox { | |||
background-color: #2C2828; | |||
border: 1px solid #a62e10; | |||
box-shadow: 0 1px 2px rgba(0,0,0,0.15); | |||
margin: 10px; | |||
padding: 10px; | |||
width: 100%; | |||
} | |||
.portable-infobox .pi-item-spacing { | |||
border-bottom: 4px solid #2C2828; | |||
} | |||
.portable-infobox .pi-title { | |||
color: #fdfdee; | |||
background-color: #a62e10; | |||
font-size: 15px; | |||
font-weight: bold; | |||
margin-bottom: 10px; | |||
padding: 0px 10px; | |||
display: flex; | |||
flex-wrap: wrap; | |||
justify-content: center; | |||
align-items: center; | |||
height: auto; | |||
line-height: normal; | |||
font-style: italic | |||
} | } | ||
.portable-infobox .pi- | |||
.portable-infobox .pi-header { | |||
color: #fdfdee; | |||
background-color: #a62e10; | |||
font-size: 14px; | |||
font-weight: bold; | |||
margin-bottom: 5px; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
height: 25px; | |||
line-height: 25px; | |||
} | } | ||
.portable-infobox .pi- | |||
/* Infobox label */ | |||
.portable-infobox .pi-data-label { | |||
background-color: #5a5554; | |||
padding-left: 5px; | |||
padding-right: 5px; | |||
flex: 0 0 30%; | |||
display: flex; | |||
align-items: center; | |||
justify-content: center; | |||
font-weight: bold; | |||
color: #fdfdee; | |||
} | } | ||
.portable-infobox .pi- | |||
.portable-infobox .pi-data { | |||
font-weight: bold; | |||
color: #fdfdee; | |||
padding: 5px 10px; | |||
padding-left: 5px; | |||
padding-right: 5px; | |||
background-color: #4d4543; | |||
} | } | ||
.portable-infobox .pi- | |||
/* Infobox label and data colors */ | |||
.portable-infobox .pi-data:nth-child(odd) .pi-data-label, | |||
.portable-infobox .pi-data:nth-child(odd) .pi-data-value { | |||
background-color: #5a5554; | |||
} | } | ||
.portable-infobox { | |||
/* Second label and data */ | |||
.portable-infobox .pi-data:nth-child(even) .pi-data-label, | |||
.portable-infobox .pi-data:nth-child(even) .pi-data-value { | |||
background-color: #4d4543; | |||
} | |||
.portable-infobox .pi-image { | |||
display: block; | |||
margin: 0 auto; | |||
max-width: 100%; | |||
height: auto; | |||
margin-bottom: 5px; | |||
} | |||
.portable-infobox .pi-data-value a { | |||
color: #0645ad; | |||
text-decoration: none; | |||
} | } | ||
.portable-infobox .pi-data-value a:hover { | |||
text-decoration: underline; | |||
} | |||
/* Add your usernames here */ | /* Add your usernames here */ | ||
a[href$=":Angeleno"], a[href$="/Angeleno"], a[visited$=":Angeleno"], a[visited$="/Angeleno"]{ | a[href$=":Angeleno"], a[href$="/Angeleno"], a[visited$=":Angeleno"], a[visited$="/Angeleno"]{ | ||
