- Баллы
- 78
- Имя в Minecraft
- Show4ik
Вот собственно проблема:
Лк не влезает рядом в юзербаром.
Вот css:
Подскажите, как решить?
Лк не влезает рядом в юзербаром.
Вот css:
Код:
.cabinet .error {
width: auto;
background: #FFFDEF;
padding: 10px 5px;
margin: 5px;
border: 2px solid #EFA700;
font-size: 14px;
border-radius: 5px;
color: #EFA700;
font-weight: bold;
text-shadow: 1px 1px #fff;
}
.cabinet .wrap {
width: 358px;
text-align: center;
padding: 3px 0;
background: #ffd200; /* Old browsers */
background: -moz-linear-gradient(top, #ffd200 0%, #ffb400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd200), color-stop(100%,#ffb400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffd200 0%,#ffb400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffd200 0%,#ffb400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffd200 0%,#ffb400 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffd200 0%,#ffb400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd200', endColorstr='#ffb400',GradientType=0 ); /* IE6-9 */
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #ffd200;
margin: 4px auto 0 auto;
border-radius: 3px 3px 0 0;
color: #fff;
}
.cabinet .wrap-vote {
width: 358px;
text-align: center;
padding: 3px 0;
background: #59c922; /* Old browsers */
background: -moz-linear-gradient(top, #59c922 0%, #299a0b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59c922), color-stop(100%,#299a0b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #59c922 0%,#299a0b 100%); /* IE10+ */
background: linear-gradient(to bottom, #59c922 0%,#299a0b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59c922', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #59c922;
color: #fff;
margin: 4px auto 0 auto;
border-radius: 3px 3px 0 0;
}
.cabinet .wrap-donate {
width: 358px;
text-align: center;
padding: 3px 0;
background: #f40000; /* Old browsers */
background: -moz-linear-gradient(top, #f40000 0%, #cc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f40000), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f40000 0%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f40000 0%,#cc0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f40000 0%,#cc0000 100%); /* IE10+ */
background: linear-gradient(to bottom, #f40000 0%,#cc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
border-style: solid;
border-width: 1px 1px 0 1px;
border-color: #f40000;
color: #fff;
margin: 4px auto 0 auto;
border-radius: 3px 3px 0 0;
}
.cabinet .cont {
width: 348px;
padding: 5px;
border-style: solid;
border-width: 0 1px 1px 1px;
border-color: #e1e1e1;
margin: 0 auto 5px auto;
border-radius: 0 0 3px 3px;
}
.cabinet hr {
border-top: 0;
border-bottom: 1px dashed #bcbcbc;
}
.cabinet .banner {
padding: 3px;
border: 1px solid #d1d1d1;
margin: 2px 0;
}
.cabinet .banner:hover {
border: 1px solid #59c922;
}
.cabinet .button1 {
font-size: 11px;
padding: 5px 15px;
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
border: 1px solid #bcbcbc;
border-radius: 5px;
margin: 3px;
display: inline-block;
color: #292929;
opacity: 0.5;
}
.cabinet .button {
font-size: 11px;
padding: 5px 15px;
background: #f9f9f9; /* Old browsers */
background: -moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* IE10+ */
background: linear-gradient(to bottom, #f9f9f9 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
border: 1px solid #bcbcbc;
border-radius: 5px;
margin: 3px;
text-decoration:none;
display: inline-block;
color: #292929;
cursor: pointer;
}
.cabinet .button:hover {
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #f7f7f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#f7f7f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%,#f7f7f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}
.cabinet #donate {
background: #59c922; /* Old browsers */
background: -moz-linear-gradient(top, #59c922 0%, #299a0b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59c922), color-stop(100%,#299a0b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #59c922 0%,#299a0b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #59c922 0%,#299a0b 100%); /* IE10+ */
background: linear-gradient(to bottom, #59c922 0%,#299a0b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59c922', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
width: 200px;
border-color: #fff;
color: #fff;
padding: 3px;
}
.cabinet #donate a {color:#fff;opacity:0.7;}
.cabinet #donate a:hover {color:#fff;opacity:1;}
Подскажите, как решить?
