Fenpedia

MediaWiki:Common.css

Not: Yayımladıktan sonra değişiklikleri görmeniz için tarayıcınızın önbelleğini temizlemeniz gerekebilir.

  • Firefox / Safari: Shift tuşuna basılıyken Yeniden Yükle'ye tıklayın ya da Ctrl-F5 ya da Ctrl-R tıklayın (Mac için ⌘-R)
  • Google Chrome: Ctrl-Shift-R'ye basın. (Mac için ⌘-Shift-R)
  • Edge: Ctrl basılıyken Yenile'ye tıklayın ya da Ctrl-F5'e basın.
/* ==========================================================================
   ❓ KULLANICI TERCİHLERİ VE ÖZEL SAYFALAR DAHİL YARDIM BUTONUNU KÖKTEN SİL
   ========================================================================== */

/* Sayfadaki tüm OOUI form ikonlarını ve yardım bildirimlerini hedef alır */
html body .mw-indicators,
html body #mw-indicators,
html body .mw-indicator-visualeditor-help,
html body .oo-ui-icon-help,
html body .oo-ui-indicator-help,
html body .oo-ui-fieldLayout-help,
html body .oo-ui-tool-name-help,
html body .ve-ui-toolbar-group-help,
html body a[href*="Help:VisualEditor"],
html body [class*="visualeditor-help"],
html body [id*="visualeditor-help"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    background-image: none !important;
    content: none !important;
}

/* Buraya konulacak CSS kodu tüm temalarda etkin olur */
#ca-talk { display: none !important; }

