#26 EXPERIMENTAL support for right-to-left text direction
Mike Koch
10 years ago
parent
820276c402
commit
19fb152ba5
@ -0,0 +1 @@
|
||||
1410138724|2.5.5
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,346 @@
|
||||
<?php
|
||||
header("Content-type: text/css; charset: UTF-8");
|
||||
require_once('../nuMods_settings.inc.php');
|
||||
|
||||
$navbarBackgroundColor = $nuMods_settings['navbarBackgroundColor'];
|
||||
$navbarBrandColor = $nuMods_settings['navbarBrandColor'];
|
||||
$navbarBrandHoverColor = $nuMods_settings['navbarBrandHoverColor'];
|
||||
|
||||
$navbarItemTextColor = $nuMods_settings['navbarItemTextColor'];
|
||||
$navbarItemTextHoverColor = $nuMods_settings['navbarItemTextHoverColor'];
|
||||
$navbarItemTextSelectedColor = $nuMods_settings['navbarItemTextSelectedColor'];
|
||||
$navbarItemSelectedBackgroundColor = $nuMods_settings['navbarItemSelectedBackgroundColor'];
|
||||
|
||||
$dropdownItemTextColor = $nuMods_settings['dropdownItemTextColor'];
|
||||
$dropdownItemTextHoverColor = $nuMods_settings['dropdownItemTextHoverColor'];
|
||||
$dropdownItemTextHoverBackgroundColor = $nuMods_settings['dropdownItemTextHoverBackgroundColor'];
|
||||
|
||||
$questionMarkColor = $nuMods_settings['questionMarkColor'];
|
||||
?>
|
||||
|
||||
.nu-rtlFloatLeft {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nu-floatRight {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.tabPadding {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.close-ticket {
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:992px) {
|
||||
.close-ticket {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media (max-width:991px) {
|
||||
.ticket-cell {
|
||||
border-bottom: solid 1px #ddd;
|
||||
border-left: 0;
|
||||
padding-top: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:991px) {
|
||||
.ticket-cell-admin {
|
||||
border-bottom: solid 1px #ddd;
|
||||
border-left: 0;
|
||||
padding-top: 5px;
|
||||
height: 125px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:992px) {
|
||||
.ticket-cell {
|
||||
border-bottom: 0;
|
||||
border-left: solid 1px #ddd;
|
||||
margin-top: 1px;
|
||||
height: 90px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width:992px) {
|
||||
.ticket-cell-admin {
|
||||
border-bottom: 0;
|
||||
border-left: solid 1px #ddd;
|
||||
margin-top: 1px;
|
||||
height: 125px;
|
||||
padding-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.row {
|
||||
margin-right: 0px;
|
||||
margin-left: 0px;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.navbar-default {
|
||||
background-color: <?php echo $navbarBackgroundColor; ?>;
|
||||
background-image: none;
|
||||
filter: none;
|
||||
}
|
||||
.navbar-default .navbar-brand {
|
||||
color: <?php echo $navbarBrandColor; ?>;
|
||||
}
|
||||
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover {
|
||||
color: <?php echo $navbarBrandHoverColor; ?>;
|
||||
background-color: transparent;
|
||||
}
|
||||
.navbar-default .navbar-nav>li>a {
|
||||
color: <?php echo $navbarItemTextColor; ?>;
|
||||
}
|
||||
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
|
||||
color: <?php echo $navbarItemTextHoverColor; ?>;
|
||||
background-color: transparent;
|
||||
}
|
||||
.dropdown-menu>li>a {
|
||||
color: <?php echo $dropdownItemTextColor; ?>;
|
||||
}
|
||||
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
|
||||
color: <?php echo $dropdownItemTextHoverColor; ?>;
|
||||
text-decoration: none;
|
||||
background-color: <?php echo $dropdownItemTextHoverBackgroundColor; ?>;
|
||||
}
|
||||
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
|
||||
color: <?php echo $navbarItemTextSelectedColor; ?>;
|
||||
background-color: <?php echo $navbarItemSelectedBackgroundColor; ?>;
|
||||
}
|
||||
.settingsquestionmark {
|
||||
color: <?php echo $questionMarkColor; ?>;
|
||||
font-size: 14px;
|
||||
}
|
||||
.settingsquestionmark:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.h3questionmark {
|
||||
color: <?php echo $questionMarkColor; ?>;
|
||||
font-size: 14px;
|
||||
}
|
||||
.h3questionmark:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.form-signin {
|
||||
max-width: 330px;
|
||||
padding: 15px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.loginError {
|
||||
width: 40%;
|
||||
padding: 20px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
.kbContent {
|
||||
padding-top: 10px;
|
||||
text-align: right;
|
||||
}
|
||||
.withBorder {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
.ticketMessageContainer {
|
||||
background-color: #ededef;
|
||||
border: 1px solid #ddd;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.ticketName {
|
||||
font-size: 20px;
|
||||
font-weight: 300;
|
||||
color: #000;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.ticketEmail {
|
||||
font-size: 14px;
|
||||
color: #888;
|
||||
}
|
||||
.ticketMessageTop {
|
||||
padding-top: 10px;
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
margin-left: -15px;
|
||||
color: #888;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.pushMargin {
|
||||
margin-top: -10px;
|
||||
margin-bottom: -10px;
|
||||
}
|
||||
|
||||
.pushMarginLeft {
|
||||
margin-right: -15px;
|
||||
margin-left: -15px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.ticketMessageBottom {
|
||||
padding-right: 10px;
|
||||
padding-left: 10px;
|
||||
margin-left: -15px;
|
||||
word-wrap: break-word;
|
||||
font-size: 15px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.ticketMessageBottom > p.message {
|
||||
margin-bottom: 0px;
|
||||
|
||||
}
|
||||
|
||||
.ticketMessage {
|
||||
margin-right: 238px;
|
||||
background: #fff;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
}
|
||||
.ticketPropertyTitle {
|
||||
color: rgba(255, 255, 255, .75);
|
||||
font-size: 11px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.ticketPropertyText {
|
||||
font-size: 16px;
|
||||
line-height: 1em;
|
||||
color: #fff;
|
||||
}
|
||||
.criticalPriority {
|
||||
background-color: red;
|
||||
}
|
||||
.highPriority {
|
||||
background-color: #ff6a00;
|
||||
}
|
||||
.medLowPriority {
|
||||
background-color: #8BB467;
|
||||
}
|
||||
div.blankSpace {
|
||||
padding-top: 20px;
|
||||
}
|
||||
div.footerWithBorder {
|
||||
border-top: 1px solid #cfd4d6;
|
||||
}
|
||||
|
||||
.blockRow > a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.block {
|
||||
height: 114px;
|
||||
width: 114px;
|
||||
display: inline-block;
|
||||
border: 1px solid #c9cfd7;
|
||||
background-color: #fff;
|
||||
border-radius: 4px;
|
||||
font-size: .83em;
|
||||
margin-left: 5px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.block > .upper {
|
||||
height:57px;
|
||||
padding-top:10px;
|
||||
}
|
||||
|
||||
.block > .upper > img {
|
||||
padding-top:5px;
|
||||
padding-bottom:5px;
|
||||
padding-right:41px;
|
||||
}
|
||||
|
||||
.block > .lower {
|
||||
height:57px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.block > .lower > p:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
div.block:hover {
|
||||
background-color: #e9ecef;
|
||||
}
|
||||
div.rightSideDash {
|
||||
padding-right: 18px;
|
||||
padding-left: 18px;
|
||||
}
|
||||
div.enclosing {
|
||||
background-color: #fff;
|
||||
color: #4a5571;
|
||||
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
width: 100%}
|
||||
div.headersm {
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
background-color: #424b5c;
|
||||
background-repeat: repeat-x;
|
||||
padding: 12px 20px 8px;
|
||||
margin: 0;
|
||||
font-weight: 700;
|
||||
padding-right: 20px;
|
||||
}
|
||||
div.installWarning {
|
||||
width: 70%;
|
||||
height: 52px;
|
||||
margin-top: 10px;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
}
|
||||
div.setupContainer {
|
||||
margin: 50px;
|
||||
text-align: center;
|
||||
}
|
||||
div.setupLogo {
|
||||
vertical-align: middle;
|
||||
border: 0;
|
||||
margin-top: -2px;
|
||||
}
|
||||
div.setupButtons {
|
||||
text-decoration: none;
|
||||
border: 4px solid #eee;
|
||||
background: #fff;
|
||||
border-radius: 5px;
|
||||
color: #61718c;
|
||||
-webkit-box-shadow: rgba(0, 0, 0, .1)0 0 3px;
|
||||
-moz-box-shadow: rgba(0, 0, 0, .1)0 0 3px;
|
||||
text-align: center;
|
||||
margin: 20px 0;
|
||||
padding: 10px 0;
|
||||
}
|
||||
.agreementBox {
|
||||
position: relative;
|
||||
background-color: #fff;
|
||||
overflow: auto;
|
||||
padding: 20px;
|
||||
display: block;
|
||||
height: 206px;
|
||||
box-shadow: inset 0 0 4px #bbb, inset 0 0 20px #eee;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.summaryList {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: #ddd;
|
||||
border-top-color: transparent;
|
||||
}
|
||||
.installRequirements {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: 90%;
|
||||
}
|
||||
@ -0,0 +1,745 @@
|
||||
body {
|
||||
background-color: #f3fef4;
|
||||
color: black;
|
||||
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
margin-right:0;
|
||||
margin-left:0;
|
||||
margin-top:0;
|
||||
margin-bottom:0;
|
||||
}
|
||||
|
||||
table.enclosing {
|
||||
background-color:#FFFFFF;
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
width: 770px;
|
||||
}
|
||||
|
||||
|
||||
td {
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
a img {
|
||||
vertical-align: bottom;
|
||||
border : none;
|
||||
}
|
||||
|
||||
td.white {
|
||||
background-color: #FFFFFF;
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
td.admin_white {
|
||||
background-color: #FFFFFF;
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
border: #d1dceb 1px solid;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
td.admin_gray {
|
||||
background-color: #f5fffa;
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
border: #d1dceb 1px solid;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
td.notes {
|
||||
background-color: #fffbf2;
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
border: #ffe6b8 1px solid;
|
||||
}
|
||||
|
||||
th.tDetailsHead {
|
||||
background-color: #F7F7F7;
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
td.tDetailsBody {
|
||||
background-color: #FFFFFF;
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
border: #F7F7F7 1px solid;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.small {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.smaller {
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
a {
|
||||
color : Blue;
|
||||
text-decoration : underline;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color : Red;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
table.white {
|
||||
background-color: #ffffff ;
|
||||
color : #23559C;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table.white th {
|
||||
background-color: #ffffff;
|
||||
color : #23559C;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
border: #b2babd 1px solid;
|
||||
border-collapse: collapse;
|
||||
background-image: url(img/tableheader.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: right top;
|
||||
}
|
||||
|
||||
table.white th a {
|
||||
color : #23559C;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
table.white td {
|
||||
height: 25px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.noborder {
|
||||
border: none;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color : #74804e;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.important {
|
||||
color: Red;
|
||||
}
|
||||
|
||||
.medium {
|
||||
color: #FF9900;
|
||||
}
|
||||
|
||||
input {
|
||||
font-size: 12px;
|
||||
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
color:#000000;
|
||||
}
|
||||
|
||||
input.button {
|
||||
font-size: 12px;
|
||||
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
color:#000000;
|
||||
background-color:#FFFFFF;
|
||||
}
|
||||
|
||||
select {
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
header a img {border: none; text-decoration: none !important;}
|
||||
|
||||
.open {color : #FF0000;}
|
||||
.waitingreply {color : #FF9933;}
|
||||
.replied {color : #0000FF;}
|
||||
.resolved {color : #008000;}
|
||||
.allbutresolved {color : #000000;}
|
||||
|
||||
.success {color : #008000;}
|
||||
.error {color : #FF0000;}
|
||||
.notice {color : #FF9900}
|
||||
|
||||
#ok {
|
||||
border: 1px solid #679800;
|
||||
}
|
||||
|
||||
#error {
|
||||
border: 1px solid #ba3225;
|
||||
}
|
||||
|
||||
.rate {
|
||||
color: #666666;
|
||||
text-align: left;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
a.article {
|
||||
color : Black;
|
||||
text-decoration: none;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
a.article:hover {
|
||||
color : Red;
|
||||
text-decoration : none;
|
||||
}
|
||||
|
||||
.article_list {
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
margin-bottom: 6px;
|
||||
border: 1px SOLID #267DDC;
|
||||
padding: 4px;
|
||||
background-color:white;
|
||||
position:relative;
|
||||
display:block;
|
||||
padding: 0px 10px 10px 10px;
|
||||
margin:20px 0px 20px 0px;
|
||||
}
|
||||
|
||||
legend {
|
||||
background-image: url(img/bluebtn.png);
|
||||
background-repeat: no-repeat;
|
||||
color: #172901;
|
||||
border: 1px solid #267DDC;
|
||||
height: 10px;
|
||||
font-size: 10px;
|
||||
font-weight:bold;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
background-position: right top;
|
||||
display:block;
|
||||
width: auto;
|
||||
padding:4px 5px;
|
||||
margin:0px 0px 10px 0px;
|
||||
position:relative;
|
||||
top: -12px;
|
||||
width:130px;
|
||||
}
|
||||
|
||||
/*newly introduced styles (version 2.0)*/
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
background-color: #74a62b;
|
||||
color : #ffffff;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
background-image: url(img/header.png);
|
||||
background-repeat: repeat-x;
|
||||
height: 57px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.header td {
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
color:#FFFFFF;
|
||||
}
|
||||
.header a, .header a:link, .header a:active, .header a:visited {
|
||||
color : #ffffff;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
text-align: center;
|
||||
}
|
||||
.header a:hover {}
|
||||
|
||||
.headersm {
|
||||
width: 100%;
|
||||
background-color: #669933;
|
||||
color : #ffffff;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
text-align: right;
|
||||
background-image: url(img/headerbgsm.jpg);
|
||||
background-repeat: repeat-x;
|
||||
height: 25px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-weight:bold;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
border-bottom: 1px dotted #adbac3;
|
||||
width: 100%;
|
||||
padding-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
.greenbutton {
|
||||
background-image: url(img/greenbtn.jpg);
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
border: 1px solid #527234;
|
||||
font-size: 10px;
|
||||
font-weight:bold;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
background-position: right top;
|
||||
height: 19px;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px
|
||||
}
|
||||
|
||||
.greenbuttonover {
|
||||
background-image: url(img/greenbtnover.gif);
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
color: #FFFFFF;
|
||||
border: 1px solid #527234;
|
||||
font-size: 10px;
|
||||
font-weight:bold;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
background-position: right top;
|
||||
height: 19px;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px
|
||||
}
|
||||
|
||||
.orangebutton {
|
||||
background-image: url(img/orangebtn.jpg);
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
color: #660000;
|
||||
border: 1px solid #bf6628;
|
||||
height: 20px;
|
||||
font-size: 10px;
|
||||
font-weight:bold;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
background-position: right top;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px;
|
||||
text-decoration: none;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.orangebuttonover {
|
||||
background-image: url(img/orangebtnover.gif);
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
color: #660000;
|
||||
border: 1px solid #bf6628;
|
||||
height: 20px;
|
||||
font-size: 10px;
|
||||
font-weight:bold;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
background-position: right top;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px;
|
||||
text-decoration: none;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.bluebutton {
|
||||
background-image: url(img/bluebtn.png);
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
color: #660000;
|
||||
border: 1px solid #5b79a3;
|
||||
height: 20px;
|
||||
font-size: 10px;
|
||||
font-weight:bold;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
background-position: right top;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
margin-right: 2px;
|
||||
text-decoration: none;
|
||||
margin-left: 2px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
|
||||
/*styles for roundcorners tables*/
|
||||
|
||||
.roundcornersleft {
|
||||
width: 7px;
|
||||
background-image: url(img/roundcornerslm.jpg);
|
||||
background-repeat: repeat-y;
|
||||
background-position: right;
|
||||
}
|
||||
.roundcornersright {
|
||||
width: 7px;
|
||||
background-image: url(img/roundcornersrm.jpg);
|
||||
background-repeat: repeat-y;
|
||||
background-position: left;
|
||||
}
|
||||
.roundcornerstop {
|
||||
height: 7px;
|
||||
background-image: url(img/roundcornerst.jpg);
|
||||
background-repeat: repeat-x;
|
||||
background-position: top;
|
||||
}
|
||||
.roundcornersbottom {
|
||||
height: 7px;
|
||||
background-image: url(img/roundcornersb.jpg);
|
||||
background-repeat: repeat-x;
|
||||
background-position: bottom;
|
||||
}
|
||||
.ticketrow {
|
||||
background-color: #f5fffa;
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
border: #748aaf 1px dotted;
|
||||
padding: 6px;
|
||||
}
|
||||
.ticketalt {
|
||||
background-color: #ffffff;
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
.tickettd {
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.subheaderrow {
|
||||
background-color: #ffffff;
|
||||
color : #23559C;
|
||||
border: #23559C solid 1px;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
border-collapse: collapse;
|
||||
background-image: url(img/tableheader.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: right top;
|
||||
height: 25px;
|
||||
padding-right: 20px;
|
||||
padding-left: 20px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.homepageh3, .section {
|
||||
color: #74804e;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/*newly introduced styles (version 2.2)*/
|
||||
|
||||
.large {
|
||||
font-size:14px;
|
||||
}
|
||||
|
||||
.largebold {
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.assignedyou {
|
||||
color: red;
|
||||
}
|
||||
|
||||
.assignedother {
|
||||
color: green;
|
||||
}
|
||||
|
||||
div.error {
|
||||
border: 1px solid #cd0a0a;
|
||||
background: #fef1ec;
|
||||
color: #cd0a0a;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
div.success {
|
||||
border: 1px solid #18760f;
|
||||
background: #e9ffdb;
|
||||
color: #363636;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
div.notice {
|
||||
border: 1px solid #fcefa1;
|
||||
background: #fbf9ee;
|
||||
color: #363636;
|
||||
padding: 10px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.admin_green {
|
||||
background-color: #e3ffd0;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.admin_red {
|
||||
background-color: #fef1ec;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.borderBottom {
|
||||
border-bottom: silver 1px dashed;
|
||||
}
|
||||
|
||||
.borderTop {
|
||||
border-top: silver 1px dashed;
|
||||
}
|
||||
|
||||
.alignTop {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.alignMiddle {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.alignBottom {
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
hr.dashed {
|
||||
border: none 0;
|
||||
border-top: 1px dashed silver;
|
||||
height: 1px;
|
||||
}
|
||||
|
||||
/* newly introduced styles (version 2.3) */
|
||||
|
||||
h1 {
|
||||
color : #74804e;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.critical {
|
||||
color: #9400d3;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
td.admin_critical {
|
||||
background-color: #fff0ff;
|
||||
color : #000000;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
border: 1px solid #ff66ff;
|
||||
border-top: 2px dashed #ff66ff;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
.isError {
|
||||
color: black;
|
||||
background-color: #fff9f7;
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
.isNotice {
|
||||
color: black;
|
||||
border: 1px solid orange;
|
||||
background: #fbf9ee;
|
||||
}
|
||||
|
||||
.optionWhiteON{
|
||||
padding:2px;
|
||||
border:1px dotted silver;
|
||||
background-color: #b0e0e6;
|
||||
}
|
||||
|
||||
.optionWhiteOFF {
|
||||
padding:2px;
|
||||
border:1px dotted silver;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.optionBlueON {
|
||||
padding:2px;
|
||||
border:1px dotted gray;
|
||||
background-color: #b0e0e6;
|
||||
}
|
||||
|
||||
.optionBlueOFF {
|
||||
padding:2px;
|
||||
border:1px dotted gray;
|
||||
background-color: #f5fffa;
|
||||
}
|
||||
|
||||
.optionWhiteNbON{
|
||||
border: none;
|
||||
background-color: #b0e0e6;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.optionWhiteNbOFF {
|
||||
border: none;
|
||||
background-color: white;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
.kbCatListON {
|
||||
background-color: #fcefa1;
|
||||
}
|
||||
|
||||
.kbCatListOFF {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
div.progress-container {
|
||||
border: 1px solid #ccc;
|
||||
width: 100px;
|
||||
margin: 2px 0 2px 5px;
|
||||
padding: 1px;
|
||||
float: right;
|
||||
background: white;
|
||||
}
|
||||
|
||||
div.progress-container > div {
|
||||
background-color: #ACE97C;
|
||||
height: 12px
|
||||
}
|
||||
|
||||
.black {color: black;}
|
||||
.inprogress {color : #006400;}
|
||||
.onhold {color : #000000;}
|
||||
|
||||
div.online {
|
||||
border: 1px solid #e5e8ff;
|
||||
background: #ffffff;
|
||||
color: #000000;
|
||||
padding: 0px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
span.online {
|
||||
font-size: 10px;
|
||||
white-space:nowrap;
|
||||
}
|
||||
|
||||
/* newly introduced styles (version 2.4) */
|
||||
|
||||
.orangebuttonsec {
|
||||
background-image: url(img/orangebtnsec.jpg);
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
color: #660000;
|
||||
border: 1px solid #bf6628;
|
||||
height: 20px;
|
||||
font-size: 10px;
|
||||
font-weight:normal;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
background-position: right top;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px;
|
||||
text-decoration: none;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.orangebuttonsecover {
|
||||
background-image: url(img/orangebtnover.gif);
|
||||
background-repeat: no-repeat;
|
||||
text-align: center;
|
||||
color: #660000;
|
||||
border: 1px solid #bf6628;
|
||||
height: 20px;
|
||||
font-size: 10px;
|
||||
font-weight:normal;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
background-position: right top;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
margin-right: 2px;
|
||||
margin-left: 2px;
|
||||
text-decoration: none;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
td.admin_yellow {
|
||||
background-color: #ffffe0;
|
||||
color : #4a5571;
|
||||
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
|
||||
font-size: 11px;
|
||||
border: #d1dceb 1px solid;
|
||||
padding: 1px;
|
||||
}
|
||||
|
||||
/* New styles in HESK version 2.5 */
|
||||
|
||||
.kb_published {
|
||||
color: #009900;
|
||||
}
|
||||
|
||||
.kb_private {
|
||||
color: #4a5571;
|
||||
}
|
||||
|
||||
.kb_draft {
|
||||
color: #cc9933;
|
||||
}
|
||||
|
||||
.searchbutton {
|
||||
cursor:pointer;
|
||||
width:70px;
|
||||
height:27px;
|
||||
text-indent:-999px;
|
||||
text-transform: capitalize;
|
||||
color: transparent;
|
||||
background: url(img/ico-search.png) no-repeat #4d90fe center;
|
||||
border: 1px solid #3079ED;
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
}
|
||||
|
||||
.searchbutton:hover {
|
||||
background: url(img/ico-search.png) no-repeat center #357AE8;
|
||||
border: 1px solid #2F5BB7;
|
||||
}
|
||||
|
||||
.searchfield {
|
||||
width:400px;
|
||||
height:21px;
|
||||
font-size:14px;
|
||||
text-indent:2px;
|
||||
vertical-align: bottom;
|
||||
}
|
||||
|
||||
.sbsmall {
|
||||
width:50px;
|
||||
height:22px;
|
||||
margin-top:2px;
|
||||
}
|
||||
|
||||
.sfsmall {
|
||||
width:200px;
|
||||
height:16px;
|
||||
font-size:12px;
|
||||
margin-top:2px;
|
||||
}
|
||||
Loading…
Reference in New Issue