MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
m (added portal css to mobile) |
||
| Line 296: | Line 296: | ||
padding-right: .3em; | padding-right: .3em; | ||
font-weight: normal; | font-weight: normal; | ||
} | |||
/* Portal articles */ | |||
.articleSummaryColumnsWrapper { | |||
margin: 0 .5em; | |||
} | |||
.articleSummaryColumnsWrapper .articleSummaryColumn { | |||
display: inline-block; | |||
width: 50%; | |||
vertical-align: top; | |||
position: relative; | |||
right: -.5em; | |||
} | |||
.articleSummaryColumnsWrapper .articleSummaryColumn:first-child { | |||
left: -.5em; | |||
} | |||
.articleSummary { | |||
clear: both; | |||
margin: 1em 0; | |||
background: #FAF4E1; | |||
border: 3px solid #283763; | |||
-webkit-box-shadow: 0 50px 100px #EFDA9C inset, 0 1px 2px rgba(195, 205, 218, .6); | |||
-moz-box-shadow: 0 50px 100px #EFDA9C inset, 0 1px 2px rgba(195, 205, 218, .6); | |||
box-shadow: 0 50px 100px #EFDA9C inset, 0 1px 2px rgba(195, 205, 218, .6); | |||
} | |||
.articleSummary .articleSummaryInner { | |||
border: 1px solid white; | |||
padding: .3em 0; | |||
} | |||
.articleSummary .articleSummaryTitle { | |||
padding: .5em 1em 0 1em; | |||
margin-bottom: -.2em; | |||
} | |||
.articleSummary .articleSummaryTitle .articleSummaryTitleInner { | |||
font-size: 140%; | |||
margin: 0 -.3em; | |||
border-bottom: 1px dashed #C6D3E3; | |||
padding: 0 .3em .1em .3em; | |||
} | |||
.articleSummary .articleSummaryImage { | |||
float: left; | |||
width: 150px; | |||
margin: .7em 1em; | |||
} | |||
.articleSummary .articleSummaryImage:hover + .articleSummaryTitle a { | |||
text-decoration: underline; | |||
} | |||
.articleSummary .articleSummaryImage:active + .articleSummaryTitle a { | |||
color: #FAA700; | |||
} | |||
.articleSummary .articleSummaryText { | |||
padding: .7em 1em; | |||
color: #22262A; | |||
} | |||
.articleSummary .articleSummaryText ol { | |||
margin-left: 1.6em; | |||
} | |||
.articleSummary .articleSummaryEnding { | |||
clear: both; | |||
} | |||
.articleSummary .articleSummaryImage + .articleSummaryTitle + .articleSummaryText, .articleSummary .articleSummaryImage + .articleSummaryText { | |||
margin-left: 150px; | |||
padding-left: 2em; | |||
} | |||
@media screen and (max-width: 1110px) { | |||
.articleSummaryColumnsWrapper { | |||
margin: 0; | |||
} | |||
.articleSummaryColumnsWrapper .articleSummaryColumn { | |||
display: block; | |||
width: auto; | |||
vertical-align: top; | |||
position: static; | |||
right: 0; | |||
} | |||
.articleSummaryColumnsWrapper .articleSummaryColumn:first-child { | |||
left: 0; | |||
} | |||
} | |||
/* | |||
@media screen and (min-width: 1111px) and (max-width: 1340px) { | |||
.articleSummary .articleSummaryExtendedDescription { | |||
display: none; | |||
} | |||
} | |||
*/ | |||
/* Increase the default header sizes */ | |||
.mw-body-content h2 { | |||
font-size: 2.2em; | |||
} | |||
.mw-body h1, .mw-body-content h1 { | |||
font-size: 2.8em; | |||
} | } | ||