body {
  background: url('images/arkaplan.jpg'), url('images/arkaplan2.jpg');
  background-repeat: no-repeat, repeat;
}

a:link, a, a:visited {
  font-weight: bold;
  color: #00569c;
  text-decoration: none;
}

table.tum_liste a:visited, table.tum_liste a:visited, table.tum_liste a {
  color: white;
}

tbody, thead, table, tr, td {
  border-spacing: 0px !important;
}

.tum td {
  display: inline-block;
}

.ui.cards > .card, .ui.card {
  width: 230px;
  margin: 30px;
}

.tum tbody td {
  padding: 10px 0;
}

.tum .facebook {
  background-image: url('images/face-bg.jpg');
  border-radius: 20px;
}

.tum .twitter {
  background-image: url('images/twitter-bg.jpg');
  border-radius: 20px;
  margin-top: 30px;
}

.tum .youtube {
  background-image: url('images/youtube-bg.jpg');
  border-radius: 20px;
  margin-top: 10px;
}

.tum .google {
  display: none;
}

.tum .google {
  background-image: url('images/google-bg.jpg');
  border-radius: 20px;
  margin-top: 20px;
}

.tum .googlegroups {
   /*background-image: url('images/googlegroups-bg.jpg'); */
  border-radius: 20px;
  margin-top: 50px;
  background-color: #e1f0fb;
}

.tum thead td {
  text-align: center;
  width: 100%;
  border-radius: 10px 10px 0 0;
  padding: 5px 0 !important;
  color: white;
  font-weight: bold;
  font-size: 17px;
}

.tum .facebook thead td {
  background-image: url('images/face-banner.png');
  padding: 0 !important;
  background-repeat: no-repeat;
  background-position: -3px 0px;
  text-indent: -9999999px;
  height: 100px;
  background-size: 1206px 80px;
}

.tum .twitter thead td {
  background-image: url('images/twitter-banner.png');
  padding: 0 !important;
  background-position: -3px 0px;
  text-indent: -9999999px;
  height: 129px;
  background-size: 1204px 129px;
  margin-top: -37px;
}

.tum .youtube thead td {
  background-image: url('images/youtube-banner.png');
  padding: 0 !important;
  background-position: -3px 0px;
  text-indent: -9999999px;
  height: 110px;
  background-size: 1206px 110px;
  margin-top: -18px;
}

.tum .google thead td {
  background-image: url('images/google-banner.png');
  padding: 0 !important;
  background-position: -3px 0px;
  text-indent: -9999999px;
  height: 80px;
  background-size: 1206px 80px;
}

.tum .googlegroups thead td {
  background-image: url('images/googlegroups-banner.png');
  padding: 0 !important;
  background-position: 0px 0px;
  text-indent: -9999999px;
  height: 104px;
  background-size: 1200px 104px;
  margin-top: -37px;
}

.facebook .alt-banner {
  background-image: url('images/face-alt-banner.png');
}

.twitter .alt-banner {
  background-image: url('images/twitter-alt-banner.png');
}

.youtube .alt-banner {
  background-image: url('images/youtube-alt-banner.png');
}

.google .alt-banner {
  background-image: url('images/google-alt-banner.png');
}

.googlegroups .alt-banner {
  background-image: url('images/googlegroups-alt-banner.png');
}

.alt-banner {
  width: 100% !important;
  height: 21px !important;
  background-size: 1201px 21px !important;
  padding: 0 !important;
}

.kayit_ekle {
  border: 1px solid rgb(0, 133, 255);
  border-radius: 10px;
  box-shadow: 0 0 5px rgb(61, 0, 255);
  margin-top: 5%;
}

.a-f-e.c-b.y-qa-za-b-s.y-qa-za-b.c-b-da {
  max-width: 90px !important;
}

.tum_liste {
  color: white;
  font-weight: bold;
}

.tum_liste td:nth-child(8) {
  background-color: #955281;
}

.baslik, .baslik td {
  color: black;
  background-color: transparent !important;
}

#clickface a, #clickface a:link, #clickface a:visited {
  color: white;
  font-weight: bold;
}

.hesap-rsm {
  height: 150px;
}

.hesap-rsm, .hesap-ad {
  border: 5px solid white;
  border-radius: 10px;
  box-shadow: 0 0 5px #0C72C2;
  width: 150px;
  background-color: #FFF;
}

.hesap-ad {
  background-image: url(images/face_begen.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  text-align: left;
  padding-left: 5px;
}

.hesap-rsm img {
  max-height: 125px;
}

.twitter .hesap-ad {
  background-image: none;
  margin: 20px 0 0 -7px !important;
}

#banner {
  padding: 0;
  margin-bottom: -12px;
}

