/*
Theme Name: Seviye Yayınları
Theme URI: https://yayin.seviye.com.tr/
Author: Seviye Yayınları
Description: Seviye Yayınları kurumsal web sitesinin WordPress teması. Orijinal yayin.seviye.com.tr arayüzünün birebir WordPress uyarlamasıdır. Ürün kataloğu (sınıf / ürün tipi), slider yönetimi, bayi listesi, form yönetimi ve tema özelleştirici desteği içerir.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seviye
Tags: education, custom-menu, custom-logo, featured-images, translation-ready, right-sidebar
*/
/* ==========================================================================
Bu dosya WordPress'e özel düzeltmeleri içerir.
Sitenin ana görsel tasarımı: assets/css/seviye.css
========================================================================== */
/* --- WordPress yönetici çubuğu --- */
body.admin-bar .mobilbar { top: 32px; }
@media screen and (max-width: 782px) {
body.admin-bar .mobilbar { top: 46px; }
}
/* --- Hizalama sınıfları --- */
.alignleft { float: left; margin: 0 20px 15px 0; }
.alignright { float: right; margin: 0 0 15px 20px; }
.aligncenter { display: block; margin: 0 auto 15px; }
.alignnone { margin: 0 0 15px; }
img.alignleft, img.alignright, img.aligncenter, img.alignnone { max-width: 100%; height: auto; }
/* --- Resim yazısı / galeri --- */
.wp-caption { max-width: 100%; margin-bottom: 15px; }
.wp-caption img { max-width: 100%; height: auto; display: block; }
.wp-caption-text, .gallery-caption {
font-size: 13px; color: #777; padding: 6px 0; text-align: center;
}
.gallery { margin: 0 -5px 15px; }
.gallery-item { display: inline-block; vertical-align: top; padding: 5px; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.3333%; }
.gallery-columns-4 .gallery-item { width: 25%; }
/* --- Erişilebilirlik --- */
.screen-reader-text {
border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%);
height: 1px; width: 1px; overflow: hidden; padding: 0;
position: absolute !important; white-space: nowrap;
}
.screen-reader-text:focus {
background: #f1f1f1; clip: auto; clip-path: none; color: #21759b;
display: block; font-size: 14px; height: auto; left: 5px; line-height: normal;
padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;
}
.skip-link:focus { outline: 2px solid #f58220; }
/* --- Sayfalama (WordPress) --- */
.seviye-pagination { text-align: right; margin-bottom: 25px; }
.seviye-pagination .page-numbers {
display: inline-block; padding: 6px 12px; margin-left: -1px;
border: 1px solid #ddd; background: #fff; color: #f58220; text-decoration: none;
font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px;
}
.seviye-pagination .page-numbers.current,
.seviye-pagination .page-numbers:hover { background: #f58220; border-color: #f58220; color: #fff; }
/* --- Yorum / arama / 404 ortak metin bloğu --- */
.seviye-icerik { font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; line-height: 22px; color: #4b4b4b; }
.seviye-icerik p { margin-bottom: 12px; }
.seviye-icerik ul, .seviye-icerik ol { margin: 0 0 12px 20px; }
.seviye-icerik ul li { list-style: disc; }
.seviye-icerik ol li { list-style: decimal; }
.seviye-icerik h2 { font-size: 21px; margin-bottom: 10px; font-family: 'Proxima Nova Lt', sans-serif; }
.seviye-icerik h3 { font-size: 18px; margin-bottom: 10px; font-family: 'Proxima Nova Lt', sans-serif; }
.seviye-icerik a { color: #f58220; }
.seviye-icerik img { max-width: 100%; height: auto; }
.seviye-icerik table { width: 100%; margin-bottom: 15px; }
.seviye-icerik th, .seviye-icerik td { border: 1px solid #e2e2e2; padding: 8px; }
/* --- Hızlı menü form panelleri (AJAX ile #div1 içine yüklenir) --- */
.seviye-form-panel { padding: 0 20px 25px; }
.seviye-form-panel .form-control { margin-bottom: 12px; }
.seviye-form-panel .btn { background: #f58220; border-color: #f58220; color: #fff; }
.seviye-form-panel .btn:hover { background: #d96f16; border-color: #d96f16; color: #fff; }
.seviye-form-mesaj { padding: 10px 14px; margin-bottom: 12px; font-size: 14px; }
.seviye-form-mesaj.basarili { background: #e7f6e7; border: 1px solid #b6e0b6; color: #2d6b2d; }
.seviye-form-mesaj.hata { background: #fdecea; border: 1px solid #f5c2bd; color: #a3271b; }
.seviye-yukleniyor { padding: 40px; text-align: center; color: #888; }
/* --- Bayi listesi --- */
.bayi-listesi { width: 100%; font-family: 'Proxima Nova Rg', sans-serif; font-size: 14px; }
.bayi-listesi th {
background: #f58220; color: #fff; padding: 10px; text-align: left;
font-family: 'Proxima Nova Lt', sans-serif; font-weight: 600;
}
.bayi-listesi td { padding: 9px 10px; border-bottom: 1px solid #e6e6e6; vertical-align: top; }
.bayi-listesi tr:nth-child(even) td { background: #fafafa; }
/* --- Ürün detay --- */
.urun-detay-gorsel { background: #fff; padding: 15px; text-align: center; margin-bottom: 15px; }
.urun-detay-gorsel img { max-width: 100%; height: auto; }
.urun-detay-meta { font-size: 13px; color: #777; margin-bottom: 12px; }
.urun-detay-meta span { display: inline-block; margin-right: 14px; }
.urun-detay-meta i { color: #f58220; margin-right: 4px; }
/* --- İletişim ikonları (SVG) --- */
.adress .sol-img svg { width: 34px; height: 34px; }
/* --- Sayfa üst görseli yoksa oluşan boşluğu kapat --- */
.page-gorsel img { width: 100%; height: auto; display: block; }
.page-gorsel-yedek {
height: 300px;
background: linear-gradient(120deg, #0077c0 0%, #1e4f92 100%);
filter: none;
}
.page-gorsel:has(.page-gorsel-yedek) { filter: none; -webkit-filter: none; background: transparent; }
/* Ana sayfada slider görseli yokken üst bloğun yüksekliğini korur */
.seviye-hero-yedek {
width: 100%;
height: 380px;
background: linear-gradient(120deg, #0077c0 0%, #1e4f92 100%);
}
@media (max-width: 768px) {
.seviye-hero-yedek { height: 220px; }
.page-gorsel-yedek { height: 200px; }
}
/* --- Duyarlı görseller ---------------------------------------------------
WordPress ![]()
etiketlerine width/height özniteliği ekler; orijinal site
ise düz ![]()
kullanıyordu. height:auto olmadan slider görselleri
öznitelikteki piksel yüksekliğine kilitlenip mobilde eziliyor.
-------------------------------------------------------------------------- */
.bx-wrapper img,
.page-gorsel img,
.urun-ana img,
.urun-detay-gorsel img,
.miniklogo img,
.header-ust img,
.footer img,
.seviye-icerik img,
.hak-yazi img {
height: auto;
max-width: 100%;
}
/* --- Yeni katalog bileşenleri: klasik görünüm için asgari stil --- */
.seviye-kirinti { margin: 4px 0 14px; font-family: 'Proxima Nova Rg', sans-serif; font-size: 13px; color: #8b8b8b; }
.seviye-kirinti a { color: #f58220; }
.seviye-kirinti svg { margin: 0 6px; vertical-align: -2px; }
.seviye-filtre-cubugu { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.seviye-sonuc-sayisi { margin: 0; font-size: 13px; color: #7d7d7d; }
.seviye-rozetler { display: flex; flex-wrap: wrap; gap: 6px; }
.seviye-rozet { display: inline-block; padding: 4px 10px; background: #eaeaea; color: #555; font-size: 13px; border-radius: 3px; }
.seviye-rozet-temizle { font-size: 13px; color: #f58220; }
.seviye-siralama select { max-width: 220px; }
.seviye-bos { padding: 30px 15px; font-family: 'Proxima Nova Rg', sans-serif; text-align: center; }
.seviye-bos-baslik { font-size: 16px; font-weight: 600; margin-bottom: 6px; }
.seviye-ilgili { margin: 20px 0; }
.seviye-il-filtre { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.seviye-il { padding: 5px 12px; border: 1px solid #d7d7d7; background: #fff; font-size: 13px; cursor: pointer; }
.seviye-il-aktif { background: #f58220; border-color: #f58220; color: #fff; }
.seviye-bayi-ara { max-width: 340px; margin-bottom: 10px; }
.seviye-bayi-bos { padding: 20px; text-align: center; color: #8b8b8b; }