body {
background-color: white;
font-size: 12px;
color: black;
}
a {
text-decoration: none;
border-bottom: 1px dotted #959CEF;
color: black;
/*background-color: #959CEF;*/
}
.toptan {
background-color: #C6BFFF;
}
.toptan td {
background-color: white;
border: 1px solid #959CEF;
}
/*div {
border: 1px solid #15004F;
padding: 5px;
margin: 5px;
}
tr.buton, td.buton {
padding: 10px;
text-align: center;
}
table {
border: 1px solid #15004F;
padding: 10px;
}
table td {
border: 1px solid #15004F;
padding: 3px;
}
*/	
table tr.ilk td {
border: 2px solid #15004F;
}	
textarea {
width: 300px;
height: 200px;
}
input, textarea, select {
color: #15004F;
background-color: #c7cbff;
border: 1px solid #15004F;
}
td {
vertical-align: top;
}
tr {
border: 1px solid black;
}
table tr.ilk {
font-weight: bold;
}
.duyurular {
border: 0px;
padding: 10px;
}
.duyuru {
margin-bottom: 5px;
border: 2px solid red;
/*background-image: url("resimler/duyuru.gif");
background-position: right;
background-repeat: no-repeat; */
color: white;
}
.kim {
color: red;
font-size: 12px;
padding: 5px;
border-bottom: 1px dotted red;
}
div.duyuru .metin {
color: black;
border: 0px;
padding: 10px;
}
.hatirlatmalar {
border: 0px;
padding: 10px;
}
.hatirlatma {
margin-bottom: 5px;
border: 2px solid #08138F;
background-image: url("resimler/hatirlatma.gif");
background-position: right;
background-repeat: no-repeat;
color: white;
}
.tarih {
color: #08138F;
font-weight: bold;
font-size: 18px;
padding: 5px;
border-bottom: 1px dotted #08138F;
}
div.hatirlatma .metin {
color: #08138F;
background-color: #959CEF;
font-weight: bold;
border: 0px;
padding: 10px;
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity: .75;
}
.atanmislar {
border: 0px;
padding: 10px;
}
div.atanmislar div.ata {
color: white;
background-color: #DF6300;
font-weight: bold;
font-size: 18px;
padding: 5px;
border-bottom: 1px dotted #044F00;
}
.ataliste {
margin-bottom: 5px;
border-top: 2px dotted white;
background-color: #f5bf94;
color: white;
padding: 10px;
}
tr.yeni td {
background-color: #C2FFBF;
}
tr.eski td {
background-color: #FFC18F;
}
.dogumgunleri {
border: 0px;
padding: 10px;
}
.dogumgunu {
margin-bottom: 5px;
border: 2px solid #044F00;
background-image: url("resimler/dogumgunu.gif");
background-position: right;
background-repeat: no-repeat;
color: white;
}
div.dogumgunleri div.tarih {
color: #044F00;
font-weight: bold;
font-size: 18px;
padding: 5px;
border-bottom: 1px dotted #044F00;
}
div.dogumgunleri .kim {
color: #08138F;
background-color: #8FDF8B;
font-weight: bold;
border: 0px;
padding: 10px;
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity: .75;
}
.mesajlistesi {
padding: 10px;
background-image: url("resimler/postakutusu.jpg");
background-position: right;
background-repeat: no-repeat;
}
.mesajlistesi table {
background-color: #DDCFFF;
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity: .75;
}
.mesajlistesi table td {
border: 1px dashed black;
border-width: 0px 1px 1px 0px;
margin: 10px;
padding: 3px;
vertical-align: middle;
}
.mesajlistesi table td:hover {
border: 1px dashed #15004F;
background-color: #959CEF;
color: black;
border-width: 1px 0px 0px 1px;
margin: 10px;
padding: 3px;
}
.mesajlistesi table tr.ilk td{
color: black;
background-color: white;
border-width: 0px;
padding: 3px;
}
.mesajoku {
border: 0px;
padding: 0px;
margin:0px;
}
.mesaj {
border: 2px solid #15004F;
background-color: white;
padding: 10px;
}
.mbaslik {
border-bottom: 1px dotted white;
background-color: #15004F;
color: white;
padding: 3px;
}
.mkonu {
border-bottom: 1px dotted white;
background-color: #59536F;
color: white;
padding: 3px;
}
.mmesaj {
border-bottom: 1px dotted #15004F;
background-color: #DDCFFF;
color: #15004F;
padding: 3px;
margin-bottom: 20px;
}
.mesajyaz {
padding: 10px;
background-color: white;
color: #15004F;
background-image: url("resimler/mesajyaz.jpg");
background-position: right;
background-repeat: no-repeat;
}
.mesajyaz table {
background-color: white;
padding: 6px;
border: 1px solid #15004F;
}
.mesajyaz table td {
background-color: #DDCFFF;
padding: 5px;
}
td.buton {
text-align: center;
}
.uyari {
background-color: white;
background-image: url("resimler/uyari.jpg");
background-position: right;
background-repeat: no-repeat;
color: #15004F;
font-size: 20px;
padding: 10px;
padding-right: 30px;
text-align: center;
}
.yardimci {
background-color: white;
background-image: url("resimler/soru.gif");
background-position: right;
background-repeat: no-repeat;
color: #15004F;
border: 1px solid  #15004F;
font-size: 15px;
padding: 10px;
padding-right: 30px;
text-align: center;
}
.bilgi {
background-color: white;
background-image: url("resimler/tamam.gif");
background-position: right;
background-repeat: no-repeat;
color: green;
font-size: 18px;
padding: 20px;
margin: 5px;
padding-right: 30px;
text-align: center;
border: 1px solid green;
}
.hatirekle, .hatirlistesi {
padding: 10px;
background-color: white;
color: #15004F;
background-image: url("resimler/hatiryaz.gif");
background-position: right;
background-repeat: no-repeat;
}
.musterilistesi table {
border: 1px solid #15004F;
padding: 10px;
}
.musterilistesi table td {
padding: 3px;
border-bottom: 2px solid #15004F;
}
.musterilistesi table td:hover {
padding: 3px;
background-color: #959CEF;
color: white;
border-bottom: 2px solid #15004F;
}
.musterilistesi table tr.ilk {
background-color: white;
}
.musterilistesi table tr.ilk td{
border: 2px solid #15004F;
}
.gorusmelistesi table {
border: 1px solid #15004F;
padding: 10px;
}
.gorusmelistesi table td {
padding: 3px;
border-bottom: 2px solid #15004F;
}
.gorusmelistesi table td:hover {
padding: 3px;
background-color: #959CEF;
color: white;
border-bottom: 2px solid #15004F;
}
.gorusmelistesi table tr.ilk {
background-color: white;
}
.gorusmelistesi table tr.ilk td{
border: 2px solid #15004F;
}
.detayliara {
padding: 10px;
background-color: white;
color: #15004F;
background-image: url("resimler/detayliara.jpg");
background-position: top right;
background-repeat: no-repeat;
}
.yoneticimenusu {
border: 5px solid #ececec;
background-image: url("resimler/yonetim.jpg");
background-position: right;
background-repeat: no-repeat;
color: white;
width: 600px;
}
.mtduz {
padding: 10px;
margin-bottom: 5px;
}
.gorusmebaslat {
padding: 20px;
}
.oplistesi {
margin-bottom: 5px;
border: 2px solid #08138F;
background-image: url("resimler/para.gif");
background-position: right;
background-repeat: no-repeat;
color: white;
}
div.ustkisim {
padding: 20px;
}
div.ustkisim td {
padding: 10px;
}
.arama {
padding: 10px;
}
.altbaslik {
background-color: #959CEF;
border: 1px solid #15004F;
margin: 10px;
font-size: 20px;
padding: 5px;
}
div.gorusmenotu textarea {
width: 800px;
}
tr.ikinci td {
background-color: #959CEF;
border: 1px solid #15004F;
color: white;
}
.hata {
background-color: white;
background-image: url("resimler/polis.gif");
background-position: top right;
background-repeat: no-repeat;
height: 200;
color: red;
font-size: 18px;
padding: 10px;
margin: 5px;
padding-right: 160px;
text-align: center;
border: 1px solid red;
}
.altlik {
margin-top: 10px;
text-align: center;
font-weight:bold;
font-family:sans-serif;
}
.hosgeldin {
margin: 10px;
padding: 10px;
}
td.ybes {
color: white;
background-color: #EF0000;
font-weight: bold;
}
td.ydort {
color: white;
background-color: #FF2F2F;
}
td.yuc {
color: white;
background-color: #FF6F6F;
}
td.yiki {
color: white;
background-color: #FF9F9F;
}
td.ybir {
color: white;
background-color: #FFCFCF;
}
.odendi td {
color: #15004F;
background-color: #959CEF;
}
.genistablo {
font-size: 14px;
width: 1800px;
}
.genistablo tr td {
padding: 3px;
}
.hatirlatmalara {
text-align: center;
}
.kalanegitimler * {
font-weight: bold;
}
.kalanegitimler table tr td {
background-color: white;
border: 0px;
border-bottom: 1px solid #DF6300;
padding-bottom: 2px;
}
.kalanegitimler .ilk td {
font-size: 16px;
padding: 3px;
background-color: #DF6300;
border-bottom: 1px dotted #044F00;
border-right: 1px solid white;
color: white;
}
.kalanegitimler .pazar {
font-size: 9px;
}
.gunsayisi {
font-weight: normal;
}
.gunsayisi b {
font-weight: bold;
}
.duzsayi {
text-align: center;
}
.ay11 td {
background-color: #FFAFB2;
}
.ay10 td {
background-color: #FFAFF6
}
.ay09 td {
background-color: #BFAFFF;
}
.ay08 td {
background-color: #AFFFFD;
}
.ay07 td {
background-color: #AFFFB2;
}
.ay06 td {
background-color: #FEFFAF;
}
.ay05 td {
background-color: #FFCBAF;
}
.ay04 td {
background-color: #FFAFF6
}
.ay03 td {
background-color: #BFAFFF;
}
.ay02 td {
background-color: #AFFFFD;
}
.ay01 td {
background-color: #AFFFB2;
}
.btn {
padding:10px;
background-color:#fd6d19 !important;
color:white;
font-family:sans-serif;
border:none;
font-size:16px;
}
.ortala {
padding: 20px;
position: relative;
margin: auto;}
.girisekran  {
width: 1024px;
padding: 20px;
position: relative;
margin: auto;
}
#ortalas {
width: 1024px;
padding: 20px;
position: relative;
margin: auto;
}
.background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('tu-imagen.jpg'); /* Adding an image gives a different touch when logging in*/
background-size: cover;
background-position: center;
filter: blur(8px);
z-index: -1;
animation: drift 20s ease infinite alternate;
}
@keyframes drift {
0% {
transform: translate(-2%, -2%);
}
50% {
transform: translate(2%, 2%);
}
100% {
transform: translate(-2%, -2%);
}
}
.login-container {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 30px;
width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
position: relative;
overflow: hidden;
animation: pulse 1.5s ease-in-out infinite alternate;
}
@keyframes pulse {
0% {
transform: scale(0.98);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4);
}
}
.login-header {
text-align: center;
margin-bottom: 20px;
}
.login-header h2 {
color: #61dafb;
margin-bottom: 10px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.login-header span {
color: #3a9bd9;
}
.login-header p {
font-size: 14px;
opacity: 0.7;
}
.input-group {
margin-bottom: 20px;
display: flex;
align-items: center;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 5px;
padding: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.input-group i {
margin-right: 10px;
color: #61dafb;
}
input {
flex: 1;
padding: 10px;
border: none;
border-radius: 5px;
background-color: transparent;
color: #000000;
outline: none;
}
.options {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
label {
font-size: 14px;
opacity: 0.7;
display: flex;
align-items: center;
color: #ffffff;
}
.forgot-password {
color: #61dafb;
text-decoration: none;
font-size: 14px;
opacity: 0.7;
}
button {
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
background: linear-gradient(to right, #3a9bd9, #61dafb);
color: #ffffff;
cursor: pointer;
transition: background 0.3s;
}
button:hover {
background: linear-gradient(to right, #61dafb, #3a9bd9);
}
.signup-link {
text-align: center;
margin-top: 15px;
font-size: 14px;
opacity: 0.7;
}
.signup-link a {
color: #61dafb;
text-decoration: none;
}
.login-container {
animation: pulse 1.5s infinite alternate;
}
.login-container.no-animation {
animation: none;
}
.background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('tu-imagen.jpg');
/* Adding an image gives a different touch when logging in*/
background-size: cover;
background-position: center;
filter: blur(8px);
z-index: -1;
animation: drift 20s ease infinite alternate;
}
@keyframes drift {
0% {
transform: translate(-2%, -2%);
}
50% {
transform: translate(2%, 2%);
}
100% {
transform: translate(-2%, -2%);
}
}
.login-container {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 30px;
width: 400px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
position: relative;
overflow: hidden;
animation: pulse 1.5s ease-in-out infinite alternate;
}
@keyframes pulse {
0% {
transform: scale(0.98);
box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);
}
100% {
transform: scale(1);
box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4);
}
}
.login-header {
text-align: center;
margin-bottom: 20px;
}
.login-header h2 {
color: #61dafb;
margin-bottom: 10px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.login-header span {
color: #3a9bd9;
}
.login-header p {
font-size: 14px;
opacity: 0.7;
}
.input-group {
margin-bottom: 20px;
display: flex;
align-items: center;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 5px;
padding: 10px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.input-group i {
margin-right: 10px;
color: #61dafb;
}
input {
flex: 1;
padding: 10px;
border: none;
border-radius: 5px;
background-color: transparent;
color: #000000;
outline: none;
}
.options {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
label {
font-size: 14px;
opacity: 0.7;
display: flex;
align-items: center;
color: #ffffff;
}
.forgot-password {
color: #61dafb;
text-decoration: none;
font-size: 14px;
opacity: 0.7;
}
button {
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
background: linear-gradient(to right, #3a9bd9, #61dafb);
color: #ffffff;
cursor: pointer;
transition: background 0.3s;
}
button:hover {
background: linear-gradient(to right, #61dafb, #3a9bd9);
}
.signup-link {
text-align: center;
margin-top: 15px;
font-size: 14px;
opacity: 0.7;
}
.signup-link a {
color: #61dafb;
text-decoration: none;
}
.login-container {
animation: pulse 1.5s infinite alternate;
}
.login-container.no-animation {
animation: none;
}