Файл: styles/standart/style.css
Строк: 593
body {
color:#373737;
font-size: 16px;
margin : auto;
max-width:
1200px;
font-family: Avenir;
background: #fff;
}
a ,
.link{
color:#95BA00;
text-decoration:none;
}
.link:hover, a:hover,
a:focus {
color:#FF5C1B;
text-decoration:underline;
text-decoration:none;
}
/*Настройки
элементов*/
p{
margin: 0px;
}
table{
font-size: 14px;
}
img
{
vertical-align: middle;
border:
0;
}
/*оболочка*/
.face{
background: #fff;
}
/*меню*/
.left_menu{
width: 19.8%;
float:
left;
display:inline;
}
/*рабочая
область*/
.work_face{
width: 80.1%;
float:
right;
display:inline;
}
/*оболочка*/
.user_face{
background:
#fff;
}
/*меню*/
.user_left_menu{
width: 25%;
text-align:
center;
float: left;
display:inline;
}
/*рабочая
область*/
.user_work_face{
width: 75%;
float:
right;
display:inline;
}
/*меню выборки*/
select {
display: -moz-inline-stack;
display: inline-block;
vertical-align:
middle;
zoom: 1;
*display: inline;
}
/*end of mixins &
extends*/
select {
background-color: #fff;
width:91.5%;
background: url(graph/select.png), -webkit-gradient(linear, 50% 0%, 50%
100%, color-stop(0%, #ffffff), color-stop(100%, #ececec));
background:
url(graph/select.png), -webkit-linear-gradient("top", #ffffff,
#ececec);
background: url(graph/select.png),
-moz-linear-gradient("top", #ffffff, #ececec);
background:
url(graph/select.png), -o-linear-gradient("top", #ffffff,
#ececec);
-pie-background: linear-gradient(to "top", #ffffff,
#ececec));
background: linear-gradient(to "top", #ffffff,
#ececec);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
overflow: hidden;
white-space: nowrap;
margin: 0;
outline: none;
background-repeat:
no-repeat;
background-position: 100% 50%;
padding: 10px;
padding-right: 24px;
text-indent: 0.01px;
text-overflow: '';
-moz-transition: border 0.2s ease-in;
-o-transition: border 0.2s
ease-in;
-webkit-transition: border 0.2s ease-in;
transition: border
0.2s ease-in;
text-shadow: 0 1px 0 #fff;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
border: 1px solid #ccc;
}
select::-ms-expand {
display:
none;
}
select:hover {
border-color: #999999;
}
select:focus {
border-color: #0061a7;
}
/*кнопка загрузки*/
/* Container
for 2 child elements (button & filename) */
.fileUpload {
background:
#fff;
border: 0;
color: #fff;
border: 1px solid #377719;
display:
block;
width: 98.5%;
}
/*селект у выбора даты*/
.date
select{
width:30%;
}
/* The button */
.fileUpload .fileBtn
{
background: #1D440E;
cursor: pointer;
float:
left;
display:inline;
font-size: 1em;
font-weight: bold;
padding:
10px;
text-align: center;
width: 20%;
}
.fileUpload .fileBtn:hover
{
background: #5AB02B;
}
/* Where the input-name will be filled in
*/
.fileUpload .fileName {
float: right;
display:inline;
overflow:
hidden;
white-space: nowrap;
width: 70%;
text-align: center;
color:
#000;
padding: 10px;
}
/* Animation (hover) */
.fileUpload
.fileBtn:hover {
-webkit-transition-property:
background;
-webkit-transition-duration:
0.4s;
-webkit-transition-timing-function:
ease-in;
-moz-transition-property: background;
-moz-transition-duration:
0.4s;
-moz-transition-timing-function: ease-in;
-o-transition-property:
background;
-o-transition-duration: 0.4s;
-o-transition-timing-function:
ease-in;
-ms-transition-property: background;
-ms-transition-duration:
0.4s;
-ms-transition-timing-function: ease-in;
transition-property:
background;
transition-duration: 0.4s;
transition-timing-function:
ease-in;
}
/* Clear input-parent, due to child-floats
*/
.fileUpload:after {
clear: both;
content: "";
display:
block;
height: 0;
line-height: 0;
visibility:
hidden;
}
/*чекбоксы почты*/
.checkbox label {
display:
inline-block;
cursor: pointer;
position: relative;
padding-left:
25px;
margin-right: 15px;
font-size: 13px;
}
.checkbox
label:before {
display: inline-block;
width: 16px;
height:
16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom:
1px;
content: "\1099";
font-size: 25px;
color:
#377719;
text-align: center;
}
.check{
display:
none;
}
.check:checked + label:before {
content:
"\2713";
font-size: 25px;
color: #377719;
text-align: center;
}
/*остальные
чекбоксы*/
.check-box{
padding-top: 10px;
padding-bottom:
10px;
}
.check-box input[type="checkbox"]{
display: none;
}
.check-box input[type="checkbox"] + label {
display:
block;
position: relative;
padding-left: 35px;
margin-top: 10px;
margin-bottom: 10px;
font: 14px/20px 'Open Sans', Arial, sans-serif;
color: #000;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.check-box
input[type="checkbox"] + label:last-child {
margin-bottom: 0;
}
.check-box input[type="checkbox"] + label:before {
content: '';
display: block;
width: 20px;
height: 20px;
border:
1px solid #449220;
position: absolute;
left: 0;
top: 0;
opacity: .6;
-webkit-transition: all .12s, border-color .08s;
transition: all .12s, border-color .08s;
}
.check-box
input[type="checkbox"]:checked + label:before {
width: 10px;
top: -5px;
left: 5px;
border-radius: 0;
opacity: 1;
border-top-color: transparent;
border-left-color: transparent;
-webkit-transform: rotate(45deg);
transform:
rotate(45deg);
}
.check-box input[type="checkbox"]:disabled +
label:before {
opacity: .2;
}
/*******************/
*:focus {
outline: none;
}
form{
padding:0px;
}
.date{
color: #787878;
font-size: 14px;
}
.online,.offline{
color: #787878;
font-weight:
bold;
font-size: 14px;
}
.text{
color: #787878;
padding: 2px;
}
.count {
color : #377719;
font-size: 16px;
margin-top :
3px;
}
.podmenu{
background: #F1F1F1;
color: #806680;
padding:
10px;
}
input[type="text"], input[type="password"]
{
background: #fff;
border: 1px solid #377719;
color:
#373737;
padding: 8px;
margin-bottom: 4px;
margin-top:
4px;
width: 90%;
}
input[type="number"] {
background:
#fff;
border: 1px solid #377719;
color: #373737;
padding:
8px;
margin-bottom: 4px;
margin-top: 4px;
width:
90%;
}
input[type="number"]::-webkit-inner-spin-button {
display: none;
}
input[type="checkbox"]{
margin:
8px;
}
textarea{
width: 90%;
max-width: 750px;
height: 60px;
line-height: 20px;
outline: none;
overflow: auto;
background:
#fff;
border: 1px solid #426387;
color: #000;
padding:
8px;
margin-bottom: 4px;
margin-top: 4px;
}
input[type=file]{
padding:
5px;
color: #1f89df;
}
input[type="submit"] {
background-color: #68b12f;
background: -webkit-gradient(linear, left top,
left bottom, from(#68b12f), to(#50911e));
background:
-webkit-linear-gradient(top, #68b12f, #50911e);
background:
-moz-linear-gradient(top, #68b12f, #50911e);
background:
-ms-linear-gradient(top, #68b12f, #50911e);
background:
-o-linear-gradient(top, #68b12f, #50911e);
background:
linear-gradient(top, #68b12f, #50911e);
border: 1px solid #509111;
border-bottom: 1px solid #5b992b;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius:
3px;
-o-border-radius: 3px;
box-shadow: inset 0 1px 0 0 #9fd574;
-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
-moz-box-shadow: 0 1px 0 0
#9fd574 inset;
-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
-o-box-shadow:
0 1px 0 0 #9fd574 inset;
color: white;
font-weight: bold;
padding:
10px 20px;
text-align: center;
text-shadow: 0 -1px 0
#396715;
}
input[type="submit"]:hover {
opacity:.85;
cursor: pointer;
}
input[type="submit"]:active {
border: 1px
solid #20911e;
box-shadow: 0 0 10px 5px #356b0b inset;
-webkit-box-shadow:0 0 10px 5px #356b0b inset ;
-moz-box-shadow: 0 0 10px
5px #356b0b inset;
-ms-box-shadow: 0 0 10px 5px #356b0b inset;
-o-box-shadow: 0 0 10px 5px #356b0b inset;
}
hr
{
border-top: 1px
dotted #c6c6c6;
border-right-style: none;
border-bottom-style:
none;
border-left-style: none;
}
/*личный
кабинет*/
.kab a:link, .kab a:visited {
text-decoration:
none;
color: #769100;
padding: 10px;
}
.kab
td{
vertical-align:top;
width:50%;
white-space: nowrap;
}
.kab
a:focus, .kab a:hover, .kab a:active {
background: #F3F3F3;
color:
#728242;
}
.kab {
background: #F3F3F3
url(/styles/standart/graph/zb1.png)repeat-x top left;
border-bottom: 1px
solid #E3E3E3;
color:
#769100;
}
.t{
text-align:center;
display:block;
padding:5px;
}
a.t{
text-align:center;
display:block;
padding:5px;
}
/*Аватарки*/
.avatar{
-webkit-border-radius:
4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*главное
фото*/
.photo{
padding: 15px;
}
/*кнопки верхнего
меню*/
.but_menu {
display: table;
width: 100%;
border-collapse: collapse;
height: 50px;
color: #fff
!important;
background: #377719;
text-align: center;
box-shadow:
0px 3px 5px rgba(0,0,0,0.3);
}
.button_menu {
display:
table-cell;
vertical-align: middle;
text-align: center;
width:
50%;
border-bottom: 1px solid #545454;
color: #fff
!important;
}
.but_menu a:hover {
background: #54AF26;
color:
#fff !important;
}
/*кнопки диалогов*/
.dialog
{
display: table;
width: 100%;
height: 40px;
color: #95BA00
!important;
background: #6f6f6f;
}
.dialog_m {
display:
table-cell;
vertical-align: middle;
text-align: center;
width:
50%;
border-bottom: 1px solid #545454;
color: #fff
!important;
}
.dialog a:hover {
background: #545454;
color:
#fff !important;
}
/*кнопки подразделов*/
.but_razdel
{
display: table;
width: 100%;
height: 50px;
color: #333333
!important;
background: #F3F3F3;
}
.button_razdel {
display:
table-cell;
vertical-align: middle;
border:1px solid
#C5C5C5;
text-align: center;
color: #333333
!important;
}
.but_razdel a:hover {
background: #E6E6E6 repeat;
color: #666666 !important;
}
/*кнопки функций
записей*/
.zap {
display: table;
border-collapse:
collapse;
border-bottom:1px solid #C5C5C5;
width: 100%;
height:
50px;
color: #377719 !important;
background: #E1E7ED;
}
.zap_b
{
display: table-cell;
vertical-align: middle;
text-align: center;
width: 5%;
color: #377719 !important;
}
.zap a:hover {
background: #D5DDE5 repeat;
cursor: pointer;
color: #377719
!important;
}
/*Класс логотипа*/
.logo{
background-color:
#1E430F;
background: url(graph/fon.png) repeat top;
margin-bottom:
2px;
width:100%;
}
/*чистка*/
.clear {
clear:both
}
/*Выпадающее меню*/
#hover .dropdown:hover >
ul.dropdown-menu,
#click .dropdown-toggle:focus + ul.dropdown-menu{
display:block;
}
/*Основной фон*/
.fon
{
text-shadow: 0px
1px 1px #fff;
border-bottom: 1px solid #e0e0df;
border-left: 1px solid
#e0e0df;
border-right: 1px solid #e0e0df;
box-shadow: 0 1px 4px
rgba(180,180,180,0.3);
padding-bottom: 20px;
padding-left:
12px;
padding-top: 20px;
}
.fon a{
color : #95BA00;
}
.fon
a:hover{
color: #252525;
}
/*Нижний класс
(копирайт))*/
.copyright{
background: #252525;
color:
#CECECE;
text-align: center;
padding: 10px;
}
.copyright a {
color :
#818181;
}
.copyright a:hover {
color : #fff;
}
/*Класс
блоков "Заголовки"*/
.new {
background:
#E3E3E3;
font-style: italic;
box-shadow: 0 1px 2px
rgba(149,186,0,0.3);
color: #3C3C3C;
padding: 15px;
}
/*Класс
счётчика типа +(0-9))*/
.chet {
color: red;
}
/*Класс
меню*/
.menu a:link, .menu a:visited {
background: #F9F9F9
url(/styles/standart/graph/zb1.png)repeat-x top left;
border-left: 1px
solid #e0e0df;
border-right: 1px solid #e0e0df;
box-shadow: 0 1px 4px
rgba(180,180,180,0.3);
color: #95BA00;
border-bottom: 1px solid
#EFEFEF;
}
.menu a:focus, .menu a:hover, .menu a:active {
text-shadow:
0px 1px 1px #fff;
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
background:
#E5FFE8;
color: #377719;
border-bottom: 1px solid
#e0e0df;
}
a.menutuch {
display : block;
padding :
15px;
}
/*Класс сообщений*/
.mail {
background-color:
#F3F5F6;
border-bottom: 1px solid #EEEEEE;
text-decoration: none;
color:
#787878;
display : block;
padding : 10px;
}
.mail:focus, .mail:hover,
.mail:active {
background-color: #E8E8E8;
color: #787878;
}
.mail
a:link, .mail a:active, .mail a:visited{
color:#95BA00;
}
.mail a:focus,
.mail a:hover, .mail a:active {
border-bottom: 1px solid
#95BA00;
}
/*Класс блока
страниц*/
.page
{
background: #DCE0D1;
padding:
15px;
text-align: center;
}
.page_now
{
padding: 10px;
color:
#449220;
border: 1px solid #449220;
border-radius: 2px;
background:
#F9F9F9 url(/styles/standart/graph/zb1.png)repeat-x top left;
box-shadow:
0 1px 4px rgba(180,180,180,0.3);
}
.page_nave{
padding: 10px;
color:
#95BA00;
border: 1px solid #e0e0df;
border-radius: 2px;
background:
#F9F9F9 url(/styles/standart/graph/zb1.png)repeat-x top left;
box-shadow:
0 1px 4px rgba(180,180,180,0.3);
}
.page_nave:focus, .page_nave:hover,
.page_nave:active {
text-shadow: 0px 1px 1px #fff;
box-shadow: 0 1px 2px
rgba(0,0,0,0.1);
background: #E5FFE8;
color: #377719;
border-bottom:
1px solid #e0e0df;
}
/*Класс цитаты*/
.cit
{
color:
#8c8a8c;
border: 1px solid #9c9a9c;
border-radius: 5px;
background: #ffffff;
padding: 3px;
margin: 2px;
}
/*Класс
меню управления*/
.levo a:link, .levo a:visited
{
background: #449220;
border-bottom: 1px solid
#769100;
text-decoration: none;
color: #fff;
}
.levo a:focus, .levo
a:hover, .levo a:active {
background: #5AB02B;
color :
#fff;
}
a.levo_tuch {
display : block;
padding :
15px;
}
/*Заголовки страниц*/
.end
{
background:
#377719;
box-shadow: 0 1px 2px rgba(149,186,0,0.3);
color:
#DBF7F3;
padding: 15px;
text-align: left;
}
/*кнопки
вверх/вниз*/
.leftbar-wrap {
position: fixed;
height:
100%;
width: 100px;
top: 0;
left: 0;
}
.left-controlbar {
height: 100%;
width: 100px;
display: none;
text-decoration:
none;
}
#scroll-back {
display: none;
height: 100%;
width:
100px;
top: 0;
display: none;
text-align: center;
}
.active-area
{
width: 100px;
height: 100%;
display: block;
text-align:
center;
}
.leftbar-wrap:hover .active-area {
background: rgba(149,
186, 0, 0.2);
color: #000;
}
.leftbar-wrap .active-area:hover {
background: rgba(114, 130, 66, 0.3);
}
.bar-desc {
top: 2%;
font-weight:bold;
position: relative;
display:
inline-block;
}
/*всплывающая
подсказка*/
.help-tip{
position: absolute;
text-align:
center;
background-color: #000000;
border-radius: 50%;
width: 18px;
height: 18px;
font-size: 14px;
line-height:
18px;
cursor: default;
}
.help-tip:before{
content:'?';
font-weight: bold;
color:#fff;
}
.help-tip:hover p{
display:block;
transform-origin: 100% 0%;
-webkit-animation:
fadeIn 0.3s ease-in-out;
animation: fadeIn 0.3s ease-in-out;
}
.help-tip p{
display: none;
text-align: left;
background-color: #1E2021;
padding: 5px;
width: 150px;
position: absolute;
border-radius: 3px;
box-shadow: 1px 1px 1px
rgba(0, 0, 0, 0.2);
right: -7px;
top: 25px;
color: #FFF;
font-size: 13px;
line-height: 1.4;
}
.help-tip p:before{
position: absolute;
content: '';
width:0;
height: 0;
border:6px solid transparent;
border-bottom-color:#1E2021;
right:10px;
top:-12px;
}
.help-tip p:after{
width:100%;
height:40px;
content:'';
position: absolute;
top:-40px;
left:0;
}
/*динамическая загрузка
файлов*/
.upload {
width: 15%;
background-color: #68b12f;
background: -webkit-gradient(linear, left top, left bottom, from(#68b12f),
to(#50911e));
background: -webkit-linear-gradient(top, #68b12f,
#50911e);
background: -moz-linear-gradient(top, #68b12f, #50911e);
background: -ms-linear-gradient(top, #68b12f, #50911e);
background:
-o-linear-gradient(top, #68b12f, #50911e);
background:
linear-gradient(top, #68b12f, #50911e);
border: 1px solid #509111;
border-bottom: 1px solid #5b992b;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius:
3px;
-o-border-radius: 3px;
box-shadow: inset 0 1px 0 0 #9fd574;
-webkit-box-shadow: 0 1px 0 0 #9fd574 inset ;
-moz-box-shadow: 0 1px 0 0
#9fd574 inset;
-ms-box-shadow: 0 1px 0 0 #9fd574 inset;
-o-box-shadow:
0 1px 0 0 #9fd574 inset;
color: white;
font-weight: bold;
padding:
10px 20px;
text-align: center;
text-shadow: 0 -1px 0
#396715;
}
.upload_errore{
display: none;
padding:
8px;
}
/*меняем скролл бар*/
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button {
background-color: #449220;
}
::-webkit-scrollbar-button:hover {
background-color: #55B728;
}
::-webkit-scrollbar-track {
background-color: #E4E7DB;
}
::-webkit-scrollbar-track-piece {
background-color: #ffffff;
}
::-webkit-scrollbar-thumb:horizontal {
height: 50px;
border-right:1px solid #fff;
border-left:1px solid
#fff;
background-color: #449220;
}
::-webkit-scrollbar-thumb:vertical {
height: 50px;
border-top:1px solid #fff;
border-bottom:1px solid
#fff;
background-color: #449220;
}
::-webkit-scrollbar-thumb:hover {
background-color: #55B728;
}
::-webkit-scrollbar-corner {
background-color: #fff;
width:0px;
}ackground-color: #666;
}