/* kaydırmalı tablolar tablo */
.kayantablo {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.kayantablo th, .kayantablo td {
  margin: 2px;
  flex: 1; /* Kutuların eşit genişlikte olmasını sağlar */
  box-sizing: border-box;
}
.kayantablo tr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
.kucuk th, .kucuk td {
  min-width: 120px;
}
.orta th, .orta td {
  min-width: 250px;
}
.buyuk th, .buyuk td {
  min-width: 300px;
}

/* boşluk doldurma kavramları için*/
.kavram{
  text-align: center;
  display:flex;
  justify-content:center;
}
.kav {
  display: block;
  float: left;
  margin-left: 3px;
  border: 5px dashed #a3d8ff;
  padding: 10px;
  margin: 10px;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  background-color: #dbf5ff;
}

/* Buraya konulacak CSS kodu tüm temalarda etkin olur */
.mw-tpl-colorbox {
 box-sizing: border-box;
 margin: 0.5em 0.5em 1em 0.5em;
 border-radius: 0.2em;
 background: #fff;
 box-shadow: 0 0 0.2em #999999;
}

.mw-tpl-colorbox-title {
 background: #eaecf0;
 color: #000000;
 border-radius: 0.2em 0.2em 0 0;
 padding: 0.5em 1em 0.5em 1em;
}

.mw-tpl-colorbox-title-icon {
 opacity: 0.8;
}

.mw-tpl-colorbox-title-corner {
 float: right;
 font-size: 0.7em;
}

.infobox {
 width:350px;
 border: 1px solid #a2a9b1;
 background: #f8f9fa;
 color: black;
 margin-bottom: 0.5em;
 /* @noflip */
 margin-left: 1em;
 padding: 0.2em;
 /* @noflip */
 float: right;
 /* @noflip */
 clear: right;
}
.infobox td,
.infobox th {
 vertical-align: middle;
}
.infobox caption {
 font-size: larger;
 margin-left: inherit;
}
.infobox.bordered {
 border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
 border: 1px solid #a2a9b1;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
 border: 0 solid #a2a9b1;
}
.infobox.sisterproject {
 width: 20em;
 font-size: 90%;
}

.archive-box {
 border: 1px solid #aaf;
 background: #f2f2f9;
 color: #000;
 margin-bottom: 0.5em;
 margin-left: 1em;
 padding: 0.2em;
 float: right;
 clear: right;
 text-align: center;
}

.mw-tpl-colorbox-content {
 padding: 0.5em 1em 0.5em 1em;
}

.mw-tpl-colorbox-content::after {
	content: "";
	display: block;
	clear: both;
}

/* --- Birleştirilmiş CSS Modülleri --- */
/* === MediaWiki:Commontablo1.css === */
/*üst konuşma balonları*/
.bubble-k {
  height: 25px;
  vertical-align: text-top;
  position: relative;
  background: #faaaaa;
  border-radius: 20px;
  padding: 15px;
}
.bubble-altsag-k:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 12px solid #faaaaa;
  border-top: 6px solid #faaaaa;
  border-bottom: 10px solid transparent;
  right: 32px;
  bottom: -14px;
}
.bubble-alt-k:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 12px solid #faaaaa;
  border-right: 6px solid transparent;
  border-top: 6px solid #faaaaa;
  border-bottom: 10px solid transparent;
  left: 32px;
  bottom: -14px;
}
.bubble-yan-k:before {
    background-color: #faaaaa;
    content: "\00a0";
    display: block;
    height: 18px;
    position: absolute;
    top: 13px;
    transform:             rotate( 45deg ) ;
        -moz-transform:    rotate( 45deg ) ;
        -ms-transform:     rotate( 45deg ) ;
        -o-transform:      rotate( 45deg ) ;
        -webkit-transform: rotate( 45deg ) ; 
    width:  17px;
}
.bubble-k-sh {
  height: 25px;
  vertical-align: text-top;
  box-shadow: 0 0 5px #B2B2B2;
  position: relative;
  background: #faaaaa;
  border-radius: 20px;
  padding: 15px;
}
.bubble-t {
  height: 25px;
  position: relative;
  background: #fce083;
  border-radius: 20px;
  padding: 15px;
}
.bubble-altsag-t:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 12px solid #fce083;
  border-top: 6px solid #fce083;
  border-bottom: 10px solid transparent;
  right: 32px;
  bottom: -14px;
}
.bubble-alt-t:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 12px solid #fce083;
  border-right: 6px solid transparent;
  border-top: 6px solid #fce083;
  border-bottom: 10px solid transparent;
  left: 32px;
  bottom: -14px;
}
.bubble-yan-t:before {
    background-color: #fce083;
    content: "\00a0";
    display: block;
    height: 18px;
    position: absolute;
    top: 13px;
    transform:             rotate( 45deg ) ;
        -moz-transform:    rotate( 45deg ) ;
        -ms-transform:     rotate( 45deg ) ;
        -o-transform:      rotate( 45deg ) ;
        -webkit-transform: rotate( 45deg ) ; 
    width:  17px;
}
.bubble-t-sh {
  height: 25px;
  box-shadow: 0 0 5px #B2B2B2;
  position: relative;
  background: #fce083;
  border-radius: 20px;
  padding: 15px;
}
.bubble-y {
  height: 25px;
  position: relative;
  background: #aafa9d;
  border-radius: 20px;
  padding: 15px;
}
.bubble-altsag-y:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 12px solid #aafa9d;
  border-top: 6px solid #aafa9d;
  border-bottom: 10px solid transparent;
  right: 32px;
  bottom: -14px;
}
.bubble-alt-y:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 12px solid #aafa9d;
  border-right: 6px solid transparent;
  border-top: 6px solid #aafa9d;
  border-bottom: 10px solid transparent;
  left: 32px;
  bottom: -14px;
}
.bubble-yan-y:before {
    background-color: #aafa9d;
    content: "\00a0";
    display: block;
    height: 18px;
    position: absolute;
    top: 13px;
    transform:             rotate( 45deg ) ;
        -moz-transform:    rotate( 45deg ) ;
        -ms-transform:     rotate( 45deg ) ;
        -o-transform:      rotate( 45deg ) ;
        -webkit-transform: rotate( 45deg ) ; 
    width:  17px;
}
.bubble-y-sh {
  height: 25px;
  box-shadow: 0 0 5px #B2B2B2;
  position: relative;
  background: #aafa9d;
  border-radius: 20px;
  padding: 15px;
}
.bubble-m {
  height: 25px;
  position: relative;
  background: #81bffc;
  border-radius: 20px;
  padding: 15px;
}
.bubble-altsag-m:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 12px solid #81bffc;
  border-top: 6px solid #81bffc;
  border-bottom: 10px solid transparent;
  right: 32px;
  bottom: -14px;
}
.bubble-alt-m:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 12px solid #81bffc;
  border-right: 6px solid transparent;
  border-top: 6px solid #81bffc;
  border-bottom: 10px solid transparent;
  left: 32px;
  bottom: -14px;
}
.bubble-yan-m:before {
    background-color: #81bffc;
    content: "\00a0";
    display: block;
    height: 18px;
    position: absolute;
    top: 13px;
    transform:             rotate( 45deg ) ;
        -moz-transform:    rotate( 45deg ) ;
        -ms-transform:     rotate( 45deg ) ;
        -o-transform:      rotate( 45deg ) ;
        -webkit-transform: rotate( 45deg ) ; 
    width:  17px;
}
.bubble-m-sh {
  height: 25px;
  box-shadow: 0 0 5px #B2B2B2;
  position: relative;
  background: #81bffc;
  border-radius: 20px;
  padding: 15px;
}
.bubble {
  height: 25px;
  position: relative;
  background: #ddd;
  border-radius: 20px;
  padding: 15px;
}
.bubble-sh {
  height: 25px;
  box-shadow: 0 0 5px #B2B2B2;
  position: relative;
  background: #ddd;
  border-radius: 20px;
  padding: 15px;
}
.bubble-altsag-golge:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 12px solid #ddd;
  border-top: 6px solid #ddd;
  border-bottom: 10px solid transparent;
  right: 32px;
  bottom: -14px;
}
.bubble-alt-golge:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 12px solid #ddd;
  border-right: 6px solid transparent;
  border-top: 6px solid #ddd;
  border-bottom: 10px solid transparent;
  left: 32px;
  bottom: -14px;
}
.bubble-yan-golge:before {
    background-color: #ddd;
    content: "\00a0";
    display: block;
    height: 18px;
    position: absolute;
    top: 13px;
    transform:             rotate( 45deg ) ;
        -moz-transform:    rotate( 45deg ) ;
        -ms-transform:     rotate( 45deg ) ;
        -o-transform:      rotate( 45deg ) ;
        -webkit-transform: rotate( 45deg ) ; 
    width:  17px;
}

