MediaWiki:Common.css

/* 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;
}
/* 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%;
}
/* inputta düzeltme*/
.quiz .input p{
	height: 40px;
	margin: -5px -1px;
}
input.words {
	height: 15px;
}
/* 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;
}


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;
}
/* 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;
}
/* 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;
}
/*ü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;    
}
/* 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;
}
/* 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 solid #edeff0;
}
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 #aaa solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(4) { border: 1px #aaa solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(5) { border: 1px #aaa solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(6) { border: 1px #aaa solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(7) { border: 1px #aaa solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(8) { border: 1px #aaa solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(9) { border: 1px #aaa solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(10) { border: 1px #aaa solid; padding: 5px; border-radius: 5px;}
table.prettytableuygulama td:nth-child(11) { border: 1px #aaa 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 #aaa solid;
	border-radius: 5px;
	padding: 5px;
	text-align: center;
}
table.prettytableuygulama 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.fendefteriuygulama {
  width: 100%;
}
table.fendefteriuygulama td {
  border-collapse: collapse;
  padding: 8px;
  text-align: left;
  border-bottom: 2px solid #ddd;
}
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);
}
table.fendefteriuygulama tr {
  padding: 8px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
table.fendefteriuygulama td.sign {
	border: 2px solid #edeff0;
	background-color: #edeff0;
}
table.fendefteriuygulama input.check {
    height: 20px;
    width: 20px;
    background-color: #edeff0;
    border-radius: 50%;
}
/* 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 p {
    height: 20px;
    width: 140px;
}
table.blueboxuygulama input.words {
    height: 15px;
    width: 120px;
}*/
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%;
}
/* 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;
}
/* 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%);
}

/* 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;
}

/* 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;
}
/* 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;
}
/* 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 templates */
@media only screen and (max-width: 800px) {
	table.infobox {
		width:100%;
	}
}
.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;
}
/*quiz ikili bar */
.quiz .question {
	width: 46%;
}

.quizQuestions {
	display: flex;
	flex-wrap: wrap;
}
@media only screen and (max-width: 800px) {
  .quiz .question {
	width: 100%;
	margin-left: 2em;
 }
}