User:Ortak Türkçe Konatı/global.css

@import url('https://fonts.googleapis.com/css?family=Abel');

.anlamlık{

display:flex;

font-family: Abel, Arial, Verdana, sans-serif;

width: 600px;

min-height: 200px;

background-color: #fff;

background: linear-gradient(#f8f8f8, #fff);

box-shadow: 0 8px 16px -8px rgba(0,0,0,0.4);

border-radius: 6px;

overflow: hidden;

position: relative;

margin: 1.5rem;

flex-flow: row nowrap;

align-items: stretch;

}

.dışarık{

display:flex;

width: 150px;

padding: 0 20px;

justify-content: center;

/* align-self: center; */

align-items:center;

background: linear-gradient(#dE685E, #EE786E);

transition: width 0.4s;

overflow: hidden;

z-index: 2;

flex-flow: column nowrap;

}

.içerik{

display:flex;

width:100%;

transition: width 0.4s;

overflow: hidden;

z-index: 2;

padding: 20px;

flex-flow: column nowrap;

}

.anlam{

margin-top:20px;

margin-bottom:20px;

color: #fff;

text-transform: uppercase;

font-size: 0.75em;

font-weight: bold;

background: rgba(0,0,0,0.15);

padding: 0.125rem 0.75rem;

border-radius: 100px;

white-space: nowrap;

}

.sıra{

font-size: 30px;

font-weight: bold;

color: #ddd;

border-radius:50%;

border:3px solid #dddddd;

width:50px;

height:50px;

text-align:center;

line-height:50px;

}

.kullanım{

margin-top:20px;

margin-bottom:20px;

color: #fff;

text-transform: uppercase;

font-size: 0.75em;

font-weight: bold;

background: rgba(0,0,0,0.15);

padding: 0.125rem 0.75rem;

border-radius: 100px;

white-space: nowrap;

}

.tür{

font-weight:bold;

margin-bottom:10px;

}

.açıklama{

margin-bottom: 15px;

}

.söz{

margin-left: 20px;

font-style: italic;

}

.yazar{

font-weight:bold;

}