Depolama alanı bitmek üzere … Depolama alanınız biterse dosya oluşturup düzenleyemez, Gmail'de e-posta gönderip alamaz ya da Google Fotoğraflar'a yedekleme yapamazsınız.
main.css
/* Scroll Bar Settings */
::-webkit-scrollbar {
    width: 5px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb {
    background-color: rgba(33, 33, 33, .5);
    outline: 1px solid slategrey;
    cursor: pointer;
}
/* Scroll Bar Settings End */
/* General Use */
body					{}
#main					{}
#soft	{
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;	
}
/* General Use End */
/* Navbar Settings */
.navbar {
	background-color: transparent !important;
	border:0px !important;
}
.navbar-default {
	background-color: none !important;
	border:0px !important;
}
.navbar-default .navbar-form {
	display: none;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: none;
}
/* Navbar Settings End */
/* Reset Css Settings */
a {
	text-decoration: none !important;
}
ul {
	padding: none !important;
	list-style: none !important;
}
/* Reset Css Settings End */
/* Parallax Image Settings */
.parallax {
	/* Image, style olarak, parallax clasının verildiği nesneye verilir. */  
    /* Height olmaz ise parallax özelliği çalışmaz. Parallax clasının verildiği nesneye style yada farklı bir şekilde, min-height değeri tanımlanması gerekir. */
    /* Parallax Scroll Efecti */    
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* Parallax Scroll Efecti End */  
}
/* Parallax Image Settings End */

/* ========== Custom Select ========== */
.selectpicker {
    border-radius: 0px !important;
    outline: none !important;
    line-height: 26px !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.bootstrap-select .btn:focus {
    outline: none !important;
}

.input-block-level {
    border-radius: 0px !important;
    border-color: rgba(0, 0, 0, 0.1);
    box-shadow: none;
}

.btn-group.open .dropdown-toggle {
	box-shadow:none !important;
}
.dropdown-toggle:active {
	box-shadow:none !important;
	background:none !important;
}
.medle .dropdown-toggle:hover {
	box-shadow:none !important;
	background:none !important;
}
.selectpicker li a:focus {
	outline:none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
	font-size:12px;
	opacity: .7;
}
.dropdown-menu>li>a {
	font-size:12px;
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
	background-color:transparent;
}
/* ========== Custom Select End ========== */
/* ========== Vitrin Styles End ========== */
/* ========== Flash class and keyframe animation ========== */
.flashit{
	-webkit-animation: flash linear 2s infinite;
	animation: flash linear 2s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
/* ========== Flash class and keyframe animation End ========== */



/* İnside Zoom Container */
.zoomImg {
	background-color:rgba(255,255,255,1);
}
/* İnside Zoom Container End */

/* Bootstrap Modal Centered */
.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
/* Bootstrap Modal Centered End */

/* ========== Extra Font Css ========== */



/* Constan Bold */
.constan-bold {
    font-family: constan-bold !important;
    font-weight: normal !important;
}
/* Constan Bold End */
/* Font Settings */
.josefin-regular {
	font-family: 'josefin-regular' !important;
	font-weight: normal !important;
}

.josefin-semibold {
	font-family: 'josefin-semibold' !important;
	font-weight: normal !important;
}


.josefin-bold {
	font-family: 'josefin-bold' !important;
	font-weight: normal !important;
}
.sports-regular {
	font-family: 'sports-regular' !important;
	font-weight: normal !important;
}
/* Font Settings End */
/* Advent Pro */
.advent-light {
	font-family: 'advent-light' !important;
	font-weight: normal !important;
}
.advent-regular {
	font-family: 'advent-regular' !important;
	font-weight: normal !important;
}
.advent-medium {
	font-family: 'advent-medium' !important;
	font-weight: normal !important;
}
.advent-semibold {
	font-family: 'advent-semibold' !important;
	font-weight: normal !important;
}
.advent-bold {
	font-family: 'advent-bold' !important;
	font-weight: normal !important;
}
/* Advent Pro End */
/* Sitka */
.sitka-bold-italic {
	font-family: 'sitka-bold-italic' !important;
	font-weight: normal !important;
}
.sitka-semibold-italic {
	font-family: 'sitka-semibold-italic' !important;
	font-weight: normal !important;
}
/* Sitka End */
/* DoridSans */
.doridsans-regular {
	font-family: 'doridsans-regular' !important;
	font-weight: normal !important;
}
.doridsans-bold {
	font-family: 'doridsans-bold' !important;
	font-weight: normal !important;
}
/* DoridSans End */
/* Audiowide Font Family */
    /* Regular */
    .audiowide-regular {
        font-family: audiowide-regular !important;
        font-weight: normal !important;
    }
    /* Regular End */
/* Audiowide Font Family End */
/* ========== Extra Font Css End ========== */
/* ========== Yeni Nesil Menü ========== */
.drop .sub {
	height:0px;
	overflow:hidden;
	position: absolute;
	width: 100%;
	left:0;
	-webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
/* ========== Yeni Nesil Menü End ========== */
/* ========== Rotate Animation ========== */
.rotate {
		-webkit-animation: rotation 15s infinite linear;
}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(-359deg);
		}
}
/* ========== Rotate Animation ========== */
/* ========== Tooltip Custom ========== */
.tooltip-inner {
	padding:8px 8px !important;
	font-size:15px !important;
	background-color:rgba(210,36,248,.9)!important;
	color:white !important;
}
.tooltip.top .tooltip-arrow {
	border-top-color:rgba(210,36,248,.9)!important;
}
.tooltip.left .tooltip-arrow {
	border-left-color:rgba(210,36,248,.9)!important;
}
/* ========== Tooltip Custom ========== */