StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-28 00:01:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move Cite-related styles outside of common

Browse source
This commit is contained in:
alistair3149 2020-06-12 01:43:12 -04:00
parent 7f1e5d63de
commit 520b80132e
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
4 changed files with 119 additions and 113 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

189
resources/skins.citizen.styles/common/common.less
View file

@ -225,6 +225,36 @@ figcaption,
color: @base-30;
}
.thumb {
overflow: hidden;
> .thumbinner {
> a {
transition: @transition-box-shadow-quick !important;
&:hover:not( .lazy ):not( .new ) {
background: 0 !important;
.boxshadow(2);
img {
transform: scale( 1.1 );
}
}
&:before {
content: none;
}
&.new {
padding: @margin-side / 2;
display: block;
background-color: @base-80;
transition: @transition-background-quick, @transition-color-quick !important;
}
}
}
}
.mw-body {
.firstHeading {
margin: 0;
@ -268,58 +298,6 @@ figcaption,
.content-center;
z-index: 0;
#mw-content-text {
.mw-parser-output {
.mw-headline {
order: -1; // Make sure that header is the first
}
& > h1,
& > h2,
& > h3,
& > h4,
& > h5,
& > h6 {
display: flex;
align-items: center;
justify-content: space-between;
}
.mw-editsection {
position: absolute;
display: flex;
margin: 0;
left: 0;
transform: ~'translateX(calc(-100% - @{margin-side}))';
a {
.resource-loader-icon-link-small;
padding: @margin-side / 4;
opacity: @opacity-icon;
transition: @transition-opacity;
text-indent: -9999px; // Hide text
background: 0 !important; // Cancel above styles
&:before {
.resource-loader-icon;
background-size: contain;
display: block;
}
&:hover,
&:active,
&:focus {
opacity: @opacity-icon-active;
}
}
> span {
display: none;
}
}
}
}
p {
overflow-wrap: break-word;
}
@ -382,53 +360,6 @@ figcaption,
vertical-align: middle;
}
.mw-references-wrap {
margin: @content-margin-top 0 0 0;
color: @base-30;
&.mw-references-columns {
margin: @content-margin-top @negative-margin 0 @negative-margin;
}
.references {
margin: 0 @content-margin-top * 2;
li {
margin-bottom: @content-margin-top / 4;
}
}
}
.thumb {
overflow: hidden;
> .thumbinner {
> a {
transition: @transition-box-shadow-quick !important;
&:hover:not( .lazy ):not( .new ) {
background: 0 !important;
.boxshadow(2);
img {
transform: scale( 1.1 );
}
}
&:before {
content: none;
}
&.new {
padding: @margin-side / 2;
display: block;
background-color: @base-80;
transition: @transition-background-quick, @transition-color-quick !important;
}
}
}
}
a.image {
display: block;
overflow: hidden;
@ -448,6 +379,58 @@ figcaption,
}
}
#mw-content-text {
.mw-parser-output {
.mw-headline {
order: -1; // Make sure that header is the first
}
& > h1,
& > h2,
& > h3,
& > h4,
& > h5,
& > h6 {
display: flex;
align-items: center;
justify-content: space-between;
}
.mw-editsection {
position: absolute;
display: flex;
margin: 0;
left: 0;
transform: ~'translateX(calc(-100% - @{margin-side}))';
a {
.resource-loader-icon-link-small;
padding: @margin-side / 4;
opacity: @opacity-icon;
transition: @transition-opacity;
text-indent: -9999px; // Hide text
background: 0 !important; // Cancel above styles
&:before {
.resource-loader-icon;
background-size: contain;
display: block;
}
&:hover,
&:active,
&:focus {
opacity: @opacity-icon-active;
}
}
> span {
display: none;
}
}
}
}
// Namespace button
#p-namespaces {
position: relative;
@ -518,12 +501,4 @@ figcaption,
#p-namespaces {
margin: 0~'calc((100vw - @{page-width}) / -2)';
}
.mw-body-content {
.mw-references-wrap {
&.mw-references-columns {
margin: @content-margin-top 0 0 0;
}
}
}
}

7
resources/skins.citizen.styles/common/typography.less
View file

@ -53,8 +53,7 @@ dt {
}
sub,
sup,
span.reference {
sup {
font-size: 80%;
}
@ -95,10 +94,6 @@ figcaption,
font-weight: normal;
}
.mw-references-wrap {
font-size: @content-small-text-size;
}
.mw-body {
// h1's can exist outside of mw-body-content so some heading styles
// need to be defined in mw-body as well

2
skin.json
View file

@ -353,6 +353,8 @@
"+ext.advancedSearch.initialstyles": "skinStyles/extensions/AdvancedSearch/ext.advancedSearch.initialstyles.less",
"+ext.advancedSearch.styles": "skinStyles/extensions/AdvancedSearch/ext.advancedSearch.styles.less",
"+ext.cite.styles": "skinStyles/extensions/Cite/ext.cite.styles.less",
"+ext.echo.styles.badge": "skinStyles/extensions/Echo/ext.echo.styles.badge.less",
"+ext.echo.ui": "skinStyles/extensions/Echo/ext.echo.ui.less",

34
skinStyles/extensions/Cite/ext.cite.styles.less Normal file
View file

@ -0,0 +1,34 @@
/*
* Citizen - Cite styles
* https://starcitizen.tools
*/
@import '../../../resources/variables.less';
.mw-references-wrap {
margin: @content-margin-top 0 0 0;
color: @base-30;
font-size: @content-small-text-size;
}
.mw-references-columns {
margin: @content-margin-top @negative-margin 0 @negative-margin;
}
.references {
margin: 0 @content-margin-top * 2;
li {
margin-bottom: @content-margin-top / 4;
}
}
span.reference {
font-size: 80%;
}
@media ( max-width: @screen2 ) {
.mw-references-columns {
margin: @content-margin-top 0 0 0;
}
}