Kardeş MP3 Dönüştürücü Sitesinin Çok Açıgı Var
Resimlerini ve css ni ele geçirdim ama amacım kötü degil
Güvenli bi site olsn korumalı
Mesela MAİN.CSS Var Bak
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
outline: none;
}
html { height: 100%; }
body { background: #17354b url(bg.jpg) no-repeat top center; font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, Verdana, sans-serif; }
input { outline: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
.clear { clear: both }
.clear:before, .container:after { content: ""; display: table; }
.clear:after { clear: both; }
#main {
width: 650px;
margin: 80px auto 20px auto;
}
#main .header h1 {
font-size: 72px;
color: #d1dfe7;
text-shadow: 0 -1px white, 0 1px 6px #001727;
text-align: center;
}
#main .content-box-wrapper {
width: 650px;
margin: 20px 0 0 0;
padding: 2px;
background: rgba(255,255,255,.20);
}
#main .content-box-wrapper .content-box {
position: relative;
background: white;
background-image: linear-gradient(bottom, #ECF1F4 0%, #FFFFFF 100%);
background-image: -o-linear-gradient(bottom, #ECF1F4 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #ECF1F4 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #ECF1F4 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #ECF1F4 0%, #FFFFFF 100%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#main .content-box-wrapper .content-box .content-container { padding: 20px }
#main .content-box-wrapper .content-box .content-container h2 {
display: block;
margin: 0 0 10px 0;
font-size: 21px;
color: #697e8a;
text-shadow: 0 1px white;
text-align: center;
}
#main .content-box-wrapper .content-box .content-container p {
font-size: 14px;
line-height: 1.3em;
color: #a4b6c0;
text-shadow: 0 1px white;
}
#main .content-box-wrapper .content-box #search form.search-container {
position: relative;
width: 500px;
margin: 20px auto;
}
#main .content-box-wrapper .content-box #search form.search-container input[type="text"] {
width: 480px;
height: 46px;
padding: 0 10px;
background: white;
background-image: linear-gradient(bottom, #FFFFFF 0%, #F9FBFC 100%);
background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F9FBFC 100%);
background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F9FBFC 100%);
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F9FBFC 100%);
background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F9FBFC 100%);
border: none;
outline: none;
-webkit-box-shadow: 0 0 0 1px #93a1ab, 0 2px 3px rgba(23, 53, 75, 0.08) inset, 0 2px white;
-moz-box-shadow: 0 0 0 1px #93a1ab, 0 2px 3px rgba(23, 53, 75, 0.08) inset, 0 2px white;
box-shadow: 0 0 0 1px #93a1ab, 0 2px 3px rgba(23, 53, 75, 0.08) inset, 0 2px white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 16px;
color: #697e8a;
text-shadow: 0 1px white;
-webkit-font-smoothing: antialiased;
}
#main .content-box-wrapper .content-box #search form.search-container ::-webkit-input-placeholder {
color: #A4B6C0;
text-shadow: 0 1px white;
}
#main .content-box-wrapper .content-box #search form.search-container ::-moz-placeholder {
color: #A4B6C0;
text-shadow: 0 1px white;
}
#main .content-box-wrapper .content-box #search form.search-container input:-moz-placeholder {
color: #A4B6C0;
text-shadow: 0 1px white;
}
#main .content-box-wrapper .content-box #search form.search-container button {
position: absolute;
top: 0;
right: 0;
width: 65px;
height: 46px;
background: #eaeef0;
background-image: linear-gradient(bottom, #E2E7EA 0%, #F3F5F6 100%);
background-image: -o-linear-gradient(bottom, #E2E7EA 0%, #F3F5F6 100%);
background-image: -moz-linear-gradient(bottom, #E2E7EA 0%, #F3F5F6 100%);
background-image: -webkit-linear-gradient(bottom, #E2E7EA 0%, #F3F5F6 100%);
background-image: -ms-linear-gradient(bottom, #E2E7EA 0%, #F3F5F6 100%);
-webkit-box-shadow: 0 0 0 1px #93a1ab, 0 1px white inset, 0 -6px 8px rgba(255,255,255,.50) inset;
-moz-box-shadow: 0 0 0 1px #93a1ab, 0 1px white inset, 0 -6px 8px rgba(255,255,255,.50) inset;
box-shadow: 0 0 0 1px #93a1ab, 0 1px white inset, 0 -6px 8px rgba(255,255,255,.50) inset;
border: none;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
cursor: pointer;
}
#main .content-box-wrapper .content-box #search form.search-container button:hover {
background-image: linear-gradient(bottom, #E2E7EA 0%, #FCFCFD 100%);
background-image: -o-linear-gradient(bottom, #E2E7EA 0%, #FCFCFD 100%);
background-image: -moz-linear-gradient(bottom, #E2E7EA 0%, #FCFCFD 100%);
background-image: -webkit-linear-gradient(bottom, #E2E7EA 0%, #FCFCFD 100%);
background-image: -ms-linear-gradient(bottom, #E2E7EA 0%, #FCFCFD 100%);
}
#main .content-box-wrapper .content-box #search form.search-container button span.search-icon {
position: relative;
display: inline-block;
background: url(down.png) no-repeat;
width: 25px;
height: 25px;
margin: 9px 14px;
}
1