mediawiki-skins-Citizen/resources/components/footer.less

186 lines
2.8 KiB
Plaintext
Raw Normal View History

2019-08-15 17:40:13 +00:00
//
// Citizen - Footer Styles
// https://starcitizen.tools
//
.last-modified-bar {
background: @color-footer-background-60;
&-content {
margin: 0 auto;
padding: 12px @margin-side;
width: 100%;
max-width: @footer-width;
display: flex;
align-items: center;
}
&-icon {
margin-right: @icon-padding;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
opacity: @opacity-icon;
}
&-text {
a {
margin-right: 5px;
}
}
}
.mw-footer {
2020-05-22 15:29:36 +00:00
z-index: 8; // High enough so it covers the floating UI
clear: both;
2019-12-26 10:21:50 +00:00
position: relative;
direction: ltr;
margin-top: @margin-side * 2;
color: @color-footer-text;
background: @color-footer-background-50;
font-size: @ui-menu-text;
line-height: @footer-line-height;
a {
color: @color-footer-link;
&:hover,
&:active,
&:focus {
color: @color-footer-link-active;
text-decoration: none;
}
}
2020-06-03 05:07:40 +00:00
ul {
margin: 0;
display: flex;
2020-06-03 05:08:25 +00:00
flex-wrap: wrap;
2020-06-03 05:07:40 +00:00
}
2019-12-26 10:21:50 +00:00
li {
list-style: none;
}
}
2019-12-26 10:21:50 +00:00
#footer {
&-content {
margin: @margin-side * 2.5 auto 0 auto;
padding: 0 @margin-side;
2019-12-26 10:21:50 +00:00
max-width: @footer-width;
display: flex;
flex-direction: column;
}
2019-12-26 10:21:50 +00:00
&-bottom {
margin-top: @margin-side * 1.5;
background-color: @color-footer-background-40;
2019-12-26 10:21:50 +00:00
&-content {
margin: 0 auto;
padding: @margin-side / 2 @margin-side;
max-width: @footer-width;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
2019-12-26 10:21:50 +00:00
}
}
2019-12-26 10:21:50 +00:00
&-sitetitle {
2020-06-03 05:07:40 +00:00
margin: @margin-side / 2 0;
color: @base-90;
font-size: 20px;
}
2019-12-26 10:21:50 +00:00
2020-06-03 05:07:40 +00:00
&-desc {
margin: @margin-side / 2 0;
}
&-places {
margin: 0 -@margin-side !important;
display: flex;
flex-wrap: wrap;
2020-05-18 15:39:53 +00:00
li a {
padding: @margin-side / 2 @margin-side;
display: block;
}
}
2020-05-18 15:39:53 +00:00
&-info {
2020-06-03 05:07:40 +00:00
margin-top: @margin-side / 2;
opacity: 0.5;
font-size: 12px;
2019-12-26 10:21:50 +00:00
li {
margin: @margin-side / 2 0;
2019-12-26 10:21:50 +00:00
}
}
2019-12-26 10:21:50 +00:00
&-tagline {
padding: @margin-side / 2 0;
2019-12-26 10:21:50 +00:00
}
&-icons {
margin: 0 -@margin-side / 2;
display: flex;
2019-12-26 10:21:50 +00:00
a {
padding: @margin-side * 0.75 @margin-side / 2;
height: 50px; // CSS hack to force SVG icon to appear
2019-12-26 10:21:50 +00:00
display: flex;
justify-content: center;
2019-12-26 10:21:50 +00:00
align-items: center;
opacity: 0.5;
transition: @transition-opacity;
2019-12-26 10:21:50 +00:00
img {
display: none; // Hack to hide original icons
2019-12-26 10:21:50 +00:00
}
&:before {
content: '';
.resource-loader-icon;
display: block;
background-size: contain;
2019-12-26 10:21:50 +00:00
}
&:hover {
opacity: 0.7;
}
2019-12-26 10:21:50 +00:00
// Icon styles
&[ href*='starcitizen.tools' ] {
width: 50px;
}
2019-12-26 10:21:50 +00:00
&[ href*='robertsspaceindustries' ] {
width: 50px;
}
2019-12-26 10:21:50 +00:00
&[ href*='gdpr' ] {
width: 50px;
}
2019-12-26 10:21:50 +00:00
&[ href*='wikiapiary' ] {
width: 95px;
margin-bottom: -3px; //dirty fix
}
2019-12-26 10:21:50 +00:00
&[ href*='mediawiki' ] {
width: 95px;
}
2020-05-18 16:52:38 +00:00
&[ href*='miraheze' ] {
width: 95px;
}
&[ href*='by-sa' ] {
width: 110px;
}
2020-05-18 16:52:38 +00:00
}
2019-12-26 10:21:50 +00:00
}
2019-08-15 17:40:13 +00:00
}