.me { 
    margin: 5px 15px 5px 15px;         
}

.me::before {
    left: -6px;           
}

.you {  
    margin: 5px 15px 5px 15px;         
}

.you::before {
    right: -6px;    
}

/* === MediaWiki:Commontablo2.css === */
/* spam için class */
.fencontainer {
  box-shadow: 0 0 3px #B2B2B2;
  float: left;
  margin: 5px;
  border-radius:7px;
  padding: 7px;
  text-align: center;
}
.fencontainer.gri {
  border: 1px solid #ddd;
  background: #ddd;
}
.fencontainer.gri2 {
  border: 1px solid #fff;
  background: #ddd;
}
.fencontainer.sari {
  border: 1px solid #ffffab;
  background: #ffffab;
}
.fencontainer.sari2 {
  border: 1px solid #fff;
  background: #ffffab;
}
.fencontainer.mavi {
  border: 1px solid #acd9fc;
  background: #acd9fc;
}
.fencontainer.mavi2 {
  border: 1px solid #fff;
  background: #acd9fc;
}
.fencontainer.kirmizi {
  border: 1px solid #fab6bc;
  background: #fab6bc;
}
.fencontainer.kirmizi2 {
  border: 1px solid #fff;
  background: #fab6bc;
}
.fencontainer.yesil {
  border: 1px solid #98faa4;
  background: #98faa4;
}
.fencontainer.yesil2 {
  border: 1px solid #fff;
  background: #98faa4;
}
.fencontainer.turuncu {
  border: 1px solid #fcdb92;
  background: #fcdb92;
}
.fencontainer.turuncu2 {
  border: 1px solid #fff;
  background: #fcdb92;
}
.fencontainer.mor {
  border: 1px solid #de9cff;
  background: #de9cff;
}
.fencontainer.mor2 {
  border: 1px solid #fff;
  background: #de9cff;
}

/* === MediaWiki:Commontablo3.css === */
/* table kutuları için class */
.fencontainerontable {
  box-shadow: 0 0 3px #B2B2B2;
  margin: 5px;
  border-radius:7px;
  padding: 7px;
  text-align: center;
}
.fencontainerontable.gri {
  border: 1px solid #ddd;
  background: #ddd;
}
.fencontainerontable.gri2 {
  border: 1px solid #fff;
  background: #ddd;
}
.fencontainerontable.sari {
  border: 1px solid #ffffab;
  background: #ffffab;
}
.fencontainerontable.sari2 {
  border: 1px solid #fff;
  background: #ffffab;
}
.fencontainerontable.mavi {
  border: 1px solid #acd9fc;
  background: #acd9fc;
}
.fencontainerontable.mavi2 {
  border: 1px solid #fff;
  background: #acd9fc;
}
.fencontainerontable.kirmizi {
  border: 1px solid #fab6bc;
  background: #fab6bc;
}
.fencontainerontable.kirmizi2 {
  border: 1px solid #fff;
  background: #fab6bc;
}
.fencontainerontable.yesil {
  border: 1px solid #98faa4;
  background: #98faa4;
}
.fencontainerontable.yesil2 {
  border: 1px solid #fff;
  background: #98faa4;
}
.fencontainerontable.turuncu {
  border: 1px solid #fcdb92;
  background: #fcdb92;
}
.fencontainerontable.turuncu2 {
  border: 1px solid #fff;
  background: #fcdb92;
}
.fencontainerontable.mor {
  border: 1px solid #de9cff;
  background: #de9cff;
}
.fencontainerontable.mor2 {
  border: 1px solid #fff;
  background: #de9cff;
}

/* === MediaWiki:Commontablo4.css === */
/* main page-style boxes */
table.blueboxuygulama {
	margin-bottom: 0.5em;
	width: 100%;
}
table.blueboxuygulama td {
	border: 2px solid #5cabfa;
	letter-spacing: -0.3px; 
	line-height: 1;
	border-radius: 7px;
	padding: 0.5em;
}
table.blueboxuygulama th {
	padding: 7px;
	border-radius: 5px;
	background-color: #5cabfa;
	color: #ffffff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.09);
}
table.blueboxuygulama td.sign {
	border: 2px solid #9ecfff;
	background-color: #9ecfff;
}
table.blueboxuygulama input.check {
    height: 20px;
    width: 20px;
    background-color: #9ecfff;
    border-radius: 50%;
}

/* arka plan resmi table stle class="yesilfen" */
table.yesilfen {
    border: solid 1px #DDEEEE;
    border-collapse: collapse;
    border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}
