Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
@import url('https://fonts.googleapis.com/css?family=Raleway');
@import "http://dev.wikia.com/load.php?mode=articles&articles=MediaWiki:ModernProfile/Masthead.css|MediaWiki:ModernProfile/Wall.css&only=styles";
/* Media Viewer */
#media-viewer {
position: fixed;
left: 0;
top: 0;
z-index: 500;
background: rgba(0, 0, 0, 0.65);
height: 100%;
width: 100%;
}
#media-viewer .media-viewer-wrapper {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
box-shadow: 0 0 4px rgba(25, 25, 25, 0.6);
background-color: black;
width: 85%;
text-align: center;
}
#media-viewer .media-viewer-wrapper .mv-image {
width: auto;
min-width: 600px;
min-height: 100px;
margin: 0 12px;
text-align: center;
display: inline-block;
}
#media-viewer .media-viewer-wrapper .mv-description {
background-color: #ffffff;
text-align: justify;
}
#media-viewer .media-viewer-wrapper .mv-description .description {
display: flex;
}
#media-viewer .media-viewer-wrapper .mv-description .description-header {
padding: 8px;
font-feature-settings: "";
}
#media-viewer .media-viewer-wrapper .mv-description .description-user {
width: 82%;
}
#media-viewer .media-viewer-wrapper .mv-description .description-avatar {
border-radius: 100%;
border: 2px solid #343434;
margin: 0 8px;
height: 40px;
}
#media-viewer .media-viewer-wrapper .mv-description .description-user {
vertical-align: 15px;
font-weight: bold;
}
#media-viewer .media-viewer-wrapper .mv-description .wds-button {
position: absolute;
right: 2px;
bottom: 2px;
}
/* Article Preview */
.article-preview {
position: absolute;
z-index: 2000;
background-color: #efeff4;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
padding: 4px;
text-align: right;
min-width: 200px;
width: auto;
max-width: 300px;
}
.article-preview .preview-header {
text-transform: uppercase;
font-family: 'Raleway', Helvetica, Arial, sans-serif;
font-size: 10pt;
padding: 6px 8px;
background-color: #fafafa;
text-align: center;
}
.article-preview .mw-content-text {
text-align: justify;
min-height: 80px;
height: auto;
max-height: 250px;
overflow: hidden;
padding: 4px;
}
.article-preview .mw-content-text .toc,
.article-preview .mw-content-text [class*="edit"] {
display: none; /* TOCs and edit buttons are found to be aesthetically unappealing in the article preview, so they have been hidden */
}
.article-preview .mw-content-text h2 {
border-bottom: 1px solid black;
padding: 2px;
}
.article-preview .see-more {
color: black;
text-transform: uppercase;
font-family: 'Raleway', Helvetica, Arial, sans-serif;
font-size: 8pt;
display: inline-block;
}
.article-preview .see-more:after,
.article-preview .see-more::after {
content: "\2192";
vertical-align: middle;
position: relative;
top: -2px;
display: inline-block;
margin-left: 3px;
}