5,849
edits
Tags: Mobile web edit Mobile edit |
|||
Line 302: | Line 302: | ||
/* Generic Boxes */ | /* Generic Boxes */ | ||
.box-generic { | .box-generic { | ||
box-shadow: 0 0 4px #999; | |||
box-sizing: border-box; | box-sizing: border-box; | ||
border: none; | |||
border-radius: 3px; | |||
height: 100%; | height: 100%; | ||
padding: 1em; | |||
} | } | ||
.box-header h4, | |||
.box-header h3 { | |||
.box-header h4, .box-header h3 { | |||
margin-top: 0; | margin-top: 0; | ||
padding-top: 0; | padding-top: 0; | ||
border-bottom: | border-bottom: 3px solid #c7c7c7; | ||
} | } | ||
.box-header p { | .box-header p { | ||
margin: 0!important; | margin: 0 !important; | ||
} | } | ||
.box-content { | .box-content { | ||
padding: | padding: 0; | ||
} | } | ||
.box-content ul { | .box-content ul { | ||
margin: 0.3em 0 0 1em; | margin: 0.3em 0 0 1em; | ||
} | |||
.box-links { | |||
column-width: 18em; | |||
padding: 0; | |||
} | |||
.box-links ul { | |||
margin: 0.3em 0 0 1.16em; | |||
} | |||
/* Main Page styling */ | |||
.page-Main_Page #firstHeading, #contentSub, #contentSub2 { | |||
display: none; | |||
} | |||
.page-Main_Page .mw-parser-output > h2 { | |||
font-size: 1.8em; | |||
border: none; | |||
} | |||
.page-Main_Page .welcome-container { | |||
padding: 1.25em; | |||
margin-bottom: .75em; | |||
box-shadow: 0 0 4px #999; | |||
border-radius: 3px; | |||
} | |||
.page-Main_Page .welcome-inner h1 { | |||
border: none; | |||
margin: 0; | |||
line-height: 1em; | |||
} | |||
.page-Main_Page .welcome-inner .welcome-as-seen { | |||
font-style: italic; | |||
} | |||
.page-Main_Page .welcome-inner .welcome-as-seen p { | |||
margin: 0; | |||
} | |||
.page-Main_Page .welcome-stats { | |||
text-align: center; | |||
} | |||
.page-Main_Page .welcome-links { | |||
display: flex; | |||
justify-content: space-evenly; | |||
margin-top: 1em; | |||
} | |||
.page-Main_Page .welcome-links ul { | |||
font-size: 95%; | |||
margin: 0; | |||
list-style: none; | |||
} | |||
.page-Main_Page .welcome-links li { | |||
margin: 0; | |||
} | |||
.page-Main_Page .intro-container { | |||
display: flex; | |||
gap: .75em; | |||
} | |||
.page-Main_Page .eric-section, | |||
.page-Main_Page .community-section { | |||
background: none; | |||
border: none; | |||
border-radius: 3px; | |||
box-shadow: 0 0 4px #999; | |||
padding: 1.25em; | |||
} | |||
.page-Main_Page .eric-section { | |||
flex: 0 1 100%; | |||
} | |||
.page-Main_Page .community-section { | |||
flex: 0 1 100%; | |||
max-width: 33%; | |||
} | |||
.page-Main_Page .eric-section h2, | |||
.page-Main_Page .community-section h2 { | |||
border-bottom: 3px solid #c7c7c7; | |||
margin: 0; | |||
} | |||
.page-Main_Page div.floatleft { | |||
margin: 0.8em 1.25em 0 0; | |||
} | |||
.page-Main_Page div.floatleft img { | |||
margin: 0; | |||
box-shadow: 0 0 2px #afafaf; | |||
border: solid 1px #afafaf; | |||
} | |||
.page-Main_Page .eric-social { | |||
text-align: center; | |||
margin-top: .78em; | |||
} | |||
.page-Main_Page .eric-social p { | |||
margin: 0; | |||
line-height: 1em; | |||
} | |||
.page-Main_Page .eric-social .social-icons a.external { | |||
background: unset; | |||
font-size: 24px; | |||
line-height: 1em; | |||
text-align: center; | |||
} | |||
.page-Main_Page .media-section { | |||
clear: both; | |||
} | |||
.page-Main_Page .eric-section h2, | |||
.page-Main_Page .eric-section h3, | |||
.page-Main_Page .community-section h2, | |||
.page-Main_Page .community-section h3 { | |||
margin: 0; | |||
} | |||
@media only screen and (max-width : 1000px) { | |||
div.floatright { | |||
float: unset; | |||
} | |||
div.floatright img { | |||
margin-left: 0; | |||
} | |||
div.mw-collapsible { | |||
width: 95%!important; /* Temp fix for Defacing the Wall’s wide collapsible boxes on mobile */ | |||
} | |||
.infobox { | |||
float: none!important; | |||
width: 100%!important; | |||
margin: 0 0 1em 0!important; | |||
} | |||
.mobile-fullwidth { | |||
width:100%!important; | |||
} | |||
.flex-container .flex-item { | |||
flex: 1 1 100%; | |||
} | |||
.page-User_Aardvark_Main_Page .intro-container { | |||
flex-wrap: wrap; | |||
} | |||
.page-User_Aardvark_Main_Page .community-section { | |||
max-width: unset; | |||
} | |||
} | } | ||