.Sayfa 
{
    background: #999;
    filter: alpha(opacity=30);
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999; /* Nesneyi diğer nesnelerin önüne almak için */
}

.SayfaYukleniyor
 {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%; /* yatay ekranda animasyon yükleme merkezleri */
    top: 50%; /* dikey ekranda animasyon yükleme merkezleri */
    background-image: url('../images/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px; /* genişlik ve yükseklik iki bölü */
}
.SayfaYukleniyor>b
 {
    width: 200px;
    height: 200px;
    left: 50%; /* yatay ekranda animasyon yükleme merkezleri */
    top: 50%; /* dikey ekranda animasyon yükleme merkezleri */
    position:center;
    margin: -100px 0 0 -100px; /* genişlik ve yükseklik iki bölü */
}
/*Kücük ölçekli tablolar için*/
.MiniSayfa {
    background: rgba(255,255,255,0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999; /* Nesneyi diğer nesnelerin önüne almak için */
}

.MiniSayfaYukleniyor {
    position: absolute;
    left: 47%; /* yatay ekranda animasyon yükleme merkezleri */
    top: 40%; /* dikey ekranda animasyon yükleme merkezleri */
    background-repeat: no-repeat;
    background-position: center;
}
/*Sayfa Yükleniyor Yüzde*/
.SayfaYuzde {
    background: rgba(196,194,194,0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999; /* Nesneyi diğer nesnelerin önüne almak için */
}

.SayfaYuzdeYukleniyor {
    min-width: 100px;
    width:10%;
    min-height: 100px;
    position: absolute;
    left: 50%; /* yatay ekranda animasyon yükleme merkezleri */
    top: 50%; /* dikey ekranda animasyon yükleme merkezleri */
    background-repeat: no-repeat;
    background-position: center;
    margin: -10px 0 0 -50px; /* genişlik ve yükseklik iki bölü */
}