|
Tags: Blanking Manual revert Reverted |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */
| |
| @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ActivityFeedMimic.css&only=styles";
| |
|
| |
|
| .NavButton:hover .NavInfo, .NavButton:hover .AppInfo {
| |
| top: 0;
| |
| }
| |
|
| |
| .NavButton {
| |
| width: 150px;
| |
| border: 1px solid #111111;
| |
| min-height: 150px;
| |
| background: #333333 center;
| |
| margin-bottom: 1em;
| |
| margin:0 auto;
| |
| position: relative;
| |
| overflow: hidden;
| |
| color: #FFF;
| |
| cursor: pointer;
| |
| -moz-box-shadow: 2px 2px 2px #000000;
| |
| -webkit-box-shadow: 2px 2px 2px #000000;
| |
| box-shadow: 2px 2px 2px #000000;
| |
| }
| |
|
| |
| .NavInfo {
| |
| width: 100%;
| |
| height: 150px;
| |
| position: absolute;
| |
| top: 127px;
| |
| left: 0;
| |
| z-index: 1;
| |
| background-color: #000;
| |
| background-color: rgba(0, 0, 0, 0.6);
| |
| -webkit-transition: top 0.3s linear;
| |
| -moz-transition: top 0.3s linear;
| |
| -o-transition: top 0.3s linear;
| |
| transition: top 0.3s linear;
| |
| }
| |
|
| |
| .box-round {
| |
| clear: both;
| |
| flex: 1;
| |
| margin: 5px;
| |
| min-width: 210px;
| |
| }
| |
|
| |
| .box-round-title {
| |
| padding: 0.1em;
| |
| text-align: center;
| |
| font-weight: bold;
| |
| border: 2px solid #2872fa;
| |
| border-bottom: none;
| |
| border-radius: 10px 10px 0 0;
| |
| }
| |
|
| |
| .box-round-title > span {
| |
| float: right;
| |
| margin-bottom: .1em;
| |
| font-size: 85%;
| |
| padding-right: 0.5em;
| |
| }
| |
|
| |
| .box-round-title > h2 {
| |
| font-size: 150%;
| |
| font-weight: bold;
| |
| font-family: Verdana, sans-serif;
| |
| color: #2872fa;
| |
| border: none;
| |
| margin: 0;
| |
| padding: 0;
| |
| padding-bottom: .1em;
| |
| }
| |
|
| |
| .box-round-text {
| |
| border: 2px solid #2872fa;
| |
| margin-bottom: 10px;
| |
| padding: .8em 1em 1em 1.3em;
| |
| border-radius: 0 0 10px 10px;
| |
| }
| |
|
| |
| .mainpage_row {
| |
| display: flex;
| |
| flex-direction: row;
| |
| flex-flow: row wrap;
| |
| justify-content: space-between;
| |
| padding: 0;
| |
| margin: 0 -5px 0 -5px;
| |
| }
| |
|
| |
| .mainpage_text {
| |
| text-align: center;
| |
| text-wrap: normal;
| |
| color: #008cff;
| |
| font-size: 25px;
| |
| font-weight: bold;
| |
| font-family: Verdana, sans-serif;
| |
| }
| |
|
| |
| .mainpage_text2 {
| |
| text-align: center;
| |
| color: #008cff;
| |
| font-weight: bold;
| |
| font-family: Verdana, sans-serif;
| |
| }
| |
|
| |
| .mainpage_text3 {
| |
| text-align: center;
| |
| font-weight: bold;
| |
| font-family: Verdana, sans-serif;
| |
| }
| |
|
| |
| /* Example CSS for changing the background */
| |
| body {
| |
| background-image: url("https://wiki.lbpunion.com/images/e/ea/PS_App_20210309_030239.jpeg?20250129203443");
| |
| background-size: cover;
| |
| background-position: center;
| |
| background-attachment: fixed;
| |
| background-repeat: no-repeat;
| |
| }
| |
|
| |
| body::before {
| |
| content: "";
| |
| position: fixed;
| |
| top: 0;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 100%;
| |
| background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
| |
| z-index: 0; /* Ensures the overlay is above the background image but below other content */
| |
| pointer-events: none; /* Ensures the overlay doesn't interfere with any interactions */
| |
| }
| |
|
| |
| #content,
| |
| #firstHeading,
| |
| #mw-content-text {
| |
| position: relative;
| |
| z-index: 1; /* Ensure content is above the gradient overlay */
| |
| background-color: rgba(0, 0, 0, 0.8); /* Dark, opaque background */
| |
| padding: 20px;
| |
| border-radius: 10px;
| |
| color: #FFF; /* Ensure text is readable */
| |
| margin: 20px auto;
| |
| max-width: 90%; /* Adjusted for wider content */
| |
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Add a subtle shadow for depth */
| |
| }
| |
|
| |
| #firstHeading {
| |
| margin-top: 20px;
| |
| padding: 10px;
| |
| background-color: rgba(0, 0, 0, 0.8); /* Ensure the heading has the same background */
| |
| border-radius: 10px 10px 0 0; /* Rounded corners at the top */
| |
| }
| |
|
| |
| /* Mobile compatibility adjustments */
| |
| @media (max-width: 768px) {
| |
| #content,
| |
| #firstHeading,
| |
| #mw-content-text {
| |
| max-width: 95%; /* Make the content area wider on mobile */
| |
| padding: 15px;
| |
| }
| |
| }
| |
