new pisilinux web sites

This commit is contained in:
Erkan IŞIK
2026-07-01 16:44:17 +03:00
commit b58488b586
21740 changed files with 2066209 additions and 0 deletions
@@ -0,0 +1,79 @@
/* Ana Kart Ayarları */
.blog-post {
margin-bottom: 2.5rem;
transition: transform 0.3s ease;
}
.blog-post:hover {
transform: translateY(-5px);
}
.blog-post .card {
border: none;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
height: 100%; /* Kartların eşit boyda olması için */
}
/* Row yapısını dikeyde eşitlemek için */
.blog-post .row.g-0 {
display: flex;
align-items: stretch;
}
/* Görsel Alanı */
.blog-post .col-md-4 {
display: flex;
}
.blog-post img {
width: 100%;
height: 100%;
object-fit: cover; /* Resmi bozmadan alanı doldurur */
transition: transform 0.3s ease, opacity 0.3s ease;
}
.blog-post:hover img {
transform: scale(1.05);
opacity: 0.9;
}
/* İçerik ve Footer Alanı */
.blog-post .card-body {
display: flex;
flex-direction: column; /* İçeriği dikey sırala */
height: 100%;
padding: 1.5rem;
}
.card-title a {
text-decoration: none;
color: var(--teal);
transition: color 0.3s ease;
font-weight: bolder;
}
.blog-post .content {
flex-grow: 1; /* Orta kısmı esneterek footer'ı aşağı iter */
margin-bottom: 1rem;
color: #6c757d;
}
.blog-post .card-footer {
margin-top: auto; /* En alta yapışmasını sağlayan kritik komut */
padding: 0;
background: transparent;
border: none;
}
/* Alternatif sıralama (Tek-Çift) */
.blog-post:nth-child(odd) .row {
flex-direction: row-reverse;
}
h5.border-bottom {
border-bottom: 2px solid var(--teal) !important;
}
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,601 @@
/*!
* Bootstrap Reboot v5.3.8 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #0a3622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #0d6efd;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 0.25;
}
h6, h5, h4, h3, h2, h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--bs-heading-color);
}
h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-left: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.1875em;
color: var(--bs-highlight-color);
background-color: var(--bs-highlight-bg);
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: underline;
}
a:hover {
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-secondary-color);
text-align: left;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: left;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
line-height: inherit;
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
cursor: pointer;
filter: grayscale(1);
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
::file-selector-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.css.map */
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,598 @@
/*!
* Bootstrap Reboot v5.3.8 (https://getbootstrap.com/)
* Copyright 2011-2025 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root,
[data-bs-theme=light] {
--bs-blue: #0d6efd;
--bs-indigo: #6610f2;
--bs-purple: #6f42c1;
--bs-pink: #d63384;
--bs-red: #dc3545;
--bs-orange: #fd7e14;
--bs-yellow: #ffc107;
--bs-green: #198754;
--bs-teal: #20c997;
--bs-cyan: #0dcaf0;
--bs-black: #000;
--bs-white: #fff;
--bs-gray: #6c757d;
--bs-gray-dark: #343a40;
--bs-gray-100: #f8f9fa;
--bs-gray-200: #e9ecef;
--bs-gray-300: #dee2e6;
--bs-gray-400: #ced4da;
--bs-gray-500: #adb5bd;
--bs-gray-600: #6c757d;
--bs-gray-700: #495057;
--bs-gray-800: #343a40;
--bs-gray-900: #212529;
--bs-primary: #0d6efd;
--bs-secondary: #6c757d;
--bs-success: #198754;
--bs-info: #0dcaf0;
--bs-warning: #ffc107;
--bs-danger: #dc3545;
--bs-light: #f8f9fa;
--bs-dark: #212529;
--bs-primary-rgb: 13, 110, 253;
--bs-secondary-rgb: 108, 117, 125;
--bs-success-rgb: 25, 135, 84;
--bs-info-rgb: 13, 202, 240;
--bs-warning-rgb: 255, 193, 7;
--bs-danger-rgb: 220, 53, 69;
--bs-light-rgb: 248, 249, 250;
--bs-dark-rgb: 33, 37, 41;
--bs-primary-text-emphasis: #052c65;
--bs-secondary-text-emphasis: #2b2f32;
--bs-success-text-emphasis: #0a3622;
--bs-info-text-emphasis: #055160;
--bs-warning-text-emphasis: #664d03;
--bs-danger-text-emphasis: #58151c;
--bs-light-text-emphasis: #495057;
--bs-dark-text-emphasis: #495057;
--bs-primary-bg-subtle: #cfe2ff;
--bs-secondary-bg-subtle: #e2e3e5;
--bs-success-bg-subtle: #d1e7dd;
--bs-info-bg-subtle: #cff4fc;
--bs-warning-bg-subtle: #fff3cd;
--bs-danger-bg-subtle: #f8d7da;
--bs-light-bg-subtle: #fcfcfd;
--bs-dark-bg-subtle: #ced4da;
--bs-primary-border-subtle: #9ec5fe;
--bs-secondary-border-subtle: #c4c8cb;
--bs-success-border-subtle: #a3cfbb;
--bs-info-border-subtle: #9eeaf9;
--bs-warning-border-subtle: #ffe69c;
--bs-danger-border-subtle: #f1aeb5;
--bs-light-border-subtle: #e9ecef;
--bs-dark-border-subtle: #adb5bd;
--bs-white-rgb: 255, 255, 255;
--bs-black-rgb: 0, 0, 0;
--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
--bs-body-font-family: var(--bs-font-sans-serif);
--bs-body-font-size: 1rem;
--bs-body-font-weight: 400;
--bs-body-line-height: 1.5;
--bs-body-color: #212529;
--bs-body-color-rgb: 33, 37, 41;
--bs-body-bg: #fff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-emphasis-color: #000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-secondary-color: rgba(33, 37, 41, 0.75);
--bs-secondary-color-rgb: 33, 37, 41;
--bs-secondary-bg: #e9ecef;
--bs-secondary-bg-rgb: 233, 236, 239;
--bs-tertiary-color: rgba(33, 37, 41, 0.5);
--bs-tertiary-color-rgb: 33, 37, 41;
--bs-tertiary-bg: #f8f9fa;
--bs-tertiary-bg-rgb: 248, 249, 250;
--bs-heading-color: inherit;
--bs-link-color: #0d6efd;
--bs-link-color-rgb: 13, 110, 253;
--bs-link-decoration: underline;
--bs-link-hover-color: #0a58ca;
--bs-link-hover-color-rgb: 10, 88, 202;
--bs-code-color: #d63384;
--bs-highlight-color: #212529;
--bs-highlight-bg: #fff3cd;
--bs-border-width: 1px;
--bs-border-style: solid;
--bs-border-color: #dee2e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.375rem;
--bs-border-radius-sm: 0.25rem;
--bs-border-radius-lg: 0.5rem;
--bs-border-radius-xl: 1rem;
--bs-border-radius-xxl: 2rem;
--bs-border-radius-2xl: var(--bs-border-radius-xxl);
--bs-border-radius-pill: 50rem;
--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
--bs-focus-ring-width: 0.25rem;
--bs-focus-ring-opacity: 0.25;
--bs-focus-ring-color: rgba(13, 110, 253, 0.25);
--bs-form-valid-color: #198754;
--bs-form-valid-border-color: #198754;
--bs-form-invalid-color: #dc3545;
--bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
color-scheme: dark;
--bs-body-color: #dee2e6;
--bs-body-color-rgb: 222, 226, 230;
--bs-body-bg: #212529;
--bs-body-bg-rgb: 33, 37, 41;
--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-secondary-color: rgba(222, 226, 230, 0.75);
--bs-secondary-color-rgb: 222, 226, 230;
--bs-secondary-bg: #343a40;
--bs-secondary-bg-rgb: 52, 58, 64;
--bs-tertiary-color: rgba(222, 226, 230, 0.5);
--bs-tertiary-color-rgb: 222, 226, 230;
--bs-tertiary-bg: #2b3035;
--bs-tertiary-bg-rgb: 43, 48, 53;
--bs-primary-text-emphasis: #6ea8fe;
--bs-secondary-text-emphasis: #a7acb1;
--bs-success-text-emphasis: #75b798;
--bs-info-text-emphasis: #6edff6;
--bs-warning-text-emphasis: #ffda6a;
--bs-danger-text-emphasis: #ea868f;
--bs-light-text-emphasis: #f8f9fa;
--bs-dark-text-emphasis: #dee2e6;
--bs-primary-bg-subtle: #031633;
--bs-secondary-bg-subtle: #161719;
--bs-success-bg-subtle: #051b11;
--bs-info-bg-subtle: #032830;
--bs-warning-bg-subtle: #332701;
--bs-danger-bg-subtle: #2c0b0e;
--bs-light-bg-subtle: #343a40;
--bs-dark-bg-subtle: #1a1d20;
--bs-primary-border-subtle: #084298;
--bs-secondary-border-subtle: #41464b;
--bs-success-border-subtle: #0f5132;
--bs-info-border-subtle: #087990;
--bs-warning-border-subtle: #997404;
--bs-danger-border-subtle: #842029;
--bs-light-border-subtle: #495057;
--bs-dark-border-subtle: #343a40;
--bs-heading-color: inherit;
--bs-link-color: #6ea8fe;
--bs-link-hover-color: #8bb9fe;
--bs-link-color-rgb: 110, 168, 254;
--bs-link-hover-color-rgb: 139, 185, 254;
--bs-code-color: #e685b5;
--bs-highlight-color: #dee2e6;
--bs-highlight-bg: #664d03;
--bs-border-color: #495057;
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-form-valid-color: #75b798;
--bs-form-valid-border-color: #75b798;
--bs-form-invalid-color: #ea868f;
--bs-form-invalid-border-color: #ea868f;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
:root {
scroll-behavior: smooth;
}
}
body {
margin: 0;
font-family: var(--bs-body-font-family);
font-size: var(--bs-body-font-size);
font-weight: var(--bs-body-font-weight);
line-height: var(--bs-body-line-height);
color: var(--bs-body-color);
text-align: var(--bs-body-text-align);
background-color: var(--bs-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
margin: 1rem 0;
color: inherit;
border: 0;
border-top: var(--bs-border-width) solid;
opacity: 0.25;
}
h6, h5, h4, h3, h2, h1 {
margin-top: 0;
margin-bottom: 0.5rem;
font-weight: 500;
line-height: 1.2;
color: var(--bs-heading-color);
}
h1 {
font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
h1 {
font-size: 2.5rem;
}
}
h2 {
font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
h2 {
font-size: 2rem;
}
}
h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3 {
font-size: 1.75rem;
}
}
h4 {
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
h4 {
font-size: 1.5rem;
}
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
-webkit-text-decoration-skip-ink: none;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol,
ul {
padding-right: 2rem;
}
ol,
ul,
dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
margin-bottom: 0;
}
dt {
font-weight: 700;
}
dd {
margin-bottom: 0.5rem;
margin-right: 0;
}
blockquote {
margin: 0 0 1rem;
}
b,
strong {
font-weight: bolder;
}
small {
font-size: 0.875em;
}
mark {
padding: 0.1875em;
color: var(--bs-highlight-color);
background-color: var(--bs-highlight-bg);
}
sub,
sup {
position: relative;
font-size: 0.75em;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
text-decoration: underline;
}
a:hover {
--bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
color: inherit;
text-decoration: none;
}
pre,
code,
kbd,
samp {
font-family: var(--bs-font-monospace);
font-size: 1em;
}
pre {
display: block;
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
font-size: 0.875em;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
code {
font-size: 0.875em;
color: var(--bs-code-color);
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.1875rem 0.375rem;
font-size: 0.875em;
color: var(--bs-body-bg);
background-color: var(--bs-body-color);
border-radius: 0.25rem;
}
kbd kbd {
padding: 0;
font-size: 1em;
}
figure {
margin: 0 0 1rem;
}
img,
svg {
vertical-align: middle;
}
table {
caption-side: bottom;
border-collapse: collapse;
}
caption {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
color: var(--bs-secondary-color);
text-align: right;
}
th {
text-align: inherit;
text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
border-color: inherit;
border-style: solid;
border-width: 0;
}
label {
display: inline-block;
}
button {
border-radius: 0;
}
button:focus:not(:focus-visible) {
outline: 0;
}
input,
button,
select,
optgroup,
textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button,
select {
text-transform: none;
}
[role=button] {
cursor: pointer;
}
select {
word-wrap: normal;
}
select:disabled {
opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
cursor: pointer;
}
::-moz-focus-inner {
padding: 0;
border-style: none;
}
textarea {
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
float: right;
width: 100%;
padding: 0;
margin-bottom: 0.5rem;
line-height: inherit;
font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
legend {
font-size: 1.5rem;
}
}
legend + * {
clear: right;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
padding: 0;
}
::-webkit-inner-spin-button {
height: auto;
}
[type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
cursor: pointer;
filter: grayscale(1);
}
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
direction: ltr;
}
::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
padding: 0;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
::file-selector-button {
font: inherit;
-webkit-appearance: button;
}
output {
display: inline-block;
}
iframe {
border: 0;
}
summary {
display: list-item;
cursor: pointer;
}
progress {
vertical-align: baseline;
}
[hidden] {
display: none !important;
}
/*# sourceMappingURL=bootstrap-reboot.rtl.css.map */
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,19 @@
.bugs {
border-left: 1px solid var(--gri) !important;
border-right: 1px solid var(--gri) !important;
padding-top: 10px;
}
.bugs a {
text-decoration: none !important;
color: #333 !important;
}
.bugs a:hover {
color: var(--fusia) !important;
text-decoration: underline !important;
}
.bugs .new_bugs {
color: #fff !important;
}
@@ -0,0 +1,89 @@
.forum-topic {
transition: all 0.2s ease;
}
.forum-topic:hover {
background-color: #f8f9fa;
}
.forum-meta {
font-size: 0.85rem;
}
.forum-badge {
font-size: 0.75rem;
}
/* Forum Kategori Stilleri */
.forum-category {
transition: all 0.2s ease;
}
.forum-category:hover {
background-color: #f8f9fa;
}
.forum-category-icon {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
}
.forum-category-stats {
min-width: 80px;
}
.solved { cursor: pointer; color: var(--bs-danger); }
.cevap { margin-bottom: 1.5rem; }
.user-info {
background: #f8f9fa;
padding: 1rem;
border-radius: 0.5rem;
text-align: center;
height: 100%;
}
.user-avatar {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
margin: 0 auto 1rem;
border: 3px solid #fff;
box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.post-meta {
font-size: 0.85rem;
color: #6c757d;
}
.post-actions {
border-top: 1px solid #e9ecef;
padding-top: 0.75rem;
margin-top: 1rem;
}
.post-content {
line-height: 1.7;
word-break: break-word;
}
.ana_konu .post-header {
padding-bottom: 0.75rem;
margin-bottom: 1rem;
}
.post-footer {
border-top: 1px solid #e9ecef;
padding-top: 1rem;
margin-top: 1rem;
}
.breadcrumb {
background-color: #f8f9fa;
padding: 0.75rem 1rem;
border-radius: 0.5rem;
}
.post-card {
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.5rem;
margin-bottom: 1.5rem;
transition: all 0.2s ease;
}
.post-card:hover {
box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.05);
}
.solved-badge {
font-size: 0.8rem;
padding: 0.25rem 0.5rem;
margin-left: 0.5rem;
}
@@ -0,0 +1,32 @@
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('mainpage.css');
:root{
--fusia: rgb(217, 21, 104);
--dark: #58584c;
--light: #ffffff;
--neutral-gray: rgb(88, 88, 88);
--teal: rgb(0, 131, 143);
--orta-gri: rgb(150, 150, 150);
--gri: #ccc;
}
.error {
border-color: #dc3545 !important;
background: #dc3545 !important;
color: #fff !important;
}
.error::placeholder {
color: #fff !important;
}
.form-control.error {
border-color: #dc3545 !important;
background: #dc3545 !important;
color: #fff !important;
}
.form-control.error::placeholder {
color: #fff !important;
}
@@ -0,0 +1,559 @@
.nav-link{
padding: 0.5rem 0.5rem !important;
}
h4 {
font-size: 24px !important;
color: var(--fusia);
padding-bottom: 0.5rem;
font-weight:600;
}
h5{
text-decoration: none;
color: var(--teal);
transition: color 0.3s ease;
font-weight: bolder;
font-size: 25px;
border-bottom: 2px solid var(--teal);
}
body {
margin: 0;
padding: 0;
}
.main {
background-color: var(--light);
border-left: 1px solid var(--gri);
border-right: 1px solid var(--gri);
padding-bottom: 1px;
}
.container {
padding-left: 3rem !important;
padding-right: 3rem !important;
border-left: 1px solid var(--gri) !important;
border-right: 1px solid var(--gri) !important;
}
.social svg path {
transition: fill .15s ease;
}
.social:hover svg path {
fill: var(--fusia);
}
.social {
width: 28px;
height: 28px;
transition: filter .18s ease, transform .12s ease;
display: inline-block;
}
.social:hover {
transform: translateY(-2px);
filter: invert(23%) sepia(96%) saturate(6100%) hue-rotate(340deg) brightness(97%) contrast(101%);
}
.menu {
background-image: url("../img/HEADER/butonlar_zemin.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.nav-link {
color: var(--dark);
font-weight: 600;
transition: color 0.2s ease-in-out;
}
.nav-link:hover {
color: var(--fusia);
}
.menu_footer a {
color: var(--light);
}
.menu_footer a:hover {
color: var(--light);
}
.sponsor-logos {
gap: 1rem;
}
.sponsor h5 {
font-size: 30px !important;
margin-bottom: 1rem;
color: #06707e;
font-weight: bolder;
}
.sponsor-img {
width: 450px;
height: auto;
margin-bottom: 15px;
transition: transform .12s ease;
object-fit: contain;
}
.sponsor-img:hover {
transform: translateY(-4px);
}
.slider {
padding-bottom: 20px;
}
.top_menu {
background-color: var(--light);
border-left: 1px solid var(--gri);
border-right: 1px solid var(--gri);
}
.ozellik-alani {
background-color: #e4e5e7;
margin-top: 30px;
position: relative;
z-index: 10;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
}
.img-border-wrap {
position: relative;
}
.img-border-wrap.left::before {
content: "";
position: absolute;
top: 0px;
height: 33px;
left: -48px;
border-left: 1px solid var(--gri);
}
.img-border-wrap.right::after {
content: "";
position: absolute;
top: 0px;
height: 33px;
right: -48px;
border-right: 1px solid var(--gri);
}
.ozellik-alani img {
margin-top: -80px;
background-color: var(--light);
padding: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 5px;
width: 100%;
text-align: center;
display: block;
}
.ozellik-alani .col-md-3 {
flex: 0 0 calc(25% - 15px);
max-width: calc(25% - 15px);
}
.ozellik-alani h4 {
margin-top: 20px;
font-size: 18px;
background-color: transparent;
font-weight: bold;
color: var(--fusia);
}
.ozellik-alani p {
font-weight: 100;
font-size: 16px;
color: var(--neutral-gray);
background-color: transparent;
}
.kullanim_alani {
padding: 35px;
padding-bottom: 20px;
border-left: 1px solid var(--gri);
border-right: 1px solid var(--gri);
}
.kullanim_alani h5 {
color: var(--fusia);
font-weight: bolder;
font-size: 18px;
}
.kullanim_alani p {
font-family: 'Open Sans';
font-size: 16px;
font-weight: 100;
color: var(--neutral-gray);
}
.kullanim_alani .col-md-6{
border: 1px solid var(--gri);
width: 580px;
height: 160px;
margin: 21px;
padding: 10px;
}
.spot-alani{
background-color: #e4e5e7;
}
.tanitim-alanlari {
border-left: 1px solid var(--gri);
border-right: 1px solid var(--gri);
padding-left: 35px;
}
.tanitim-alanlari img{
width: 635px;
height: 600px;
}
.tanitim-alanlari h2{
font-weight: bolder;
font-size: 30px;
color: var(--teal);
}
.tanitim-alanlari p{
color: var(--neutral-gray) !important;
font-size: 25px;
}
.copyright {
background-color: #221e1f;
color: var(--light);
text-align: center;
font-size: 14px;
}
.footer {
padding-top: 5px;
padding-left: 0;
padding-right: 0;
}
.sunucu-sponsorlar{
color: var(--teal);
font-size: 30px;
font-weight: bolder;
font-family: 'Open Sans';
}
.oduller, footer {
background-color: #58595b;
}
.footer-badges {
gap: 1rem;
margin-bottom: 2rem;
}
.footer-badges .badge-img {
width: 120px;
height: 120px;
object-fit: contain;
display: inline-block;
transition: transform .12s ease;
}
.footer-badges .badge-img:hover {
transform: translateY(-4px);
}
/* Mobil uyumlu düzenlemeler */
@media (max-width: 768px) {
.kullanim_alani {
padding: 20px;
}
.kullanim_alani .col-md-6 {
width: 100%;
height: auto;
margin: 10px 0;
padding: 15px;
}
.tanitim-alanlari {
padding-left: 15px;
padding-right: 15px;
}
.tanitim-alanlari .row {
flex-direction: column !important;
}
.tanitim-alanlari .col-12,
.tanitim-alanlari .col-md-6 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.tanitim-alanlari img {
width: 100%;
height: auto;
max-height: 400px;
object-fit: cover;
}
.tanitim-alanlari h2 {
font-size: 24px;
}
.tanitim-alanlari p {
font-size: 18px;
}
.ozellik-alani {
flex-direction: column !important;
gap: 30px;
}
.ozellik-alani .col-md-3,
.ozellik-alani .col-12 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.ozellik-alani .row {
flex-direction: column !important;
}
.ozellik-alani img {
margin-top: -40px;
}
.img-border-wrap.left::before {
left: -20px;
}
.img-border-wrap.right::after {
right: -20px;
}
}
@media (max-width: 576px) {
.nav-link {
padding: 0.25rem 0.5rem !important;
font-size: 14px;
}
h4 {
font-size: 20px !important;
}
h5 {
font-size: 20px;
}
.footer-badges .badge-img {
width: 80px;
height: 80px;
}
.sponsor-img {
width: 100px;
max-height: 80px;
}
.social {
width: 24px;
height: 24px;
}
.menu {
padding-top: 0.25rem;
padding-bottom: 0.25rem;
}
.sponsor h5 {
font-size: 24px !important;
}
.ozellik-alani img {
margin-top: -20px;
padding: 5px;
}
.ozellik-alani h4 {
font-size: 16px;
margin-top: 15px;
}
.ozellik-alani p {
font-size: 14px;
}
.kullanim_alani h5 {
font-size: 16px;
}
.kullanim_alani p {
font-size: 14px;
}
.img-border-wrap.left::before,
.img-border-wrap.right::after {
display: none;
}
.pagination li a {
padding: 6px 10px;
font-size: 14px;
margin: 0 2px;
}
/* Header mobil düzenlemeleri */
.social-icons {
display: flex;
gap: 8px;
flex-wrap: wrap;
}
.social-icons .social {
width: 20px;
height: 20px;
}
/* Mobil sosyal medya navbar */
.mobile-social-navbar {
background-color: #2c3e50;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 1000;
box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
}
.social-nav {
display: flex;
justify-content: space-around;
align-items: center;
padding: 12px 0;
}
.social-nav a {
display: flex;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
background-color: rgba(255,255,255,0.1);
border-radius: 50%;
transition: all 0.3s ease;
}
.social-nav a:hover {
background-color: rgba(255,255,255,0.2);
transform: translateY(-2px);
}
.social-nav a img {
width: 24px;
height: 24px;
filter: brightness(0) invert(1);
transition: filter 0.3s ease;
}
.social-nav a:hover img {
filter: brightness(0) invert(1) drop-shadow(0 0 3px rgba(255,255,255,0.5));
}
.dropdown .btn {
font-size: 12px;
padding: 4px 8px;
}
.dropdown-menu {
font-size: 12px;
}
.dropdown-item {
padding: 8px 12px;
font-size: 12px;
}
#mobileMenu {
background-color: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 8px;
padding: 15px;
margin-top: 10px;
}
#mobileMenu .nav-link {
padding: 10px 15px;
border-bottom: 1px solid #e9ecef;
color: var(--dark);
font-weight: 500;
}
#mobileMenu .nav-link:hover {
background-color: #e9ecef;
color: var(--fusia);
}
#mobileMenu .nav-item:last-child .nav-link {
border-bottom: none;
}
}
.pagination {
display: flex;
justify-content: center;
list-style: none; /* remove list bullets */
padding: 0px;
}
.pagination li a {
display: block; /* let links fill the list item */
padding: 8px 8px;
text-decoration: none;
border: 1px solid gray;
color: black;
margin: 0 4px;
border-radius: 5px; /* add rounded borders */
}
.pagination .active a {
background-color: #000;
color: #fff;
}
.pagination li a.disabled {
color: #dddddd;
cursor: not-allowed;
pointer-events: none;
}
@@ -0,0 +1,118 @@
.wiki .card {
border: none;
padding-inline: 10px;
}
.wiki .card-header {
background-color: #f8f9fa;
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
padding: 0.75rem 1.25rem;
}
.wiki .card-title {
margin: 0;
font-size: 1rem;
font-weight: 600;
}
.wiki .list-group-item {
border-radius: 0;
border-left: none;
border-right: none;
}
.wiki .list-group-item:first-child {
border-top: none;
}
.wiki .list-group-item:last-child {
border-bottom: none;
}
.wiki .list-group-item-action {
color: #495057;
transition: all 0.2s;
}
.wiki .list-group-item-action:hover,
.wiki .list-group-item-action:focus {
background-color: #f8f9fa;
color: var(--fusia);
}
.wiki .submenu {
display: none;
background-color: #f8f9fa;
}
.wiki .list-group-item:hover .submenu,
.wiki .list-group-item:focus-within .submenu {
display: block;
}
.wiki .submenu .list-group-item {
padding-left: 1.5rem;
font-size: 0.9rem;
border: none;
background-color: transparent;
}
.wiki .submenu .list-group-item:hover {
background-color: #e9ecef;
}
.wiki .submenu .list-group-item i {
font-size: 0.8rem;
}
/* Responsive adjustments */
@media (max-width: 768px) {
.wiki .col-3 {
width: 100%;
margin-bottom: 1rem;
}
}
.wiki .card-title {
font-weight: 600;
transition: color 0.2s ease;
}
.wiki .card-title:hover {
color: var(--primary) !important;
}
.wiki .avatar {
width: 40px;
height: 40px;
border-radius: 50%;
background-size: cover;
background-position: center;
border: 2px solid #fff;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* Responsive adjustments */
@media (max-width: 767.98px) {
.wiki .card-body {
padding: 1.25rem;
}
.wiki .col-md-4 {
min-height: 200px;
}
}
/* Smooth hover effects */
.wiki a {
transition: color 0.2s ease;
}
.wiki .btn-outline-primary {
transition: all 0.2s ease;
}
.wiki .btn-outline-primary:hover {
transform: translateY(-1px);
}