1
0
mirror of https://github.com/gnosygnu/xowa.git synced 2026-03-02 03:49:30 +00:00

Res: Add resources from xowa_app_windows_64_v4.5.26.1810

This commit is contained in:
gnosygnu
2018-11-02 09:58:55 -04:00
parent a672fd8340
commit 5721913241
6057 changed files with 1156950 additions and 0 deletions

View File

@@ -0,0 +1,85 @@
/**
* Stylesheet for page-wide Banner in WikidataPageBanner extension.
*/
.ext-wpb-pagebanner {
position: relative;
width: 100%;
margin: 1em 0;
}
.wpb-topbanner {
position: relative;
max-width: 1800px;
height: auto;
overflow: hidden;
max-height: 300px;
}
.ext-wpb-pagebanner .wpb-topbanner .wpb-name {
position: absolute;
z-index: 1;
margin: 0.6em 0 0 0.4em;
padding: 8px 7px;
font-size: 1em;
font-weight: bold;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
border-radius: 4px;
color: white;
white-space: nowrap;
line-height: 0.9em;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 95%;
}
.wpb-topbanner .wpb-banner-image {
width: 100%;
height: auto;
}
.wpb-iconbox {
top: 0;
position: absolute;
right: 0px;
padding: 3px;
z-index: 3;
background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
border-bottom-left-radius: 5px;
}
.wpb-iconbox p {
float: left;
}
@media screen and (min-width: 768px) {
.ext-wpb-pagebanner .wpb-topbanner .wpb-name {
font-size: 2.2em;
white-space: normal;
overflow: auto;
}
}
@media screen and (max-width: 400px) {
.wpb-topbanner {
/**
* The rules below define custom positioning for banner in case the cropped banner needs to be
* shifted to allow focus to a different area
*/
}
.wpb-topbanner .wpb-banner-image {
max-width: none !important;
width: auto;
min-height: 180px;
margin-left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.wpb-topbanner .wpb-left {
-webkit-transform: translateX(-25%);
-moz-transform: translateX(-25%);
-o-transform: translateX(-25%);
transform: translateX(-25%);
}
.wpb-topbanner .wpb-right {
-webkit-transform: translateX(-75%);
-moz-transform: translateX(-75%);
-o-transform: translateX(-75%);
transform: translateX(-75%);
}
}

View File

@@ -0,0 +1,105 @@
/**
* Stylesheet for page-wide Banner in WikidataPageBanner extension.
*/
@import "mediawiki.mixins";
.transform ( ... ) {
-webkit-transform: @arguments;
-moz-transform: @arguments;
-o-transform: @arguments;
transform: @arguments;
}
.ext-wpb-pagebanner {
position: relative;
width:100%;
margin: 1em 0;
}
.wpb-topbanner{
position: relative;
max-width: 1800px;
height: auto;
overflow: hidden;
// rule for banners whose height may be much due to a different aspect ratio other than
// Wikivoyage banners
max-height: 300px;
}
.ext-wpb-pagebanner .wpb-topbanner .wpb-name {
position: absolute;
z-index: 1;
// make banner heading more specific so that this rule overrides skin's styling of h1
margin: 0.6em 0 0 0.4em;
padding: 8px 7px;
font-size: 1em;
font-weight: bold;
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
border-radius: 4px;
color: white;
white-space: nowrap;
line-height: 0.9em;
// hide text exceeding the line
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
max-width: 95%;
}
.wpb-topbanner .wpb-banner-image{
width: 100%;
height: auto;
}
.wpb-iconbox{
top: 0;
position: absolute;
right: 0px;
padding: 3px;
z-index: 3;
background: rgba(0, 0, 0, 0.7) none repeat scroll 0% 0%;
border-bottom-left-radius: 5px;
// each <a> link of icon will be wrapped in a <p> tag by mustache, so float them left
p {
float: left;
}
}
// disable heading wrapping on large screen
@media screen and ( min-width: 768px ) {
.ext-wpb-pagebanner .wpb-topbanner .wpb-name {
font-size: 2.2em;
white-space: normal;
overflow: auto;
}
}
// banner enlargement and faking banner cropping for small screens
@media screen and ( max-width: 400px ) {
.wpb-topbanner {
.wpb-banner-image {
// this rule overrides the max-width:100% rule for images in Skin Minerva so that banner
// can be increased in size for increasing the height accordingly. The overflowing
// banner is cropped by setting overflow hidden on containing element
max-width: none !important;
width: auto;
// Banners on mobile screens should be using the origin parameter and be at least 180px in height
min-height: 180px;
// centre the banner by default
margin-left: 50%;
.transform ( translateX( -50% ) );
}
/**
* The rules below define custom positioning for banner in case the cropped banner needs to be
* shifted to allow focus to a different area
*/
.wpb-left{
.transform ( translateX( -25% ) );
}
.wpb-right{
.transform ( translateX( -75% ) );
}
}
}

View File

@@ -0,0 +1,16 @@
/**
* Style tweaks for page-wide Banner in WikidataPageBanner extension for Skin Minerva.
*/
@import "mediawiki.mixins";
// mobile 62.5 corresponds to @wgMFDeviceWidthDesktop in MobileFrontend
// FIXME: Use less variable when https://phabricator.wikimedia.org/T93675 resolved
@media (max-width: 62.5em) {
.ext-wpb-pagebanner.pre-content {
margin: 0;
}
}
.ext-wpb-pagebanner {
clear: both;
}