.twitter .hesap-ad, .twitter .hesap-rsm {
  margin: 20px 0 50px 0;
}

#clickplus {
  width: 145px;
  height: 23px;
  margin-top: 5px;
  padding-top: 11px;
  padding-bottom: 10px;
  border: 1px solid #d8d7d7;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  background: url(http://img195.imageshack.us/img195/8483/plusx.jpg);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-position: 160px 0;
  float: left;
}

#clickfollow {

  width: 145px;
  height: 23px;
  margin-top: 5px;
  padding-top: 11px;
  padding-bottom: 10px;
  border: 1px solid #d8d7d7;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  background: url(http://img38.imageshack.us/img38/1679/twitterhv.gif);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-position: 160px 0;
  float: left;
}

#clickface {
  width: 145px;
  height: 23px;
  margin-top: 5px;
  padding-top: 11px;
  padding-bottom: 10px;
  border: 1px solid #d8d7d7;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-left: 5px;
  background: url(http://img834.imageshack.us/img834/7/facefy.jpg);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-position: 160px 0;
  float: left;
}

.sayfayi-paylas, .sayfayi-paylas td {
  position: fixed;
  width: 495px;
  top: -60px;
  left: 0;
  display: block;
  -webkit-transition: all .3s ease-out;
  padding-left: 0;
  border-radius: 0 0 10px 0;
}

.sayfayi-paylas td.tik {
  top: 38px;
  left: -20px;
  width: 28.5%;
  height: 50px;
  padding: 0;
  position: relative;
  border-radius: 25px;
  z-index: -1;
  color: white;
  line-height: 70px;
  padding-left: 30px;
  font-weight: bold;
  position: absolute;
  display: block;
}

.sayfayi-paylas td.tik {
  background: rgba(61, 180, 230, 0.93);
}

.sayfayi-paylas td:nth-child(1) {
  background: #87e0fd;
  background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87e0fd), color-stop(40%, #53cbf1), color-stop(100%, #05abe0));
  background: -webkit-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  background: -o-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  background: -ms-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  background: linear-gradient(to bottom, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#05abe0', GradientType=0);
}

.tum_liste tr:hover {
  opacity: 0.7;
  background-color: rgba(0, 0, 0, 0.3);
}

.tum .ahsar thead td {
  background-color: #0100FF;
}

.tum .ahsar {
  background-color: #398DD5;
  border-radius: 20px;
  margin-top: 20px;
  display: none;
}

.ahsar .alt-banner {
  background-image: url('images/twitter-alt-banner.png');
}

table.instagram {
  background-image: url('images/instagram-bg.jpg');
  border-radius: 20px;
  margin-top: 50px;
}

.tum .instagram thead td {
  background-image: url('images/instagram-banner.png');
  padding: 0 !important;
  background-repeat: no-repeat;
  background-position: -3px 0px;
  text-indent: -9999999px;
  height: 97px;
  background-size: 1203px 97px;
  margin-top: -37px;
}

.instagram .alt-banner {
  background-image: url('images/instagram-alt-banner.png');
}

.button:hover a {
  color: rgba(0, 0, 0, .8);
  text-decoration: none;
}

.button a {
  color: rgba(253, 250, 250, 0.8);
  text-decoration: none;
  -webkit-transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
  transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
  will-change: '';
  -webkit-tap-highlight-color: transparent;
}

.ekle {
  position: absolute;
  top: 0;
  left: 0;
}

.ui.centered.grid {
  position: relative;
  width: 1197px;
  margin: 0 auto;
  bottom: -10px;
}

.tum_liste a:hover {
  text-decoration: underline;
}

#yanit {
  padding: 10px;
  background-color: #9F9;
  border: 2px solid #396;
  margin-bottom: 20px;
  position: fixed;
  top: 20px;
}

tbody.ui-sortable td:nth-child(1) {
  vertical-align: top;
}

.secilen {
  animation: pulse 4s;
}

@keyframes pulse {
  0% {
    background-color: #fdfc5d;
    color: black;
  }
  15% {
    background-color: #fdd84b;
    color: black;
  }
  30% {
    background-color: #fdb75d;
    color: black;
  }
  50% {
    background-color: #fd273d;
    color: black;
  }
  75% {
    background-color: rgba(243, 253, 148, 0.63);
    color: black;
  }
  90% {
    background-color: rgba(253, 240, 188, 0.47);
    color: black;
  }
  100% {
    background-color: rgba(253, 219, 150, 0.28);
    color: black;
  }
}