Файл: www/style.css
Строк: 402
body {
max-width: 100%;
}
.form-container {
border: 3px solid
#dbd1c7;
background: #c7c7a2;
background: -webkit-gradient(linear,
left top, left bottom, from(#d1e3f0), to(#c7c7a2));
background:
-webkit-linear-gradient(top, #d1e3f0, #c7c7a2);
background:
-moz-linear-gradient(top, #d1e3f0, #c7c7a2);
background:
-ms-linear-gradient(top, #d1e3f0, #c7c7a2);
background:
-o-linear-gradient(top, #d1e3f0, #c7c7a2);
background-image:
-ms-linear-gradient(top, #d1e3f0 0%, #c7c7a2 100%);
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
-webkit-box-shadow: rgba(000,000,000,0.9) 0 1px
2px, inset rgba(255,255,255,0.4) 0 1px 0;
-moz-box-shadow:
rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 1px 0;
box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0
1px 0;
font-family: 'Helvetica Neue',Helvetica,sans-serif;
text-decoration: none;
vertical-align: middle;
min-width:300px;
padding:20px;
}
.form-field {
border: 2px solid #9eb7de;
background: #c6e2e3;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #b37952;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset
rgba(000,000,000,0.7) 0 0px 0px;
-moz-box-shadow: rgba(255,255,255,0.4)
0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
box-shadow:
rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
padding:8px;
margin-bottom:20px;
width:280px;
}
.form-field:focus {
background: #b8f5f2;
color: #bdbd8c;
}
.form-container h2 {
text-shadow: #fdf2e4 0 1px 0;
font-size:18px;
margin: 0 0 10px 0;
font-weight:bold;
text-align:center;
}
.form-title {
margin-bottom:10px;
color:
#725129;
text-shadow: #fdf2e4 0 1px 0;
}
.submit-container {
margin:8px 0;
text-align:right;
}
.submit-button {
cursor:
pointer;
border: 1px solid #ebcea2;
background: #b8a73b;
background: -webkit-gradient(linear, left top, left bottom, from(#5ab3bf),
to(#b8a73b));
background: -webkit-linear-gradient(top, #5ab3bf,
#b8a73b);
background: -moz-linear-gradient(top, #5ab3bf, #b8a73b);
background: -ms-linear-gradient(top, #5ab3bf, #b8a73b);
background:
-o-linear-gradient(top, #5ab3bf, #b8a73b);
background-image:
-ms-linear-gradient(top, #5ab3bf 0%, #b8a73b 100%);
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius:
9px;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset
rgba(255,255,255,0.4) 0 1px 0;
-moz-box-shadow: rgba(255,255,255,0.4) 0
1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
box-shadow:
rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
text-shadow: #addc7e 0 1px 0;
color: #b8e3dd;
font-family:
helvetica, serif;
padding: 8.5px 18px;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
}
.submit-button:hover {
border: 1px solid #b7db90;
text-shadow:
#58f0f0 0 1px 0;
background: #27a9b0;
background:
-webkit-gradient(linear, left top, left bottom, from(#88d4f7),
to(#27a9b0));
background: -webkit-linear-gradient(top, #88d4f7,
#27a9b0);
background: -moz-linear-gradient(top, #88d4f7, #27a9b0);
background: -ms-linear-gradient(top, #88d4f7, #27a9b0);
background:
-o-linear-gradient(top, #88d4f7, #27a9b0);
background-image:
-ms-linear-gradient(top, #88d4f7 0%, #27a9b0 100%);
color: #fff;
}
.submit-button:active {
text-shadow: #4e5ae0 0 1px 0;
border:
1px solid #14de97;
background: #229494;
background:
-webkit-gradient(linear, left top, left bottom, from(#50c7c7),
to(#27a9b0));
background: -webkit-linear-gradient(top, #50c7c7,
#229494);
background: -moz-linear-gradient(top, #50c7c7, #229494);
background: -ms-linear-gradient(top, #50c7c7, #229494);
background:
-o-linear-gradient(top, #50c7c7, #229494);
background-image:
-ms-linear-gradient(top, #50c7c7 0%, #229494 100%);
color: #fff;
}
/*не авторизирован*/
.form-container-aut {
border: 1px solid #86dfeb;
background: #969e29;
background:
-webkit-gradient(linear, left top, left bottom, from(#bfe882),
to(#969e29));
background: -webkit-linear-gradient(top, #bfe882,
#969e29);
background: -moz-linear-gradient(top, #bfe882, #969e29);
background: -ms-linear-gradient(top, #bfe882, #969e29);
background:
-o-linear-gradient(top, #bfe882, #969e29);
background-image:
-ms-linear-gradient(top, #bfe882 0%, #969e29 100%);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:
8px;
-webkit-box-shadow: rgba(000,000,000,0.9) 0 1px 2px, inset
rgba(255,255,255,0.4) 0 0px 0;
-moz-box-shadow: rgba(000,000,000,0.9) 0
1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
box-shadow:
rgba(000,000,000,0.9) 0 1px 2px, inset rgba(255,255,255,0.4) 0 0px 0;
font-family: 'Helvetica Neue',Helvetica,sans-serif;
text-decoration:
none;
vertical-align: middle;
min-width:300px;
padding:20px;
width: 95%;
}
.form-field-aut {
border: 1px solid #c9b7a2;
background: #c4edb6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #71c977;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset
rgba(000,000,000,0.7) 0 0px 0px;
-moz-box-shadow: rgba(255,255,255,0.4)
0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
box-shadow:
rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
padding:8px;
margin-bottom:20px;
width:280px;
}
.form-field-aut:focus {
background: #c8e5e6;
color: #2c6624;
}
.form-container-aut h2 {
text-shadow: #fdf2e4 0 1px 0;
font-size:18px;
margin: 0 0 10px 0;
font-weight:bold;
text-align:center;
}
.form-title-aut {
margin-bottom:10px;
color: #427ec7;
text-shadow: #fdf2e4 0 1px 0;
}
.submit-container-aut {
margin:8px 0;
text-align:right;
}
.submit-button-aut {
border: 1px solid #447314;
background:
#6aa436;
background: -webkit-gradient(linear, left top, left bottom,
from(#8dc059), to(#6aa436));
background: -webkit-linear-gradient(top,
#8dc059, #6aa436);
background: -moz-linear-gradient(top, #8dc059,
#6aa436);
background: -ms-linear-gradient(top, #8dc059, #6aa436);
background: -o-linear-gradient(top, #8dc059, #6aa436);
background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius:
4px;
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset
rgba(255,255,255,0.4) 0 1px 0;
-moz-box-shadow: rgba(255,255,255,0.4) 0
1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
box-shadow:
rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
text-shadow: #addc7e 0 1px 0;
color: #31540c;
font-family:
helvetica, serif;
padding: 8.5px 18px;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
}
.submit-button-aut:hover {
border: 1px solid #447314;
text-shadow: #31540c 0 1px 0;
background: #6aa436;
background:
-webkit-gradient(linear, left top, left bottom, from(#8dc059),
to(#6aa436));
background: -webkit-linear-gradient(top, #8dc059,
#6aa436);
background: -moz-linear-gradient(top, #8dc059, #6aa436);
background: -ms-linear-gradient(top, #8dc059, #6aa436);
background:
-o-linear-gradient(top, #8dc059, #6aa436);
background-image:
-ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
color: #fff;
}
.submit-button-aut:active {
text-shadow: #31540c 0 1px 0;
border: 1px solid #447314;
background: #8dc059;
background:
-webkit-gradient(linear, left top, left bottom, from(#6aa436),
to(#6aa436));
background: -webkit-linear-gradient(top, #6aa436,
#8dc059);
background: -moz-linear-gradient(top, #6aa436, #8dc059);
background: -ms-linear-gradient(top, #6aa436, #8dc059);
background:
-o-linear-gradient(top, #6aa436, #8dc059);
background-image:
-ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
color: #fff;
}
.mess {
background-color: #ffffff;
border: 1px solid
#999999;
-moz-border-radius: 18px;
-webkit-border-radius:
18px;
border-radius: 8px 32px 25px 0px;
padding: 7px;
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e0ffcf',
endColorstr = '#b0ffc8')";
background-image:
-moz-linear-gradient(top, #e0ffcf, #b0ffc8);
background-image:
-ms-linear-gradient(top, #e0ffcf, #b0ffc8);
background-image:
-o-linear-gradient(top, #e0ffcf, #b0ffc8);
background-image:
-webkit-gradient(linear, center top, center bottom, from(#e0ffcf),
to(#b0ffc8));
background-image: -webkit-linear-gradient(top, #e0ffcf,
#b0ffc8);
background-image: linear-gradient(top, #e0ffcf,
#b0ffc8);
-moz-background-clip: padding;
-webkit-background-clip:
padding-box;
background-clip: padding-box;
}
.mess2
{
background-color: #ffffff;
border: 1px solid
#999999;
-moz-border-radius: 18px;
-webkit-border-radius:
18px;
border-radius: 9px 34px 11px 14px;
padding: 8px;
margin:
-7px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr =
'#a8ff7d', endColorstr = '#b0ffc8');
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a8ff7d',
endColorstr = '#b0ffc8')";
background-image:
-moz-linear-gradient(top, #a8ff7d, #b0ffc8);
background-image:
-ms-linear-gradient(top, #a8ff7d, #b0ffc8);
background-image:
-o-linear-gradient(top, #a8ff7d, #b0ffc8);
background-image:
-webkit-gradient(linear, center top, center bottom, from(#a8ff7d),
to(#b0ffc8));
background-image: -webkit-linear-gradient(top, #a8ff7d,
#b0ffc8);
background-image: linear-gradient(top, #a8ff7d,
#b0ffc8);
-moz-background-clip: padding;
-webkit-background-clip:
padding-box;
background-clip: padding-box;
}
.naw{
position:
fixed;
width: 99%;
max-width: 99%;
bottom: 0px;
padding:
9px;
z-index: 1;
font-size: 18px;
background-color:
#ffffff;
border: 1px solid #57ffed;
-moz-border-radius:
18px;
-webkit-border-radius: 18px;
border-radius: 18px 18px 0px
0px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr =
'#36ff8b', endColorstr = '#4f5bff');
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#36ff8b',
endColorstr = '#4f5bff')";
background-image:
-moz-linear-gradient(top, #36ff8b, #4f5bff);
background-image:
-ms-linear-gradient(top, #36ff8b, #4f5bff);
background-image:
-o-linear-gradient(top, #36ff8b, #4f5bff);
background-image:
-webkit-gradient(linear, center top, center bottom, from(#36ff8b),
to(#4f5bff));
background-image: -webkit-linear-gradient(top, #36ff8b,
#4f5bff);
background-image: linear-gradient(top, #36ff8b,
#4f5bff);
-moz-background-clip: padding;
-webkit-background-clip:
padding-box;
background-clip: padding-box;
float: right;
right:
0%;
}
.dop-naw{
position: relative;
float: left;
right:
50%;
}
.effect_nick{
background-color: #ffffff;
border: 1px solid
#999999;
-moz-border-radius: 18px;
-webkit-border-radius:
18px;
border-radius: 7px;
padding: 7px;
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr = '#e0ffcf',
endColorstr = '#b0ffc8')";
background-image:
-moz-linear-gradient(top, #e0ffcf, #b0ffc8);
background-image:
-ms-linear-gradient(top, #e0ffcf, #b0ffc8);
background-image:
-o-linear-gradient(top, #e0ffcf, #b0ffc8);
background-image:
-webkit-gradient(linear, center top, center bottom, from(#e0ffcf),
to(#b0ffc8));
background-image: -webkit-linear-gradient(top, #e0ffcf,
#53CFC5);
background-image: linear-gradient(top, #e0ffcf,
#b0ffc8);
-moz-background-clip: padding;
-webkit-background-clip:
padding-box;
background-clip: padding-box;
margin-bottom:
9px;
margin: auto;
width: 450px;
position: relative;
top:
-72px;
}
/*CSS для модального окна*/
#modal_form {
width: 300px;
/*height: 400px; /* Размеры должны
быть фиксированы */
border-radius: 5px;
border:
3px #000 solid;
background: #fff;
position: fixed; /* чтобы
окно было в видимой зоне в любом месте */
top: 45%; /* отступаем сверху 45%, остальные 5%
подвинет скрипт */
left: 50%; /* половина
экрана слева */
margin-top: -150px;
margin-left:
-150px; /* тут вся магия центровки css,
отступаем влево и вверх минус половину
ширины и высоты соответственно =) */
display: none; /* в обычном состоянии окна не
должно быть */
opacity: 0; /* полностью
прозрачно для анимирования */
z-index: 5; /*
окно должно быть наиболее большем слое
*/
padding: 20px 10px;
}
/* Кнопка закрыть для
тех кто в танке) */
#modal_form #modal_close {
width:
21px;
height: 21px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
display: block;
}
/*
Подложка */
#overlay {
z-index: 3; /* подложка
должна быть выше слоев элементов сайта,
но ниже слоя модального окна */
position:
fixed; /* всегда перекрывает весь сайт */
background-color: #000; /* черная */
opacity: 0.8; /* но
немного прозрачна */
width: 100%;
height: 100%;
/* размером во весь экран */
top: 0;
left: 0;
/* сверху и слева 0, обязательные свойства!
*/
cursor: pointer;
display: none; /* в обычном
состоянии её нет) */
}