mirror of
https://github.com/VTECRM/vtenext.git
synced 2026-02-26 16:18:47 +00:00
348 lines
6.8 KiB
CSS
348 lines
6.8 KiB
CSS
@font-face {
|
|
font-family: 'TeamworkRegular';
|
|
src: url('teamwork-regular-webfont.eot');
|
|
src: url('teamwork-regular-webfont.eot?#iefix') format('embedded-opentype'),
|
|
url('teamwork-regular-webfont.woff') format('woff'),
|
|
url('teamwork-regular-webfont.ttf') format('truetype'),
|
|
url('teamwork-regular-webfont.otf') format('opentype'),
|
|
url('teamwork-regular-webfont.svg#TeamworkRegular') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
|
|
|
|
*{
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
-o-box-sizing:border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
/*
|
|
-------------------------------------------------------
|
|
body styles
|
|
-------------------------------------------------------
|
|
*/
|
|
BODY, TBODY {
|
|
font-family: arial;
|
|
font-size: 14px;
|
|
margin: 0;
|
|
color: #000000;
|
|
text-decoration: none;
|
|
}
|
|
|
|
BODY {
|
|
background-color: #91B4B7;
|
|
}
|
|
|
|
a {
|
|
text-decoration: none;
|
|
font-weight: bold;
|
|
color: #16ABDD;
|
|
}
|
|
|
|
a:hover, a.aHover {
|
|
color: #0C85AD;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
h1 {
|
|
font-size:32px;
|
|
line-height: 34px;
|
|
color:#91B4B7;
|
|
font-weight:normal;
|
|
margin:0 0 10px 0
|
|
}
|
|
|
|
h2 {
|
|
font-size:22px;
|
|
color:#373737;
|
|
font-weight:normal;
|
|
margin:0 0 10px 0
|
|
}
|
|
|
|
h3 {
|
|
text-decoration: none;
|
|
color: #000000;
|
|
font-size: 16px;
|
|
margin: 0;
|
|
}
|
|
|
|
h4 {
|
|
font-size:16px;
|
|
padding:5px 0;
|
|
color:#617777;
|
|
margin:0
|
|
}
|
|
|
|
#savingMessage{
|
|
background-color:#E3EDED;
|
|
display:none;
|
|
color:#617777;
|
|
font-weight:bolder;
|
|
position:fixed;
|
|
top:0;
|
|
left:50%;
|
|
width:200px;
|
|
text-align:center;
|
|
margin-left:-100px;
|
|
padding:5px 0;
|
|
z-index:1000000;
|
|
box-shadow:0 3px 2px rgba(0,0,0,0.4);
|
|
-moz-box-shadow:0 3px 2px rgba(0,0,0,0.4);
|
|
-webkit-box-shadow:0 3px 2px rgba(0,0,0,0.4);
|
|
-o-box-shadow:0 3px 2px rgba(0,0,0,0.4);
|
|
}
|
|
|
|
.waiting{
|
|
cursor:progress;
|
|
}
|
|
|
|
/*
|
|
-------------------------------------------------------
|
|
teamwork icon
|
|
-------------------------------------------------------
|
|
*/
|
|
|
|
|
|
.teamworkIcon {
|
|
font-family: 'TeamworkRegular', arial, sans-serif;
|
|
color:#617777;
|
|
font-weight:normal;
|
|
font-size:120%
|
|
}
|
|
|
|
.teamworkIcon.withLabel {
|
|
padding-right:5px;
|
|
}
|
|
|
|
|
|
.button:hover .teamworkIcon {
|
|
opacity: 0.8
|
|
}
|
|
|
|
.teamworkIcon.alert {
|
|
color:#B61E2D;
|
|
}
|
|
|
|
.cvcColorSquare{
|
|
display:inline-block;
|
|
text-align:left;
|
|
border:#fff 0px solid;
|
|
box-shadow:0px 0px 5px #999;
|
|
-moz-box-shadow:2px 2px 2px #999;
|
|
-webkit-box-shadow:0px 0px 5px #999;
|
|
-o-box-shadow:0px 0px 5px #999;
|
|
text-indent:10px;
|
|
border-radius:5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.cvcColorSquare:hover{
|
|
opacity:.7;
|
|
}
|
|
|
|
|
|
|
|
.unselectable {
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-o-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
|
|
.ui-resizable { position: relative;}
|
|
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
|
|
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
|
|
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
|
|
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
|
|
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
|
|
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
|
|
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
|
|
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
|
|
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
|
|
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
|
|
|
|
|
|
/*
|
|
-------------------------------------------------------
|
|
table styles
|
|
-------------------------------------------------------
|
|
*/
|
|
|
|
.table {
|
|
width: 100%;
|
|
}
|
|
|
|
TH, .tableHeader {
|
|
font-weight: normal;
|
|
color: #FFFFFF;
|
|
border: none;
|
|
background-color: #91B4B7;
|
|
padding:2px
|
|
}
|
|
|
|
TH a {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
|
|
|
|
/*
|
|
-------------------------------------------------------
|
|
Buttons
|
|
-------------------------------------------------------
|
|
*/
|
|
|
|
.button {
|
|
display:inline-block;
|
|
font-size:110%;
|
|
font-family:Arial, sans-serif;
|
|
color:#fff;
|
|
cursor:pointer;
|
|
background-color:#373737;
|
|
-moz-box-shadow:2px 2px 2px #999;
|
|
-webkit-box-shadow:2px 2px 2px #999;
|
|
-o-box-shadow:2px 2px 2px #999;
|
|
box-shadow:2px 2px 2px #999;
|
|
-moz-border-radius:5px;
|
|
-webkit-border-radius:5px;
|
|
-o-border-radius:5px;
|
|
border-radius:5px;
|
|
border:none;
|
|
padding:7px 10px;
|
|
margin-bottom:10px;
|
|
margin-right:10px;
|
|
text-align: center
|
|
}
|
|
|
|
|
|
.button.first {
|
|
background-color:#FEA730;
|
|
font-weight: bold;
|
|
}
|
|
.button.first:hover {
|
|
background-color:#D98E2A;
|
|
}
|
|
|
|
|
|
|
|
.button[disabled] {
|
|
cursor: default;
|
|
opacity:0.4
|
|
}
|
|
|
|
|
|
.button:hover[disabled] {
|
|
background-color:#BABABA
|
|
}
|
|
|
|
.button.textual, .button.buttonImg {
|
|
border: none;
|
|
background-color: transparent;
|
|
color:#68979B;
|
|
-moz-box-shadow:0 0 0 #999;
|
|
-webkit-box-shadow:0 0 0 #999;
|
|
-o-box-shadow:0 0 0 #999;
|
|
box-shadow:0 0 0 #999;
|
|
-moz-border-radius:0;
|
|
-webkit-border-radius:0;
|
|
-o-border-radius:0;
|
|
border-radius:0;
|
|
padding:0;
|
|
margin:0;
|
|
text-align: left
|
|
}
|
|
|
|
|
|
|
|
.button.edit {
|
|
color:#009E94;
|
|
padding:0;
|
|
margin:0
|
|
}
|
|
|
|
.button.delete {
|
|
color:#B61E2D;
|
|
padding:0;
|
|
margin:0
|
|
}
|
|
|
|
.button:hover {
|
|
background-color: #4C4C4C;
|
|
}
|
|
.button.textual:hover, .button.buttonImg:hover {
|
|
background-color: transparent;
|
|
}
|
|
|
|
span.separator {
|
|
display: inline-block;
|
|
}
|
|
|
|
.button.add {
|
|
color:#009E94;
|
|
}
|
|
|
|
.button.add .teamworkIcon {
|
|
color:#009E94;
|
|
}
|
|
|
|
|
|
form {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
select {
|
|
border:1px solid #91B4B7;
|
|
padding: 4px;
|
|
font-size: 16px;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.formElements {
|
|
background-color: white;
|
|
padding: 4px;
|
|
font-size: 16px;
|
|
border:1px solid #91B4B7;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
-o-border-radius:3px;
|
|
border-radius:3px;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
.formElementsError {
|
|
border: 1px solid #ff0000;
|
|
}
|
|
|
|
.formElementExclamation {
|
|
width: 15px;
|
|
height: 25px;
|
|
mmmargin-left: -20px;
|
|
mmmposition: absolute;
|
|
background: url("res/alert.gif") no-repeat;
|
|
}
|
|
|
|
|
|
span#FLD_LOGIN_NAMEerror, span#FLD_PWDerror {
|
|
margin-left: -23px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
|
|
input {
|
|
background-color: white;
|
|
padding: 4px;
|
|
font-size: 16px;
|
|
border:1px solid #91B4B7;
|
|
-moz-border-radius:3px;
|
|
-webkit-border-radius:3px;
|
|
-o-border-radius:3px;
|
|
border-radius:3px;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|