/* style css
-------------------------------------------------- */
@import url("bootstrap.css");
@import url("bootstrap-responsive.css");
@import url("docs.css");
/*@import url("../skinPoser/style.css");*/
body {
font-size: 14px;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
/*background: #f5f5f5 url(../img/bg0.png) repeat top left;*/
}
input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* класс image-polaroid используется скриптами ajax */
.breadcrumb {
font-size: 13px;
padding: 8px 15px;
margin: 0 0 20px;
list-style: none;
background-color: #f5f5f5;
border: 1px dashed #e0edf1;
}
.breadcrumb li {
display: inline-block;
*display: inline;
text-shadow: 0 1px 0 #ffffff;
*zoom: 1;
}
.breadcrumb .divider {
padding: 0 5px;
color: #ccc;
}
.breadcrumb .active {
color: #999999;
}
.player-name {
color: #333333;
}
.smile {
display: inline-block;
width: 60px;
text-align: center;
}
.info {
border-bottom: 1px solid #e5e5e5;
margin-bottom: 2px;
padding : 4px;
}
.info .iright {
display: inline-block;
text-align : left;
width: 300px;
}
.info .ileft {
display: inline-block;
font-weight: bold;
text-align : left;
width: 86px;
}
.info .longright {
display: inline-block;
text-align : left;
width: 168px;
}
.info .longleft {
display: inline-block;
font-weight: bold;
text-align : left;
width: 138px;
}
.skin-block {
vertical-align: top;
height: 224px;
width: 112px;
display: inline-block;
padding: 10px;
margin-right: 10px;
background-color: #eee;
}
.info-big-frame {
display: none;
z-index: 3;
margin: 0px auto;
padding: 20px;
padding-top: 10px;
background: #f0f0f0;
overflow:hidden;
color: #5e5e5e;
position: absolute;
top: 50%;
left: 50%;
margin-left: -320px;
height: 280px;
width: 640px;
border: 1px solid #868686;
border-radius: 3px;
-o-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.filelist-item {
margin-bottom: 6px;
}
.filelist-item-size {
min-width: 40px;
}
.filelist-item-name {
min-width: 200px;
}
.filelist-item div {
display: inline-block;
margin-right: 10px;
}
/* комментарии - стиль для бантика */
.female {
position: absolute;
top: 0;
right: 0;
}
.female-input { /* O__o */
padding : 6px;
font-size: 15px;
}
.female-input a {
margin-left: 10px;
margin-right: 10px;
}
.female-input span {
margin-left: 10px;
}
.female-input img {
margin-left: 10px;
margin-bottom: 2px;
}
.female-input a{
padding: 2px 6px 3px 6px;
text-decoration: none;
color: #5b5b5b;
font-weight: bold;
}
.female-input a:hover{
color: #333;
background: #aed0d9;
}
.server-info {
margin-top : 8px;
border-bottom: 1px dashed #D0D0D0;
padding-bottom: 6px;
}
.server-info table {
width: 100%;
text-align: center;
}
.server-info-header {
padding : 4px;
background: #E8E8E8;
font-size: 14px;
margin-bottom: 4px;
}
/* Новости */
.news-box {
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
padding: 0 10px 3px;
}
/*
.news-box:before, .news-box:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.news-box .divider {
padding: 0 5px;
color: #5b5b5b;
}
a.news-link {
padding: 2px 6px 3px 6px;
text-decoration: none;
color: #fff;
background: #7aafff;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}
a.news-link:hover{
background: #1570A6;
}
a.news-link:active{
}
.news-header {
background-color: #fff;
padding: 6px;
font-size: 16px;
color: #999;
border-bottom: 1px dashed #e0edf1;
}
.news-text {
font-size: 14px;
/*padding: 10px;*/
white-space: pre-line;
white-space: -moz-pre-line;
white-space: -pre-line;
white-space: -o-pre-line;
word-wrap: break-word;
}
.news-footer {
padding: 6px;
border: 0;
border-top: 1px solid #e5e5e5;
/* border-bottom: 1px solid #eee;*/
}
/* Комментарии */
.comment-container {
padding-left: 20px;
padding-top: 10px;
margin-left: 20px;
margin-bottom: 10px;
margin-right: 10px;
}
.comment-quote {
border: 1px solid #e5e5e5;
padding: 4px;
}
.comment-quote-a{
border-bottom: 1px solid #f5f5f5;
padding-left: 4px;
padding-right: 12px;
}
.comment-quote-c{
padding: 4px;
}
.comment-self {
padding-left: 5px;
display: inline-block;
width: 500px;
}
.comment-info {
padding-right : 4px;
padding-top: 4px;
margin-bottom: 5px;
}
.comment-text {
padding: 4px;
line-height: 1.4;
min-height: 40px;
font-size: 14px;
width: 500px;
font-family: Cambria, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
/* Перенос длинных слов */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
.comment-addition {
/*font-weight: bold;*/
font-size: 12px;
}
/* блок */
.footer-block-header {
height: 2px;
background: #f1f1f1;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}
.footer-block {
/*margin-top: 20px;
background-color: #2b2b2b;
color: #666666;
background:url("http://smain.ru/style/img/sm-fon-dn.png") repeat;
*zoom: 1;
*/
}
/*
.footer-block a {
color: #ccc!important;
font-size:13px/27px Arial,sans-serif;
text-decoration: none;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
padding: 5px 10px 5px;
}
.footer-block a:hover {
background: #4a4a4a;
}
*/
.footer-block:before,
.footer-block:after {
display: table;
line-height: 0;
content: "";
}
.footer-block:after {
clear: both;
}
/* end блок */
.form-block-rl {
padding: 0 10px 3px;
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
}
/*
.form-block-rl:before, .form-block-rl:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.inform-block {
padding: 10px;
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
}
/*
.inform-block:before,
.inform-block:after {
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.inform-block:after {
clear: both;
}
.listuserb {
padding: 1px 5px 5px;
background-color: #f5f5f5;
border: 1px solid #e5e5e5;
*zoom: 1;
}
.listuserb:before,
.listuserb:after {
display: table;
line-height: 0;
content: "";
}
.listuserb:after {
clear: both;
}
/* new */
.form-block {
padding: 0 10px 10px 10px;
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
}
/*
.form-block:before, .form-block:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.form-block2 {
padding: 0 10px 3px;
margin-top: 20px;
background-color: #fff;
border: 1px solid #ddd;
/*-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.3);
border-radius: 2px;
position:relative;*/
}
/*
.form-block2:before, .form-block2:after
{
content:"";
position:absolute;
z-index:-1;
-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2);
-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2);
box-shadow:0 1px 5px rgba(0,0,0,0.2);
top:10%;
bottom:0px;
left:20px;
right:20px;
-moz-border-radius:160px / 10px;
border-radius:160px / 10px;
}
*/
.block-header {
display: block;
padding: 5px;
text-align: center;
line-height: 20px;
font-family: "Segoe UI Light","Segoe WPC","Segoe UI",
Helvetica, Arial, "Arial Unicode MS", Sans-Serif;
font-size: 20px;
}
.block-line {
margin: 0 0 10px 0;
border: 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #ffffff;
}
.faqtable {
/*border: 1px solid #d4d4d4;*/
}
.faqtablezag{
text-align:center;
font-size:16px;
/*border-bottom: 1px solid #d4d4d4;*/
-webkit-border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
background: #1570A6;
color: #fff;
}
.faqtabletr{
padding: 10px;
font-size:14px;
/*border-bottom: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;*/
}
tr.faqtabletr:hover{
background: #7aafff;
color: #fff;
}
/* Slides */
div.slides-container {
box-shadow: 0 0 10px #222;
width: 940px;
display: none;
margin: 0 auto;
}
div.slides-container div {
width: 940px;
height: 300px;
/*line-height: 299px;*/
text-align: center;
display: block;
}
div.slides-container div div.caption {
width: auto;
height: 20px;
position: absolute;
left: 10px;
bottom: 10px;
line-height: 20px;
text-align: left;
background-color: rgba(0, 0, 0, 0.6);
color: #FFF;
padding: 5px;
}
ul.slides-pagination {
width:90px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
list-style: none;
padding: 0;
}
ul.slides-pagination li {
float: left;
}
ul.slides-pagination li a {
display: block;
float: left;
height: 3px;
padding-top: 7px;
background: #ddd;
overflow: hidden;
margin-left: 5px;
border-radius: 50%;
width: 10px;
box-shadow: 0 1px 1px #bbb inset, 0 0 0 #bbb;
}
ul.slides-pagination li a:hover {
background: #ddd;
}
ul.slides-pagination li.current a {
background: #7aafff;
}
div.container.slides {
/*background: url("../img/slider-background.jpg") no-repeat center center #666;*/
width: 100%;
/*box-shadow: inset 0 0 5em #333;*/
padding-bottom: 10px;
margin-top: -10px;
}
div.container.slides div.padding {
padding: 10px;
padding-top: 27px;
}
div.container.slides div#slides {
width: 940px;
margin: 0 auto;
}
.progress-bar {
background-color: #f8f8f8;
height: 15px;
width: 100%;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #ccc;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #ccc;
box-shadow: 0 1px 1px #bbb inset, 0 0 0 #bbb;
}
.progress-bar span {
display: inline-block;
height: 100%;
background-color: #777;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
-moz-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #ccc;
-webkit-box-shadow: 0 1px 1px #ccc inset, 0 1px 0 #ccc;
box-shadow: 0 1px 1px #bbb inset, 0 0 0 #bbb;
}
.online span {
background-color: #7aafff;
}
.offline span {
background-color: #7aafff;
}
.full span {
background-color: #7aafff;
}
.stripes span {
-webkit-background-size: 20px 20px;
-moz-background-size: 20px 20px;
background-size: 20px 20px;
background-image: -webkit-gradient(linear, left top, right bottom,
color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
transparent 75%, transparent);
-webkit-animation: animate-stripes 3s linear infinite;
-moz-animation: animate-stripes 3s linear infinite;
}
@-webkit-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}
@-moz-keyframes animate-stripes {
0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}