table.yesilfen td {
    background-color: #DDEFEF;
    border: solid 1px #DDEEEE;
    color: #336B6B;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
table.yesilfen tr {
    border: solid 1px #DDEEEE;
    color: #333;
    padding: 10px;
    text-shadow: 1px 1px 1px #fff;
}

/* arka plan resmi table stle class="fendefteri" */
table.fendefteri {
  border-collapse: collapse;
  width: 100%;
}
table.fendefteri td {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
table.fendefteri tr {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

/* arka plan resmi table stle class="backkareli" */
table.backkareli {
	 border: 1px #aaa solid; 
	 border-collapse: collapse;
	 height: 126px;  
	 width: 301px;
}
table.backkareli td {
	 border: 1px #aaa solid; 
	 border-collapse: collapse;
	 height: 15px; 
	 width: 25px;
	 padding: 0px;
}
table.backkareli tr {
	 border: 1px #aaa solid; 
	 border-collapse: collapse;
	 height: 15px; 
	 width: 25px;
	 padding: 0px;
}

/* MediaWiki Infobox Core */
@media only screen and (max-width: 800px) {
	table.infobox {
		width:100%;
	}
}

/* === MediaWiki:Commontablo5.css === */
/* table.ikilimavi */
table.ikilimavi {
  column-span: all;
}
table.ikilimavi th {
	background: #67A3C1;
  box-shadow: 0 0 3px #B2B2B2;
  border-radius:7px;
	padding: 1em;
  color:#fff;
  font-family: "Segoe UI";
	text-align: left;
}
table.ikilimavi td {
  border: 4px double #67A3C1;
  border-radius:7px;
  columns: 300px 2;
  column-gap: 20px;
  column-rule: 4px double #67A3C1;
}

/* boşluk doldurmalar için class="fendefteri" */
table.fendefteribosluk {
  border-collapse: collapse;
  width: 100%;
}
table.fendefteribosluk td {
  letter-spacing: -1px; 
  line-height: -3px;
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
	margin: 0;
}
table.fendefteribosluk tr {
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
	margin: 0;
}

/* ==========================================================================
   🚀 FENPEDIA - BİRLEŞTİRİLMİŞ UYGULAMA TABLOSU VE ROBOT STANDARDI
   ========================================================================== */

/* 1. Sizin Orijinal Tablo Genişlik Kuralınız */
table.fendefteriuygulama {
  width: 100% !important;
}

/* 2. Sizin Orijinal Hücre Kuralınız + Robot Emniyet Payı ve Yazı Gizleme Kilidi */
table.fendefteriuygulama td {
  border-collapse: collapse;
  padding: 8px !important;
  text-align: left;
  border-bottom: 2px solid #ddd;
  position: relative !important; /* Robotun sağa kilitlenmesi için şart */
  padding-right: 90px !important; /* Sağ taraftaki robota çarpmamaları için butonlara emniyet payı */
  box-sizing: border-box !important;
  
  /* Hücre içinde başıboş gezen o inatçı "Fenpedia" kelime kalıntılarını kökten eritir */
  color: transparent !important; 
  font-size: 0 !important;
  line-height: 0 !important;
}

/* 3. Butonların, yazıların ve linklerin yukarıdaki gizlemeden etkilenmesini önleyen koruma kalkanı */
table.fendefteriuygulama td a:not(.mw-file-description),
table.fendefteriuygulama td span,
table.fendefteriuygulama td button,
table.fendefteriuygulama td .mw-ui-button,
table.fendefteriuygulama td .fencontainerontable {
  font-size: 14px !important; /* Sitenizin standart buton yazı boyutu */
  color: initial !important;  /* Renkleri kendi orijinal ayarlarına döndürür */
  display: inline-block !important;
  vertical-align: middle !important;
  line-height: 1.6 !important;
}

/* 4. Sitedeki "|sağ|" Etiketli Robot Görsellerini En Sağa Kilitleme */
table.fendefteriuygulama td .mw-float-right,
table.fendefteriuygulama td .floatright,
table.fendefteriuygulama td .mw-file-description,
table.fendefteriuygulama td .mw-file-element {
  float: right !important;
  position: absolute !important;
  right: 15px !important; /* Robotu en sağ kenara sıfırlar */
  top: 50% !important;
  transform: translateY(-50%) !important; /* Robotu dikeyde kusursuzca ortalar */
  margin: 0 !important;
  z-index: 10 !important;
}

/* Robot resminin kendisinin pürüzsüz görünmesini garanti altına alma */
table.fendefteriuygulama td img,
table.fendefteriuygulama td .mw-file-element img {
  visibility: visible !important;
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
}

/* 5. Sizin Orijinal Gölgeli Başlık (TH) Kurallarınız (Aynen Korundu) */
table.fendefteriuygulama th {
	padding: 5px;
	border-radius: 3px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.09);
}

/* 6. Sizin Orijinal Satır (TR) Kurallarınız (Aynen Korundu) */
table.fendefteriuygulama tr {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}

/* 7. Sizin Orijinal Özel Hücre Sınıfınız (Aynen Korundu) */
table.fendefteriuygulama td.sign {
	border: 2px solid #edeff0;
	background-color: #edeff0;
}

/* 8. Sizin Orijinal Check Kutusu Kurallarınız (Aynen Korundu) */
table.fendefteriuygulama input.check {
    height: 20px;
    width: 20px;
    background-color: #edeff0;
    border-radius: 50%;
}

/* === MediaWiki:Commontablo6.css === */
/* wikitable is part of core. prettytable is deprecated but still used in some
	places, until fully replaced: */
table.prettytableuygulama {
    width: 100%; 
}
table.prettytableuygulama td {
	padding: 0.2em;
}

table.prettytableuygulama td.sign {
	padding: 5px;
	border: 2px;
}
table.prettytableuygulama input.check {
    height: 20px;
    width: 20px;
    background-color: #edeff0;
    border-radius: 50%;
}
table.prettytableuygulama td:nth-child(1) { }
table.prettytableuygulama td:nth-child(2) { }
table.prettytableuygulama td:nth-child(3) { border: 1px #fff solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(4) { border: 1px #fff solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(5) { border: 1px #fff solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(6) { border: 1px #fff solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(7) { border: 1px #fff solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(8) { border: 1px #fff solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(9) { border: 1px #fff solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(10) { border: 1px #fff solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(11) { border: 1px #fff solid; padding: 5px; border-radius: 5px;}

table.prettytableuygulama td.sign:nth-child(1) { background: #7ed2fc; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td.sign:nth-child(2) { background: #fc9090; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td.sign:nth-child(3) { background: #facf84; padding: 5px; border-radius: 5px; }
table.prettytableuygulama td.sign:nth-child(4) { background: #a1ffa4; padding: 5px; border-radius: 5px; }
table.prettytableuygulama td.sign:nth-child(5) { background: #faa7fc; padding: 5px; border-radius: 5px; }
table.prettytableuygulama td.sign:nth-child(6) { background: #7ed2fc; padding: 5px; border-radius: 5px; }
table.prettytableuygulama td.sign:nth-child(7) { background: #fc9090; padding: 5px; border-radius: 5px; }
table.prettytableuygulama td.sign:nth-child(8) { background: #facf84; padding: 5px; border-radius: 5px; }
table.prettytableuygulama td.sign:nth-child(9) { background: #a1ffa4; padding: 5px; border-radius: 5px; }
table.prettytableuygulama td.sign:nth-child(10) { background: #faa7fc; padding: 5px; border-radius: 5px; }

table.prettytableuygulama th:nth-child(1) { background: #7ed2fc; }
table.prettytableuygulama th:nth-child(2) { background: #fc9090; }
table.prettytableuygulama th:nth-child(3) { background: #facf84; }
table.prettytableuygulama th:nth-child(4) { background: #a1ffa4; }
table.prettytableuygulama th:nth-child(5) { background: #faa7fc; }
table.prettytableuygulama th:nth-child(6) { background: #7ed2fc; }
table.prettytableuygulama th:nth-child(7) { background: #fc9090; }
table.prettytableuygulama th:nth-child(8) { background: #facf84; }
table.prettytableuygulama th:nth-child(9) { background: #a1ffa4; }
table.prettytableuygulama th:nth-child(10) { background: #faa7fc; }
table.prettytableuygulama th {
	border: 1px #fff solid;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
}
table.prettytableuygulama caption {
	margin-left: inherit;
	margin-right: inherit;
}

/* === MediaWiki:Commontablo7.css === */
/* wikitable is part of core. prettytable is deprecated but still used in some
	places, until fully replaced: */
table.prettytable {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
}

table.prettytable th,
table.prettytable td {
	border: 1px #aaaaaa solid;
	padding: 0.2em;
}

table.prettytable th {
	background: #f2f2f2;
	text-align: center;
}

table.prettytable caption {
	margin-left: inherit;
	margin-right: inherit;
}

/* Romanization tables
---------- */
table.romanization {
	clear: both;
	background: white;
	white-space: nowrap;
	border-collapse: collapse;
	border: 1px solid white;
	vertical-align: baseline;
	text-align: center;
}

table.romanization th,
table.romanization td {
	padding: 0.25em;
	border: 1px solid white;
}

table.romanization th {
	background: rgb(87%, 91%, 96%);
}

table.romanization tr.romanization-source td {
	background: rgba(87%, 91%, 96%, 0.5);
}

table.romanization td,
table.romanization tr.romanization-target td {
	background: rgb(90%, 90%, 90%);
}

/* main page-style boxes */
table.bluebox {
	background: #f9f9ff;
	border: 1px solid #aaaaaa;
	margin-bottom: 0.5em;
	width: 100%;
}

table.bluebox td {
	padding: 0.5em;
}

table.bluebox th {
	background-color: #006699;
	color: #ffffff;
	padding: 0.5em;
}

/* ana sayfadaki geçişli tablo*/
table.anatablo {
	width:100%;
	box-sizing: border-box;
}
table.anatablo th {
	box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	border: 1px solid #fff; 
	padding: 7px; 
	margin: 7px;
}
table.anatablo tr {
	width:100%;
	text-align: center;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
}

table.anatablo th:nth-child(1) {
  flex: 30%;
}
table.anatablo th:nth-child(2) {
  flex: 60%;
}

/* === MediaWiki:Commontablo8.css === */
/* Romanization tables prettytablered
---------- */
table.prettytablemor {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
}

table.prettytablemor th,
table.prettytablemor td {
	border: 1px #de9be0 solid;
	padding: 0.2em;
}

table.prettytablemor th {
	background: #fbc2fc;
	text-align: center;
}

table.prettytablemor caption {
	margin-left: inherit;
	margin-right: inherit;
}
/* Romanization tables prettytablered
---------- */
table.prettytableturuncu {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
}

table.prettytableturuncu th,
table.prettytableturuncu td {
	border: 1px #e8d1a7 solid;
	padding: 0.2em;
}

table.prettytableturuncu th {
	background: #fae6c0;
	text-align: center;
}

table.prettytableturuncu caption {
	margin-left: inherit;
	margin-right: inherit;
}
/* Romanization tables prettytablered
---------- */
table.prettytablesari {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
}

table.prettytablesari th,
table.prettytablesari td {
	border: 1px #e3daa3 solid;
	padding: 0.2em;
}

table.prettytablesari th {
	background: #faf2c3;
	text-align: center;
}

table.prettytablesari caption {
	margin-left: inherit;
	margin-right: inherit;
}
/* Romanization tables prettytablered
---------- */
table.prettytableyesil {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
}

table.prettytableyesil th,
table.prettytableyesil td {
	border: 1px #a0d698 solid;
	padding: 0.2em;
}

table.prettytableyesil th {
	background: #ceffc7;
	text-align: center;
}

table.prettytableyesil caption {
	margin-left: inherit;
	margin-right: inherit;
}
/* Romanization tables prettytablered
---------- */
table.prettytablekirmizi {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
}

table.prettytablekirmizi th,
table.prettytablekirmizi td {
	border: 1px #de9ea9 solid;
	padding: 0.2em;
}

table.prettytablekirmizi th {
	background: #fac3cc;
	text-align: center;
}

table.prettytablekirmizi caption {
	margin-left: inherit;
	margin-right: inherit;
}
/* Romanization tables prettytablemavi
---------- */
table.prettytablemavi {
	margin: 1em 1em 1em 0;
	background: #f9f9f9;
	border: 1px #aaaaaa solid;
	border-collapse: collapse;
}

table.prettytablemavi th,
table.prettytablemavi td {
	border: 1px #9dc5e0 solid;
	padding: 0.2em;
}

table.prettytablemavi th {
	background: #b8e1fc;
	text-align: center;
}

table.prettytablemavi caption {
	margin-left: inherit;
	margin-right: inherit;
}

/* === MediaWiki:Commontablo9.css === */
/* wikitable is part of core. prettytable is deprecated but still used in some
	places, until fully replaced: */
table.notkagidir {
	transform: rotate(+1deg); 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 3px 10px 0 rgba(0, 0, 0, 0.15); 
	border-bottom-right-radius: 30px 5px;
}
table.notkagidir td {
	border-top: 1px solid #ddd; 
}

table.notkagidir th {
	transform: rotate(-1deg); 
	background-color: #eaf0af; 
	border: 2px dashed grey; 
}

table.notkagidir caption {
	margin-left: inherit;
	margin-right: inherit;
}
/* wikitable is part of core. prettytable is deprecated but still used in some
	places, until fully replaced: */
table.notkagidimonor {
	transform: rotate(+1deg); 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 3px 10px 0 rgba(0, 0, 0, 0.15); 
	border-bottom-right-radius: 30px 5px;
}
table.notkagidimonor td {
	border-top: 1px solid #ddd; 
	font-family: monospace;
	font-style: oblique;
}

table.notkagidimonor th {
	transform: rotate(-1deg); 
	background-color: #A5C6E8; 
	border: 2px dashed grey; 
	font-family: monospace;
	font-style: oblique;
}

table.notkagidimonor caption {
	margin-left: inherit;
	margin-right: inherit;
}
/* wikitable is part of core. prettytable is deprecated but still used in some
	places, until fully replaced: */
table.notkagidicurr {
	transform: rotate(+1deg); 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 3px 10px 0 rgba(0, 0, 0, 0.15); 
	border-bottom-right-radius: 30px 5px;
}
table.notkagidicurr td {
	border-top: 1px solid #ddd; 
	font-family: cursive;
	font-style: oblique;
}

table.notkagidicurr th {
	transform: rotate(-1deg); 
	background-color: #eaf0af; 
	border: 2px dashed grey; 
	font-family: cursive;
	font-style: oblique;
}

table.notkagidicurr caption {
	margin-left: inherit;
	margin-right: inherit;
}
/* wikitable is part of core. prettytable is deprecated but still used in some
	places, until fully replaced: */
table.notkagidil {
	transform: rotate(-1deg); 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 3px 10px 0 rgba(0, 0, 0, 0.15); 
	border-bottom-right-radius: 30px 5px;
}
table.notkagidil td {
	border-top: 1px solid #ddd; 
}

table.notkagidil th {
	transform: rotate(+1deg); 
	background-color: #eaf0af; 
	border: 2px dashed grey; 
}

table.notkagidil caption {
	margin-left: inherit;
	margin-right: inherit;
}
/* wikitable is part of core. prettytable is deprecated but still used in some
	places, until fully replaced: */
table.notkagidimonol {
	transform: rotate(-1deg); 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 3px 10px 0 rgba(0, 0, 0, 0.15); 
	border-bottom-right-radius: 30px 5px;
}
table.notkagidimonol td {
	border-top: 1px solid #ddd; 
	font-family: monospace;
	font-style: oblique;
}

table.notkagidimonol th {
	transform: rotate(+1deg); 
	background-color: #A5C6E8; 
	border: 2px dashed grey; 
	font-family: monospace;
	font-style: oblique;
}

table.notkagidimonol caption {
	margin-left: inherit;
	margin-right: inherit;
}
/* wikitable is part of core. prettytable is deprecated but still used in some
	places, until fully replaced: */
table.notkagidicurl {
	transform: rotate(-1deg); 
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 3px 10px 0 rgba(0, 0, 0, 0.15); 
	border-bottom-right-radius: 30px 5px;
}
table.notkagidicurl td {
	border-top: 1px solid #ddd; 
	font-family: cursive;
	font-style: oblique;
}

table.notkagidicurl th {
	transform: rotate(+1deg); 
	background-color: #eaf0af; 
	border: 2px dashed grey; 
	font-family: cursive;
	font-style: oblique;
}

table.notkagidicurl caption {
	margin-left: inherit;
	margin-right: inherit;
}

/* === MediaWiki:Timelessbalon.css === */
/* ==========================================================================
   📋 FENPEDIA RESPONSIVE MODAL PENCERE VE BUTON STİLLERİ (MİLİMETRİK NİZAM)
   ========================================================================== */

/* 1. Sağ Alttaki Ana Dikey Buton Grubu */
.fn-floating-btn-group {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    z-index: 999999 !important;
}

/* Ortak Yuvarlak Buton Tasarımları */
.fn-floating-btn {
    display: none !important; 
    width: 45px !important;
    height: 45px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 50% !important;
    font-size: 20px !important;
    cursor: pointer !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
    align-items: center !important;
    justify-content: center !important;
    transition: transform 0.2s ease !important;
}
.fn-floating-btn:hover { transform: scale(1.1) !important; }
.fn-floating-btn.btn-visible { display: flex !important; } 

.btn-lesson { background-color: rgba(76, 175, 80, 0.9) !important; } /* Yeşil */
.btn-toc { background-color: rgba(51, 102, 204, 0.9) !important; }   /* Mavi */

/* 2. TÜM EKRANI KAPLAYAN ARKA PLAN KARARTISI (Buzlu Cam) */
.fn-modal-overlay {
    display: none; 
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.2) !important; 
    backdrop-filter: blur(8px) !important;           
    -webkit-backdrop-filter: blur(8px) !important;
    z-index: 9999998 !important;
}

/* 3. EKRANIN TAM ORTASINDA AÇILAN MODERN PENCERE (MODAL) */
.fn-modal-content {
    display: none;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -46%) !important; 
    background-color: #ffffff !important;
    border-radius: 16px !important;
    padding: 24px !important;
    width: 320px !important;
    max-width: 90% !important;
    max-height: 420px !important;
    box-shadow: 0 20px 50px rgba(0,0,0,0.15) !important;
    box-sizing: border-box !important;
    z-index: 9999999 !important;
}
.fn-modal-content.modal-active { display: block !important; }

/* 4. SAF VE ARINDIRILMIŞ PANEL BAŞLIK STİLLERİ (HİZALAMA GARANTİLİ) */
.fn-modal-content h2, 
.fn-modal-content h3 {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1a365d !important;
    margin: 0 0 14px 0 !important;
    border-bottom: 2px solid #e2e8f0 !important;
    padding-bottom: 8px !important;
    padding-top: 0 !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    width: 100% !important;
    display: block !important;
}

/* İkinci alt başlıkların (Örn: RASTGELE) liste aralarında düzgün, çizgisiz durması için hizalama */
.fn-modal-body ul ~ h2, 
.fn-modal-body ul ~ h3 {
    margin-top: 18px !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    text-align: center !important;
}

/* 5. PANEL İÇİNDEKİ BAĞLANTI LİSTELERİ */
.fn-modal-body {
    overflow-y: auto !important;
    max-height: 320px !important;
    padding-right: 4px !important;
    width: 100% !important;
    display: block !important;
}
.fn-modal-body ul { list-style: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; display: block !important; }
.fn-modal-body li { padding: 10px 0 !important; font-size: 13.5px !important; border-bottom: 1px solid #f1f5f9 !important; text-align: left !important; display: block !important; width: 100% !important; }
.fn-modal-body li:last-child { border-bottom: none !important; }

.fn-modal-body li a { text-decoration: none !important; display: block !important; width: 100% !important; }
.id-toc-content .fn-modal-body li a { color: #4a5568 !important; }
.id-lesson-content .fn-modal-body li a { color: #3182ce !important; font-weight: 600 !important; }
.fn-modal-body li a:hover { color: #36c !important; }

.tocnumber, .toctext { display: inline !important; color: #4a5568 !important; }
.tocnumber { margin-right: 6px !important; font-weight: 600 !important; }
.toctoggle, .toctogglespan { display: none !important; }

/* ==========================================================================
   ⚙️ 6. SAYFA İÇİNDEKİ O İNATÇI BOŞ GRİ TOC KUTUSUNU KESİN OLARAK YOK ETME
   ========================================================================== */
.mw-body .toc, .mw-body #toc, .mw-body .mw-toc, .mw-body-content .toc, .mw-body-content #toc, #mw-content-text > .toc, #mw-content-text > #toc {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* Mobil Ekran Parmak Hizası Ayarı */
@media screen and (max-width: 850px) {
    .fn-floating-btn-group { bottom: 20px !important; right: 20px !important; gap: 10px !important; }
}
/* --- Eksik Buton Renkleri (Geri Getirildi) --- */
.fencontainerontable {
  box-shadow: 0 0 3px #B2B2B2;
  margin: 5px;
  border-radius:7px;
  padding: 7px;
  text-align: center;
}
.fencontainerontable.gri {
  border: 1px solid #ddd;
  background: #ddd;
}
.fencontainerontable.gri2 {
  border: 1px solid #fff;
  background: #ddd;
}
.fencontainerontable.sari {
  border: 1px solid #ffffab;
  background: #ffffab;
}
.fencontainerontable.sari2 {
  border: 1px solid #fff;
  background: #ffffab;
}
.fencontainerontable.mavi {
  border: 1px solid #acd9fc;
  background: #acd9fc;
}
.fencontainerontable.mavi2 {
  border: 1px solid #fff;
  background: #acd9fc;
}
.fencontainerontable.kirmizi {
  border: 1px solid #fab6bc;
  background: #fab6bc;
}
.fencontainerontable.kirmizi2 {
  border: 1px solid #fff;
  background: #fab6bc;
}
.fencontainerontable.yesil {
  border: 1px solid #98faa4;
  background: #98faa4;
}
.fencontainerontable.yesil2 {
  border: 1px solid #fff;
  background: #98faa4;
}
.fencontainerontable.turuncu {
  border: 1px solid #fcdb92;
  background: #fcdb92;
}
.fencontainerontable.turuncu2 {
  border: 1px solid #fff;
  background: #fcdb92;
}
.fencontainerontable.mor {
  border: 1px solid #de9cff;
  background: #de9cff;
}
.fencontainerontable.mor2 {
  border: 1px solid #fff;
  background: #de9cff;
}
.fencontainer {
  box-shadow: 0 0 3px #B2B2B2;
  float: left;
  margin: 5px;
  border-radius:7px;
  padding: 7px;
  text-align: center;
}
.fencontainer.gri {
  border: 1px solid #ddd;
  background: #ddd;
}
.fencontainer.gri2 {
  border: 1px solid #fff;
  background: #ddd;
}
.fencontainer.sari {
  border: 1px solid #ffffab;
  background: #ffffab;
}
.fencontainer.sari2 {
  border: 1px solid #fff;
  background: #ffffab;
}
.fencontainer.mavi {
  border: 1px solid #acd9fc;
  background: #acd9fc;
}
.fencontainer.mavi2 {
  border: 1px solid #fff;
  background: #acd9fc;
}
.fencontainer.kirmizi {
  border: 1px solid #fab6bc;
  background: #fab6bc;
}
.fencontainer.kirmizi2 {
  border: 1px solid #fff;
  background: #fab6bc;
}
.fencontainer.yesil {
  border: 1px solid #98faa4;
  background: #98faa4;
}
.fencontainer.yesil2 {
  border: 1px solid #fff;
  background: #98faa4;
}
.fencontainer.turuncu {
  border: 1px solid #fcdb92;
  background: #fcdb92;
}
.fencontainer.turuncu2 {
  border: 1px solid #fff;
  background: #fcdb92;
}
.fencontainer.mor {
  border: 1px solid #de9cff;
  background: #de9cff;
}
.fencontainer.mor2 {
  border: 1px solid #fff;
  background: #de9cff;
}

/* ============================================================
   Mobil: SINAVPEDİA / açılır (collapsible) tablolar taşmasın
   ============================================================ */
@media only screen and ( max-width: 800px ) {
  table.mw-collapsible,
  table.mw-collapsible caption,
  table.mw-collapsible th,
  table.mw-collapsible td {
    max-width: 100%;
    box-sizing: border-box;
  }
  /* Gri başlık: tek satırda kalsın, taşarsa … ile kısılsın (alta kaymasın) */
  table.mw-collapsible caption.fencontainerontable,
  table.mw-collapsible caption[style*="nowrap"] {
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

/* SINAVPEDİA / uygulama baslik tablolari (300px gorsel iceren) tasmasin */
table.fencontainerontable img,
.mw-parser-output table.fencontainerontable img.mw-file-element {
  max-width: 100% !important;
  height: auto !important;
}
/* MediaViewer alt bilgi panelini (lisans ve ayrıntılar butonunu) gizler */
.mw-mmv-post-image {
    display: none !important;
}

/* Resimler arası geçiş sağlayan sağ ve sol okları gizler */
.mw-mmv-next-image, .mw-mmv-prev-image {
    display: none !important;
}
"https://fenpedia.com/index.php?title=MediaWiki:Common.css&oldid=11884" sayfasından alınmıştır