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:
@@ -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%);
|
||||
}
|
||||
}
|
||||
@@ -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% ) );
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user