\Yezervasyon\Yezervasyon\Styles\Site.css

Return Back
/* Set padding to keep content from hitting the edges */
.body-content {
padding-left: 15px;
padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists
will truncate terms that are too long to fit in the left column
*/
.dl-horizontal dt {
white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select {
max-width: 280px;
}

/* CUSTOM CSS */
.notify {
box-sizing: border-box;
color: white;
font-size: x-large;
text-align: center;
background: red;
overflow: hidden;
padding: 10px;
transition: height .2s;
}

#gizlen {
-moz-animation: cssAnimation 0s ease-in 5s forwards;
/* Firefox */
-webkit-animation: cssAnimation 0s ease-in 5s forwards;
/* Safari and Chrome */
-o-animation: cssAnimation 0s ease-in 5s forwards;
/* Opera */
animation: cssAnimation 0s ease-in 5s forwards;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}

.aylikYazi {
font-size: x-large;
color: #2aabd2;
}

.yonOk {
width: 50px;
}

.mdpOgrenci {
display: inline-block;
width: 25%
}

.ogrenciTablo {
width: 75%;
font-family: arial, sans-serif;
border-collapse: collapse;
float: right;
}

@media only screen and (max-width: 320px) {
.mdpOgrenci {
display: inline-block;
width: 100%;
font-size: 9px;
}

.ogrenciTablo {
width: 100%;
font-family: arial, sans-serif;
border-collapse: collapse;
float: right;
font-size: 6px;
}

input[type="button"], input[type="submit"] {
font-size: 7px;
padding: 0;
}
}

@media only screen and (max-width: 360px) {
.mdpOgrenci {
display: inline-block;
width: 100%
}

.ogrenciTablo {
width: 100%;
font-family: arial, sans-serif;
border-collapse: collapse;
float: right;
font-size: 9px;
}

input[type="button"], input[type="submit"] {
font-size: 7px;
padding: 0;
}
}

@media only screen and (max-width: 414px) {
.mdpOgrenci {
display: inline-block;
width: 100%;
font-size: 8px;
}

input[type="button"], input[type="submit"] {
font-size: 7px;
padding: 0;
}

.ogrenciTablo {
width: 100%;
font-family: arial, sans-serif;
border-collapse: collapse;
float: right;
font-size: 7px;
}
}

@media only screen and (max-width: 767px) {
.mdpOgrenci {
display: inline-block;
width: 100%
}
}

.ogrenciTablo td, .ogrenciTablo th {
text-align: center;
border: 1px solid #dddddd;
padding: 8px;
}

.ogrenciTablo tr:nth-child(even) {
background-color: #dddddd;
}

.yoneticiTablo {
width: 100%;
font-family: arial, sans-serif;
border-collapse: collapse;
}

.yoneticiTablo td, .yoneticiTablo th {
text-align: center;
border: 1px solid #dddddd;
padding: 8px;
}

.yoneticiTablo tr:nth-child(even) {
background-color: #dddddd;
}

.ui-datepicker {
width: 100%;
}

.yoneticiLabel {
width: 100%;
}

.yoneticiArat {
margin: 5px 0 5px 0;
width: 100%;
height: 80px;
}

.yoneticiButon {
float: right;
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}

.rezerveBilgi {
margin: 60px 0 20px 0;
height: 50px;
box-sizing: border-box;
color: white;
font-size: large;
text-align: center;
background: rgba(0, 0, 0, .6);
overflow: hidden;
padding: 10px;
transition: height .2s;
}

.tarihBilgi {
height: 50px;
box-sizing: border-box;
color: black;
font-size: x-large;
text-align: center;
background: rgba(0, 0, 0, .6);
overflow: hidden;
padding: 10px;
transition: height .2s;
}