@charset "utf-8";


@media only screen and (max-width: 860px) {
	.liste-baslik, .sil{
		display:none !important;		
	}
	.kutuphane {
		border-top-color:#eee !important;
	}
}
@media only screen and (max-width: 790px) {
	.mime{
		display:none !important;
	}
	.ad{
		width:50% !important;
	}
	.yukleme{
		text-align:right;
		width:30% !important;
	}
}

@media only screen and (max-width: 480) {
	.ad{
		width:30% !important;
	}
}


/* Genel biçimlendirme */

html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	background:#f2f2f2;
	color:#444;
	font:14px Arial, sans-serif;
	line-height:20px;
}
.ayrac {
	min-height:100%;
	height:auto;
	margin-bottom:-41px;
}
header {
	height:20px;
	padding:10px;
	margin:0;
	border-bottom: 1px solid #d10;
	background: #111;
	color: #aaa;
}
footer {
	height:20px;
	padding:10px;
	margin:0;
	border-top: 1px solid #d10;
	background: #111;
	color: #aaa;
}
.footer-holder{
	height: 41px;
}
.tut{
	width: 800px;
	margin: auto;
	max-width:95%;
}
::-webkit-scrollbar {
	width: 7px;
}
::-webkit-scrollbar-track {
	background-color: #eaeaea;
}
::-webkit-scrollbar-thumb {
	background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
	background-color: #aaa;
}
::-moz-selection{ 
	background: #ff3038; 
	color:#fff; 
	text-shadow: none; 
}
::selection { 
	background:#ff3038; 
	color:#fff; 
	text-shadow: none; 
}
button, input[type=button]{
	background-color: #f7f7f7;
	background-image: -moz-linear-gradient(top,#f7f7f7,#f2f2f2);
	background-image: -ms-linear-gradient(top,#f7f7f7,#f2f2f2);
	background-image: -o-linear-gradient(top,#f7f7f7,#f2f2f2);
	background-image: -webkit-linear-gradient(top,#f7f7f7,#f2f2f2);
	background-image: linear-gradient(top,#f7f7f7,#f2f2f2);
	border-radius: 2px;
	border: 1px solid #ddd;
	cursor:pointer;
	padding: 5px;
}
button:hover, input[type=button]:hover{
	border-color:#ccc;
	background: #f4f4f4
}
.icerik{
	background:#fff;
	padding:5px 10px;
	width:100%;
	margin:20px auto;
	border:1px solid #ccc;
	border-radius:2px
}
.baslik{
	font-weight:normal;
	border-bottom:1px solid #eee;
	padding-bottom:5px;
	margin:5px 0;
}

div, input, textarea, button {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
}
a {
   text-decoration: none;
}
a:hover {
	text-decoration:underline;
}

/* Giriş Formu */
#giris-formu{
	width: 100%;
	max-width: 350px;
	margin: auto;
	padding-bottom:20px;
	background: #fff;	
	border: 1px solid #ddd;
	border-radius:2px 2px 0 0 ;
}
.giris-baslik{
	background: #444;
	color: #ddd;
	padding:10px;
	margin:0 0 10px 0;
	font-weight: normal;
	text-align: center;
	border-radius: 2px 2px 0 0;
	border-bottom: 1px solid #d10;	
}
#giris-formu form {
	width: 250px;
	margin: auto;
}
#kullanici, #parola, #giris_yap {
	width: 100%;
	height: 35px;
	margin: 5px 0;
}
input[type=text], input[type=password], textarea{
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 2px;
}
input, button, textarea{
	outline-color: #15A2DA;
	margin: 5px 0;
}
.mesaj {
	border: 1px solid #ddd;
	padding: 5px;
	margin:10px 0;
	border-radius:2px;
	background-color:#f9f9f9;
}
.hata{
	background: #ffe4e4;
	border-color:#ffb0aa;
}
.basari{
	background: #dfffc8;
	border-color:#77e069;
}
.bilgi{
	background: #fffed8;
	border-color:#f2d573;	
}

/* metin yükleme sayfası  */

#dosya_adi{
	width:100%
}
#metin {
	width:100%;
	resize:vertical;
}
#sakla, #temizle{
	width:70px;
	margin-top: 0px;
}

/* Navigasyon menüsü */
nav a{
	margin-right:15px;
	color:#bbb;
	transition:color .2s ease;
}
nav a:hover{
	text-decoration:none;
	color:#eee;
}
.nav-sag{
	float:right;
	margin-right:0;
	margin-left:15px;
}


/*Dosya yükleme */
#dosya{
	margin:0 auto 10px auto;
	padding:5px;
	border: 1px solid #ddd;
	width:100%;
	border-radius:2px;
}
.sonuclar{
	background: #f6f6f6;
	border:1px solid #ddd;
	border-radius:2px;
	padding:5px;
	margin:10px 0;
	font-size:12px;
	max-height:1000px;
	overflow-y:scroll;
	word-wrap:break-word;
}

/* Dosya detayları */

#dosya-bilgileri{
	line-height:25px;
}
#bilgi-adi{
	width:20%;
	min-width: 115px;
	float:left;
	font-weight:bold;
}
.dosya-baglantisi{
	border:none !important;
	padding: 0 !important;
	margin:0;
	width:80%;
}
.dosya-baglantisi:focus{
	padding:5px !important;
}

/* Kütüphane */
.kutuphane{
	border:1px solid #eee;
	cursor:default;
	border-top-color:#ddd;
}

.liste-baslik div, .dosyalar div{
	display:inline-block;
	padding:3px;
	vertical-align:middle;
	font-size:13px;
	white-space:nowrap;
	overflow-x:hidden;
}
.liste-baslik{
	color:#000;
	border-bottom:1px solid #ddd;
	background-color: #e7e7e7;
	background-image: -webkit-linear-gradient(top,#f2f2f2,#f6f6f6);
}
.liste-baslik div {
	border-left:1px solid #e4e4e4;
	height:30px;
	line-height:24px;
}
.liste-baslik .ad{
	border-left:none;
}
.dosyalar > div{
	border-bottom:1px solid #f3f3f3;
	width:100%;
	transition: background .3s ease;
}
.dosyalar > div:hover{
	background:#fdffd5;
}
.ad{
	width:280px;
}
.ad a{
	color:#444
}
.ad a:hover{
	color:#000;
}
.boyut{
	width:80px;
}
.mime{
	width:210px;
}
.yukleme{
	width:140px
}
.sil{
	width:50px;
	text-align:center;
}
.sil button{
	color:#f10;
	margin:auto;
	padding:0 10px;
}
.sil input{
	width:50px;
	margin:0;
	cursor:pointer;
}
fieldset {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin-bottom: 10px;
}
legend {
    background: #f7f7f7;
    padding: 3px 10px;
    border: 1px solid #ddd;
    border-radius: 3px;
}
fieldset > p {
    margin: 3px 0;
}