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 { ...@@ -79,7 +79,7 @@ class AetherTemplate extends BaseTemplate {
$this->html( 'headelement' ); $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" > <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"> <a class="navbar-brand active" href="<?php echo htmlspecialchars( $this->data['nav_urls']['mainpage']['href'] ) ?>" id="KGlobalLogo">
<?php echo wfMessage( 'sitetitle' )->escaped(); ?> <?php echo wfMessage( 'sitetitle' )->escaped(); ?>
...@@ -221,7 +221,7 @@ class AetherTemplate extends BaseTemplate { ...@@ -221,7 +221,7 @@ class AetherTemplate extends BaseTemplate {
</main> </main>
<!-- footer --> <!-- footer -->
<footer id="kFooter" class="footer"> <footer id="kFooter" class="footer d-print-none">
<section id="kFooterIncome" class="container"> <section id="kFooterIncome" class="container">
<div id="kDonateForm"> <div id="kDonateForm">
<div class="center"> <div class="center">
...@@ -464,7 +464,7 @@ class AetherTemplate extends BaseTemplate { ...@@ -464,7 +464,7 @@ class AetherTemplate extends BaseTemplate {
case 'VIEWS': 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 <?php // Is closed later in the 'actions' section
if ( count( $this->data['view_urls'] ) > 0 ) { if ( count( $this->data['view_urls'] ) > 0 ) {
foreach ( $this->data['view_urls'] as $link ) { ?> foreach ( $this->data['view_urls'] as $link ) { ?>
......
...@@ -46,8 +46,8 @@ class SkinAether extends SkinTemplate { ...@@ -46,8 +46,8 @@ class SkinAether extends SkinTemplate {
* @param $out OutputPage object * @param $out OutputPage object
*/ */
function setupSkinUserCss( OutputPage $out ){ function setupSkinUserCss( OutputPage $out ){
$out->addStyle( 'https://cdn.kde.org/aether/css/bootstrap.min.css', 'screen' ); $out->addStyle( 'https://cdn.kde.org/aether/css/bootstrap.min.css', 'all' );
$out->addStyle( $this->stylename . '/resources/main.css', 'screen' ); $out->addStyle( $this->stylename . '/resources/main.css', 'all' );
} }
/** /**
......
...@@ -473,35 +473,50 @@ a:hover { ...@@ -473,35 +473,50 @@ a:hover {
main h1 { main h1 {
display: block; display: block;
font-size: 20px; font-size: 24px;
font-weight: normal; font-weight: normal;
margin-top: 20px; margin-top: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
main h2 { main h2 {
font-size: 18px; font-size: 22px;
font-weight: normal; font-weight: normal;
margin-top: 20px; margin-top: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
main h3 { main h3 {
font-size: 14px; font-size: 20px;
font-weight: bold; font-weight: normal;
margin-top: 20px; margin-top: 20px;
margin-bottom: 10px; margin-bottom: 10px;
} }
main h4 { main h4 {
font-size: 12px; font-size: 18px;
font-weight: bold; font-weight: normal;
font-style: italic;
color: #536161; color: #536161;
margin: 0px; margin: 0px;
margin-top: 20px; 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 { .learn-more:after {
content: ">"; content: ">";
font-family: "glyph"; font-family: "glyph";
...@@ -720,7 +735,6 @@ footer { ...@@ -720,7 +735,6 @@ footer {
width: 100%; width: 100%;
left: 0px; left: 0px;
padding: 40px 50px; padding: 40px 50px;
text-align: center; text-align: center;
} }
...@@ -1982,6 +1996,7 @@ select { ...@@ -1982,6 +1996,7 @@ select {
.grid .row .row.tux-message, .grid .row .row.tux-message,
.grid .row .row.tux-message-item-compact { .grid .row .row.tux-message-item-compact {
width: 100%; width: 100%;
display: block;
} }
.row.uls-search { .row.uls-search {
...@@ -2000,3 +2015,96 @@ select { ...@@ -2000,3 +2015,96 @@ select {
.center .floatnone { .center .floatnone {
text-align: center; 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