Members of the KDE Community are recommended to subscribe to the kde-community mailing list at https://mail.kde.org/mailman/listinfo/kde-community to allow them to participate in important discussions and receive other important announcements

Verified Commit 3aafc90c authored by Carl Schwan's avatar Carl Schwan 🚴🏻

Print layout and lot of small theming fix

+ Remove footer/header from print display
+ Change header font-size (a bit bigger now)
+ Remove marin bottom from list
parent 41ec781c
......@@ -79,7 +79,7 @@ class AetherTemplate extends BaseTemplate {
$this->html( 'headelement' );
?>
<header id="KGlobalHeader mb-2" class="header clearfix">
<header id="KGlobalHeader mb-2" class="header clearfix d-print-none">
<nav id="kHeaderNav" class="navbar navbar-expand-md container" >
<a class="navbar-brand active" href="<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] ) ?>" id="KGlobalLogo">
<?php echo wfMessage( 'sitetitle' )->escaped(); ?>
......@@ -221,7 +221,7 @@ class AetherTemplate extends BaseTemplate {
</main>
<!-- footer -->
<footer id="kFooter" class="footer">
<footer id="kFooter" class="footer d-print-none">
<section id="kFooterIncome" class="container">
<div id="kDonateForm">
<div class="center">
......@@ -464,7 +464,7 @@ class AetherTemplate extends BaseTemplate {
case 'VIEWS':
?>
<div class="btn-group btn-group-sm float-right page-actions mt-2">
<div class="btn-group btn-group-sm float-right page-actions mt-2 d-print-none">
<?php // Is closed later in the 'actions' section
if ( count( $this->data['view_urls'] ) > 0 ) {
foreach ( $this->data['view_urls'] as $link ) { ?>
......
......@@ -46,8 +46,8 @@ class SkinAether extends SkinTemplate {
* @param $out OutputPage object
*/
function setupSkinUserCss( OutputPage $out ){
$out->addStyle( 'https://cdn.kde.org/aether/css/bootstrap.min.css', 'screen' );
$out->addStyle( $this->stylename . '/resources/main.css', 'screen' );
$out->addStyle( 'https://cdn.kde.org/aether/css/bootstrap.min.css', 'all' );
$out->addStyle( $this->stylename . '/resources/main.css', 'all' );
}
/**
......
......@@ -473,35 +473,50 @@ a:hover {
main h1 {
display: block;
font-size: 20px;
font-size: 24px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
}
main h2 {
font-size: 18px;
font-size: 22px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
}
main h3 {
font-size: 14px;
font-weight: bold;
font-size: 20px;
font-weight: normal;
margin-top: 20px;
margin-bottom: 10px;
}
main h4 {
font-size: 12px;
font-weight: bold;
font-style: italic;
font-size: 18px;
font-weight: normal;
color: #536161;
margin: 0px;
margin-top: 20px;
}
main h5 {
font-size: 16px;
font-weight: normal;
color: #536161;
margin: 0px;
margin-top: 15px;
}
main h6 {
font-size: 15px;
font-weight: normal;
color: #536161;
margin: 0px;
margin-top: 10px;
}
.learn-more:after {
content: ">";
font-family: "glyph";
......@@ -720,7 +735,6 @@ footer {
width: 100%;
left: 0px;
padding: 40px 50px;
text-align: center;
}
......@@ -1982,6 +1996,7 @@ select {
.grid .row .row.tux-message,
.grid .row .row.tux-message-item-compact {
width: 100%;
display: block;
}
.row.uls-search {
......@@ -2000,3 +2015,96 @@ select {
.center .floatnone {
text-align: center;
}
.menuchoice, .pager li {
color: #232627;
box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.2);
background-image: linear-gradient(to bottom, #eff0f1, #e9eaeb);
position: relative;
display: inline-block;
padding: 2px 5px;
border-radius: 2px;
border: solid 1px rgba(0,0,0,.1);
transition: background-image .2s;
}
.keycap {
color: #000000;
background-color: #e1e1e1;
text-shadow: none;
padding: 2px 5px;
}
code {
background-color: lemonchiffon;
padding: 2px 4px;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
}
table.vertical-centered td {
padding: 8px;
}
table:not(.mw-changeslist-line) td:first-child {
padding-left: 0;
min-width: 48px;
}
.pager {
text-align: center;
}
.pager li {
display: inline-block;
list-style: none;
padding: 5px 10px;
}
.pager li a {
color: #232627;
}
.pager li:hover {
box-shadow: 1px 1px 0px 0px rgba(147, 206, 233, 0.2);
border: solid 1px rgba(147, 206, 233, 0.6);
}
.thumb .thumbinner, .center .floatnone img {
margin-bottom: 10px;
padding: 4px;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
border-radius: 2px;
}
.center .thumbinner, .tablecenter {
margin-left: auto;
margin-right: auto;
}
.tleft .thumbinner, .floatleft a {
margin-right: 8px !important;
}
div.tleft, div.floatleft, table.floatleft {
float: left;
clear: left;
}
.mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd {
margin-left: 1.6em;
margin-right: 0;
}
dl, ol, ul {
margin-bottom: 0;
}
@media print {
.noprint, .mw-editsection {
display: none;
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment