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 88a1f300 authored by Carl Schwan's avatar Carl Schwan 🚴🏻

refacto

parent f8c33102
......@@ -25,519 +25,66 @@
@import 'includes/social';
@import 'includes/laptop';
a.btn:visited {
color: white !important;
}
header {
position: relative;
}
header > * {
padding: 0 !important;
margin: 0 auto !important;
}
header:after {
bottom: 0;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAFCAYAAACzSkmrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACkSURBVDiN7dExDsIwDEbh9we1soXE6eCEbJyInQNwgKgxQ9WWFrIShr7ZkewvYm/V5fbwLj8NoKTec0lGzp66ZAzJS8jQ4EKG5KLY+FIeYBAOMoRHyFC4YJwpcqVixGYWnHHG1ebs700YHxBAHWM6DqoYHxBvswvGEegbnL1q/pAqxgQB1DE2EEAdY4aABeMEHH57+n+m8/UerZfYW0qtF9hb9wI2bU03vw4M8QAAAABJRU5ErkJggg==");
}
footer:before {
top: 0;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAFCAYAAACzSkmrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADOSURBVDiN7ZExTsRQDESfHSJqWq7AKfYOiAtScgmOwQno0CqKIlt/Iw8NYZVF25IU+yoXLmbe2PPrh7ixG3zrADfW3G0dYIckEOtbCRYGiSlUnrhCkMgCwEyJLn5RCE+kABBK1IWbkq6iTpX0ffRe6dXi1D/k3gZZZKxEAFyTcRYB12RcigD4K6Ob3l6e2ka9f1kGGYACJqCdRWg2YwQQdgSgGGU2g36K04DJoEADAOaDSiVsQtYWEXP57G4jwD15BPh8/BrfD4f5P0vvmW/7cKBf79wHGwAAAABJRU5ErkJggg==");
}
header:after, footer:before {
content: "";
display: block !important;
background-size: 100% 5px;
position: absolute;
height: 5px;
width: 100%;
left: 0;
}
#cookieWarning {
display: none;
border-top: solid 1px #ffc169;
background-color: #ffdaa5;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 10px 20px;
z-index: 999;
color: #884d2c;
}
#cookieWarning button {
float: right;
border: solid 1px #ffc169;
border-radius: 2px;
background-color: #fff3e1;
color: #884d2c;
padding: 10px 20px;
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
html, body, input {
font-family: 'Noto Sans', sans-serif;
font-size: 15px;
color: #31363b;
}
html, body {
padding: 0;
margin: 0;
background-color: #FCFCFC;
}
body.headerCoverHero {
padding-top: 50px;
}
main {
padding: 0;
}
a {
text-decoration: none !important;
color: #3b85b5;
}
a:visited {
color: #7cbcec;
}
a:hover {
color: #3daefd;
}
#pageHeader {
position: fixed;
z-index: 9999;
margin: 0 0 -1px;
padding-top: 50px;
border-bottom: solid 3px rgba(0, 0, 0, .1);
background-clip: padding-box;
}
#pageHeader:before {
content: "";
background-color: #FCFCFC;
height: 50px;
top: 0;
width: 100%;
position: absolute;
z-index: 0;
}
body.headerCoverHero #pageHeader {
/*position: absolute;*/
top: 0;
left: 0;
right: 0;
z-index: 2000;
}
#siteNavigation {
background-color: rgba(252, 252, 252, .95);
/*background-color: rgba(239,240,241,.95);*/
}
#siteNavigation h1 {
padding: 5px 20px;
font-size: 20px;
color: #192629;
}
#pageFooter {
position: relative;
z-index: 2000;
background-color: #31363b;
}
#headerDynamicNav .popout {
left: auto;
right: 0;
}
#headerStaticNav {
position: absolute;
top: 0;
left: 0;
}
#searchMenu:after {
display: none;
}
#headerStaticNav .donate:hover:before {
background-color: #f67400 !important;
}
#headerStaticNav .donate {
color: #f67400;
font-weight: bold;
}
#headerDynamicNav {
position: absolute;
top: 0;
right: 10px;
}
#searchMenu {
width: 80px;
}
#headerSearchMenu {
display: block;
text-indent: -9999px;
width: 40px;
}
#headerSearchMenu:before {
font-family: "glyph";
content: "Q";
color: #31363B;
line-height: 50px;
font-size: 16px;
text-indent: 0;
width: 80px;
text-align: center;
position: absolute;
top: 2px;
left: 0;
}
#searchMenu .popout:before {
left: auto;
right: 30px;
}
#searchMenu .popout:after {
left: auto;
right: 31px;
}
#headerSearchMenu section {
display: none;
}
.throbber {
display: block;
text-indent: -9999px;
width: 50px;
height: 50px;
}
.throbber:before {
font-family: "glyph";
font-weight: 400 !important;
content: "%";
color: #4d4d4d;
position: absolute;
text-align: center;
text-indent: 0;
display: block;
line-height: 50px;
width: 50px;
height: 50px;
left: 50%;
top: 50%;
margin-left: -25px;
margin-top: -25px;
font-size: 32px;
animation: rotating 1.5s linear infinite;
}
@font-face {
font-family: 'glyph';
src: url('glyph/glyph.ttf?5ea9rb') format('truetype'),
url('glyph/glyph.woff?5ea9rb') format('woff'),
url('glyph/glyph.svg?5ea9rb#glyph') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="glyph-"], [class*=" glyph-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'glyph' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyph-share-mastodon:before {
content: "\6d";
}
.glyph-share-diaspora:before {
content: "\2a";
}
.glyph-go-previous:before {
content: "\3c";
}
.glyph-hamburger:before {
content: "\3d";
}
.glyph-go-next:before {
content: "\3e";
}
.glyph-share-facebook:before {
content: "\46";
}
.glyph-share-gplus:before {
content: "\47";
}
.glyph-go-home:before {
content: "\48";
}
.glyph-info:before {
content: "\49";
}
.glyph-logo-kde:before {
content: "\4b";
}
.glyph-logo-plasmamobile:before {
content: "\4d";
}
.glyph-logo-plasma:before {
content: "\50";
}
.glyph-search:before {
content: "\51";
}
.glyph-share-reddit:before {
content: "\52";
}
.glyph-settings:before {
content: "\53";
}
.glyph-share-twitter:before {
content: "\54";
}
.glyph-video:before {
content: "\56";
}
.glyph-window-new:before {
content: "\57";
}
.glyph-close:before {
content: "\58";
}
.glyph-share-ycombinator:before {
content: "\59";
}
.glyph-cancel:before {
content: "\5c";
}
.glyph-go-up:before {
content: "\5e";
}
.glyph-check:before {
content: "\63";
}
.glyph-link:before {
content: "\6c";
}
.glyph-share:before {
content: "\73";
}
.glyph-go-down:before {
content: "\76";
}
.glyph-new-window:before {
content: "\77";
}
.glyph-clear:before {
content: "\78";
}
.glyph-share-telegram:before {
content: "\2197";
}
.glyph-favorite:before {
content: "\e900";
}
.glyph-view-catalog:before {
content: "\e908";
}
.glyph-view-categories:before {
content: "\e909";
}
.glyph-view-fullscreen:before {
content: "\e90a";
}
.glyph-view-list-details:before {
content: "\e90b";
}
.glyph-view-list-icons:before {
content: "\e90c";
}
.glyph-view-list-text:before {
content: "\e90d";
}
.glyph-view-list-tree:before {
content: "\e90e";
}
.glyph-view-media-playlist:before {
content: "\e90f";
}
.glyph-linkedin:before {
content: "\eac9";
}
.carousel-indicators li {
width: 60px !important;
border-radius: 1px;
}
.carousel-control-prev, .carousel-control-next {
top: 50%;
height: 100px;
width: 50px;
margin-top: -50px;
background-color: #FFF;
position: absolute;
}
.carousel-control-prev {
left: 0;
}
.carousel-control-next {
right: 0;
}
.card {
padding: 7px;
padding: 7px;
}
.list-header {
font-size: 18px;
font-size: 18px;
}
.list-header:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, .125);
padding-top: 6px;
margin-top: 5px;
border-top: 1px solid rgba(0, 0, 0, .125);
padding-top: 6px;
margin-top: 5px;
}
textarea {
color: #31363b;
background-color: #fff;
color: #31363b;
background-color: #fff;
}
pre, .editOptions {
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 4px;
padding: 4px;
border: 1px solid rgba(0, 0, 0, .125);
border-radius: 4px;
padding: 4px;
}
.editOptions {
margin-top: 10px;
margin-top: 10px;
}
.alert-error {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
table {
border-spacing: 0;
border-spacing: 0;
}
.alert table tbody th {
text-align: center !important;
text-align: center !important;
}
div.tright, div.floatright, table.floatright {
clear: right;
float: right;
clear: right;
float: right;
}
.tright .thumbinner, .floatright a {
margin-left: 8px !important;
margin-left: 8px !important;
}
.page-info {
float: right;
font-style: italic;
color: #888;
float: right;
font-style: italic;
color: #888;
}
.alert {
margin-top: 10px;
margin-top: 10px;
}
@import 'includes/dark';
......@@ -26,31 +26,6 @@ a.btn:visited {
color: white !important;
}
header {
position: relative;
}
header > * {
padding: 0 !important;
margin: 0 auto !important;
}
#kSocial {
text-align: right;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
#kSocial a {
padding: 0 20px;
text-indent: -9999px;
text-align: left;
}
#kSocial a:after {
text-align: center;
}
#kFooterIncome {
display: flex;
flex-direction: row;
......
/**
* SPDX-FileCopyrightText: Carl Schwan <carl@carlschwan.eu>
*
* SPDX-License-Identifier: GPL-3.0-or-later
*/
// bootstrap modification
$theme-colors: (
"primary": #54a3d8,
"primary": #54a3d8,
);
$font-family-base: 'Noto Sans', sans-serif;
$font-size-base: 15px;
$body-color: #31363b;
$body-bg: #fcfcfc;
$link-color: #3b85b5;
$link-decoration: none;
$link-hover-color: #3daefd;
$link-hover-decoration: none;
// global import
@import "~bootstrap/scss/bootstrap";
// local import
@import "includes/buttons";
@import "includes/carousel";
@import "style";
@import "includes/fonts";
@import "includes/header";
@import "includes/core";
@import "includes/cookie";
@import 'includes/glyphs';
/* cyrillic */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Noto Sans'), local('NotoSans'), url(./fonts/noto-sans-cyrillic.woff2) format('woff2');
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Noto Sans'), local('NotoSans'), url(./fonts/noto-sans-greek.woff2) format('woff2');
unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Noto Sans'), local('NotoSans'), url(./fonts/noto-sans-latin-ext.woff2) format('woff2');
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Noto Sans';
font-style: normal;
font-weight: 400;
font-display: swap;
src: local('Noto Sans'), local('NotoSans'), url(./fonts/noto-sans-latin.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@import "style";
.container-products {
h1, h2, h3, h4, h5 {
......
/**
* SPDX-FileCopyrightText: Carl Schwan <carl@carlschwan.eu>
*
* SPDX-License-Identifier: GPL-3.0-or-later
*/
/**
* SPDX-FileCopyrightText: Carl Schwan <carl@carlschwan.eu>
*
* SPDX-License-Identifier: GPL-3.0-or-later
*/
header:after {
bottom: 0;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAFCAYAAACzSkmrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACkSURBVDiN7dExDsIwDEbh9we1soXE6eCEbJyInQNwgKgxQ9WWFrIShr7ZkewvYm/V5fbwLj8NoKTec0lGzp66ZAzJS8jQ4EKG5KLY+FIeYBAOMoRHyFC4YJwpcqVixGYWnHHG1ebs700YHxBAHWM6DqoYHxBvswvGEegbnL1q/pAqxgQB1DE2EEAdY4aABeMEHH57+n+m8/UerZfYW0qtF9hb9wI2bU03vw4M8QAAAABJRU5ErkJggg==");
}
footer:before {
top: 0;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAFCAYAAACzSkmrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADOSURBVDiN7ZExTsRQDESfHSJqWq7AKfYOiAtScgmOwQno0CqKIlt/Iw8NYZVF25IU+yoXLmbe2PPrh7ixG3zrADfW3G0dYIckEOtbCRYGiSlUnrhCkMgCwEyJLn5RCE+kABBK1IWbkq6iTpX0ffRe6dXi1D/k3gZZZKxEAFyTcRYB12RcigD4K6Ob3l6e2ka9f1kGGYACJqCdRWg2YwQQdgSgGGU2g36K04DJoEADAOaDSiVsQtYWEXP57G4jwD15BPh8/BrfD4f5P0vvmW/7cKBf79wHGwAAAABJRU5ErkJggg==");
}
header:after, footer:before {
content: "";
display: block !important;
background-size: 100% 5px;
position: absolute;
height: 5px;
width: 100%;
left: 0;
}
/**
* SPDX-FileCopyrightText: Carl Schwan <carl@carlschwan.eu>
*
* SPDX-License-Identifier: GPL-3.0-or-later
*/
header > * {
margin: 0 auto !important;
}
......@@ -17,94 +17,117 @@
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/