No edit summary |
m (Attempt to create sitenotice for mobile) |
||
Line 13: | Line 13: | ||
} | } | ||
/*Site notice configuration*/ | |||
.sitenotice-box { | |||
display: flex; | |||
flex-direction: column; | |||
padding: 20px; | |||
width: 80%; | |||
background: #efefef; | |||
border-radius: 15px; | |||
margin: auto; | |||
} | |||
.sitenotice-text, | |||
.sitenotice-subtext, | |||
.sitenotice-button, | |||
.sitenotice-button-dismiss { | |||
font-family:Helvetica; | |||
font-weight:bold; | |||
} | |||
.sitenotice-text { | |||
font-size:150%; | |||
color: #646464; | |||
margin: 0.25em 0; | |||
} | |||
.sitenotice-subtext { | |||
font-size:115%; | |||
color: #646464; | |||
margin-bottom: 1em; | |||
} | |||
.sitenotice-button-container { | |||
display: flex; | |||
width: 100%; | |||
justify-content: flex-end; | |||
} | |||
.sitenotice-button-container > span { | |||
padding: 12px; | |||
height: 12px; | |||
border-radius: 8px; | |||
font-size: 115%; | |||
cursor:pointer; | |||
line-height: 12px; | |||
box-shadow: 0px 2px 6px #5f5f5f; | |||
} | |||
.sitenotice-button { | |||
background: #ff2206; | |||
color: white; | |||
} | |||
.sitenotice-button:hover { | |||
background-color: #dd2206; | |||
transition: background-color 100ms; | |||
} | |||
.sitenotice-button:not(:last-child) { | |||
margin-right:0.5em; | |||
} | |||
.sitenotice-button-dismiss { | |||
background: #a6a6a6; | |||
color: white; | |||
margin-right:auto; | |||
} | |||
.sitenotice-button-dismiss:hover { | |||
background-color: #868686; | |||
transition: background-color 100ms; | |||
} | |||
/*End of site notice configuration*/ | |||
#pw-mp-banner span | #pw-mp-banner span |
Revision as of 15:58, 17 November 2021
/* All CSS here will be loaded for users of the mobile site */
/*Main page bullshit*/
.page-ProleWiki_Main_Page .firstHeading
{ display: none; }
.page-ProleWiki_Main_Page .mw-parser-output .wd-mp-subheader {
display: none;
}
.page-ProleWiki_Main_Page .mw-parser-output .wd-mp-headerbox {
padding: 1em;
}
/*Site notice configuration*/
.sitenotice-box {
display: flex;
flex-direction: column;
padding: 20px;
width: 80%;
background: #efefef;
border-radius: 15px;
margin: auto;
}
.sitenotice-text,
.sitenotice-subtext,
.sitenotice-button,
.sitenotice-button-dismiss {
font-family:Helvetica;
font-weight:bold;
}
.sitenotice-text {
font-size:150%;
color: #646464;
margin: 0.25em 0;
}
.sitenotice-subtext {
font-size:115%;
color: #646464;
margin-bottom: 1em;
}
.sitenotice-button-container {
display: flex;
width: 100%;
justify-content: flex-end;
}
.sitenotice-button-container > span {
padding: 12px;
height: 12px;
border-radius: 8px;
font-size: 115%;
cursor:pointer;
line-height: 12px;
box-shadow: 0px 2px 6px #5f5f5f;
}
.sitenotice-button {
background: #ff2206;
color: white;
}
.sitenotice-button:hover {
background-color: #dd2206;
transition: background-color 100ms;
}
.sitenotice-button:not(:last-child) {
margin-right:0.5em;
}
.sitenotice-button-dismiss {
background: #a6a6a6;
color: white;
margin-right:auto;
}
.sitenotice-button-dismiss:hover {
background-color: #868686;
transition: background-color 100ms;
}
/*End of site notice configuration*/
#pw-mp-banner span
{
display: inline-block;
width: 100%;
object-fit: contain;
object-position: center;
content: url(https://shared.prolewiki.org/uploads/b/b3/Mainpageheader_mobile.png);
}