141 lines
2.6 KiB
CSS
141 lines
2.6 KiB
CSS
/*Переменные для настройки цветов*/
|
||
:root{
|
||
--header-color: #505050;
|
||
/*--header-color: #fdfdfd;*/
|
||
--back-color: #3a3a3a;
|
||
/*--back-color: #ffffff;*/
|
||
}
|
||
|
||
|
||
*{
|
||
box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
-webkit-box-sizing: border-box;
|
||
}
|
||
|
||
html,body
|
||
{
|
||
height:100%;
|
||
min-height:100%;
|
||
margin: 0px 0px;
|
||
padding: 0px;
|
||
font-size: 14px;
|
||
font-family: Arial;
|
||
background-color: #3a3a3a;
|
||
}
|
||
|
||
input,textarea
|
||
{
|
||
margin: 0px 0px;
|
||
}
|
||
|
||
select
|
||
{
|
||
display: block;
|
||
-moz-box-sizing: content-box;
|
||
-webkit-box-sizing:content-box;
|
||
/*box-sizing:content-box;*/
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
/*Над всеми по Z*/
|
||
#menu
|
||
{
|
||
padding:0px;
|
||
position:fixed;
|
||
left:1px;
|
||
top:1px;
|
||
height:34px;
|
||
width:70px;
|
||
border:1px solid #000000;
|
||
display:block;
|
||
text-decoration:none;
|
||
z-index: 99999
|
||
}
|
||
/* Для элементов выступающих в роли кнопок */
|
||
.button {
|
||
-webkit-user-select: none; /* Chrome all / Safari all */
|
||
-moz-user-select: none; /* Firefox all */
|
||
-ms-user-select: none; /* IE 10+ */
|
||
-o-user-select: none; /* No support for these yet, use at own risk */
|
||
user-select: none; /* No support for these yet, use at own risk */
|
||
|
||
display: inline-block;
|
||
/*display: table;*/
|
||
|
||
cursor: pointer;
|
||
/*hite-space: nowrap;*/
|
||
text-align: center;
|
||
}
|
||
|
||
/*Табличка исполняющая роль окна*/
|
||
.shadow {
|
||
box-shadow: 0 0 10px rgba(255,255,255,0.7);
|
||
background-color: #3a3a3a;
|
||
color: #ffffff;
|
||
}
|
||
|
||
|
||
/* Для полей состояжих из нескольких элементов (поле с кнопочкой допустим) */
|
||
table.DBMSSimple {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
|
||
table.DBMSSimple td,table.DBMSSimple th {
|
||
padding: 0px;
|
||
border: 0px solid #999999;
|
||
}
|
||
|
||
|
||
/* For table show data */
|
||
table.SEdit {
|
||
border-collapse: collapse;
|
||
border: 1px double #999999;
|
||
width: 100%;
|
||
background-color: var(--back-color);
|
||
border-spacing: 1px 1px;
|
||
}
|
||
table.SEdit td,table.SEdit th {
|
||
padding: 1px;
|
||
border: 0px solid #999999;
|
||
}
|
||
|
||
table.SEdit th {
|
||
font-weight: bold;
|
||
background-color: var(--header-color);
|
||
}
|
||
|
||
|
||
/* For table filter data whitesmoke */
|
||
table.SFilter {
|
||
border-collapse: collapse;
|
||
width: 100%;
|
||
height: 100%;
|
||
background-color: var(--back-color);
|
||
border-spacing: 1px 1px;
|
||
}
|
||
|
||
table.SFilter td {
|
||
padding: 1px;
|
||
border: 0px solid #999999;
|
||
}
|
||
|
||
/* For table show data */
|
||
table.SShow {
|
||
border-collapse: collapse;
|
||
border: 1px double #999999;
|
||
width: 100%;
|
||
background-color: #ffffff;
|
||
border-spacing: 1px 1px;
|
||
}
|
||
|
||
table.SShow td,table.SShow th {
|
||
border: 1px solid #999999;
|
||
}
|
||
|
||
table.SShow th {
|
||
font-weight: bold;
|
||
background-color: var(--header-color);
|
||
}
|