Commit 8161664b by Harsh Shah

Finish Release-20170906

parents ea6c5700 dd8ec62e
<?xml version="1.0" encoding="UTF-8"?>
<classpath>
<classpathentry kind="src" path="src"/>
<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER"/>
<classpathentry kind="output" path="bin"/>
</classpath>
<?xml version="1.0" encoding="UTF-8"?>
<projectDescription>
<name>Performa Investments</name>
<comment></comment>
<projects>
</projects>
<buildSpec>
<buildCommand>
<name>org.eclipse.xtext.ui.shared.xtextBuilder</name>
<arguments>
</arguments>
</buildCommand>
<buildCommand>
<name>org.eclipse.jdt.core.javabuilder</name>
<arguments>
</arguments>
</buildCommand>
</buildSpec>
<natures>
<nature>org.eclipse.jdt.core.javanature</nature>
<nature>org.eclipse.xtext.ui.shared.xtextNature</nature>
</natures>
</projectDescription>
<!-- The order here of this CSS file is important! -->
.dynCalendar_header{
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 10pt;
font-weight: bold;
}
.dynCalendar_dayname {
background-color: #eeeeee;
border: 1px solid #c0c0c0;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 8pt;
text-align: center;
}
.dynCalendar_day {
background-color: #eeeeee;
color: #000000;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 8pt;
}
.dynCalendar {
background-color: #eeeeee;
border: 2px outset white;
visibility: hidden;
position: absolute;
top: 1px;
left: 1px;
}
.dyncalendar table {
background-color: #eeeeee;
}
.dynCalendar td {
background-color: #eeeeee;
}
td.dynCalendar_today {
background-color: #ffffff;
border: 1px solid #c0c0c0;
font-family: Arial, Verdana, Helvetica, Sans-Serif;
font-size: 8pt;
}
\ No newline at end of file
$.fn.jqDatePicker = function(){
this.each(function(i, el){
var _$Context = $(el), _$DatePickerInput, _$DayInput, _$MonthInput, _$YearInput, init, _bindEvents, _setDate, _applyJDatePicker;
init = function(options){
_$DayInput = $('.dateDay input, .dateDay select', _$Context);
_$MonthInput = $('.dateMonth select', _$Context);
_$YearInput = $('.dateYear select, .dateYear input', _$Context);
_$DatePickerInput = $('<input type="hidden" />').appendTo(_$Context);
_setDate();
_bindEvents();
};
_bindEvents = function(){
_applyJDatePicker(_$DatePickerInput);
_$DayInput.bind('blur keyup change', _setDate);
_$MonthInput.bind('change', _setDate);
_$YearInput.bind('change', _setDate);
};
_setDate = function(){
var day = $.trim(_$DayInput.val()), month = $.trim(_$MonthInput.val()), year = $.trim(_$YearInput.val());
if(!day || !month || !year)
return;
_$DatePickerInput.val(day + "/" + month + "/" + year);
};
_applyJDatePicker = function($Target){
$Target.datepicker({
showOn: "button",
buttonImage: (contextRoot || "") + "images/caloff.gif",
buttonImageOnly: true,
minDate: "01/01/" + (_$YearInput.find('option').eq(1).attr('value') || 1900),
//maxDate: "31/12/" + dDate.getFullYear(),
dateFormat : 'd/m/yy',
onSelect : function(date){
var aDate = date.split('/');
_$DayInput.val(aDate[0]);
_$MonthInput.val(aDate[1]);
_$YearInput.val(aDate[2]);
}
});
};
init();
});
}
//Now in utils.js
//$(function(){
// $('.jq-date').jqDatePicker();
//})
/*autocomplete menu styles*/
input[type="text"].autoComplete{
-webkit-border-radius: 0 0.8em 0.8em 0;
-moz-border-radius: 0 0.8em 0.8em 0;
border-radius: 0 0.8em 0.8em 0;
}
.ormmulti-autocomplete {
padding: 3px 3px 0;
border: 1px solid #aaa;
background-color: #fff;
cursor: text;
}
.ormmulti-autocomplete .multi-autocomplete-input {
width: 30%;
margin: 0 0 2px 0;
padding: 0 0 3px;
position: relative;
top: 0;
float: left;
border: none;
}
.ormmulti-autocomplete .multi-autocomplete-input:FOCUS {
width: 30%;
margin: 0 0 2px 0;
padding: 0 0 3px;
position: relative;
top: 0;
float: left;
border: none;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
}
.ormmulti-autocomplete span.multiselect-item {
display: block;
margin: 0 3px 3px 0;
padding: 4px 20px 4px 8px;
position: relative;
float: left;
font-size: 13px;
line-height: 18px;
color: #333333;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
cursor: pointer;
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(top, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border: 1px solid #cccccc;
*border: 0;
border-bottom-color: #b3b3b3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ormmulti-autocomplete span.multiselect-item:hover {
background-color: #e6e6e6;
}
.ormmulti-autocomplete span.multiselect-item a {
position: absolute;
right: 8px;
top: 5px;
color: #666;
}
.ormmulti-autocomplete span.multiselect-item a:hover {
color: #ff0000;
}
.dvhdr1
{
background:#F3F0E7;
font-family:arial;
font-size:12px;
font-weight:bold;
border:1px solid #C8BA92;
padding:5px;
width:400px;
}
.dvbdy1
{
background:#FFFFFF;
font-family:arial;
font-size:12px;
border-left:1px solid #C8BA92;
border-right:1px solid #C8BA92;
border-bottom:1px solid #C8BA92;
padding:5px;
width:400px;
}
td
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
}
p, body
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 10pt;
line-height: 13pt;
color: #555555;
word-spacing: 0;
}
p.c
{
text-align: center;
}
ul
{
margin-top: 2px;
padding-top: 2px;
}
ul li
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
list-style-image: url(../images/bullet.gif);
}
ol li
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
}
ol
{
list-style-type: decimal;
}
ol ol
{
list-style-type: lower-alpha;
}
h1
{
color: #4A2E2E;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 11pt;
font-weight: bolder;
word-spacing: 0;
margin-bottom: -8px;
}
/*
h1+h2
{
margin-top: 2px;
}
*/
h2
{
color: #9B2324;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 11pt;
font-weight: normal;
word-spacing: 0;
margin-bottom: -12px;
}
h3
{
color: #9B2324;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-weight: bold;
word-spacing: 0;
margin-top: 9px;
margin-bottom: 5px;
}
h4
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-weight: bold;
word-spacing: 0;
margin-top: 9px;
margin-bottom: 5px;
}
h5 /* Small */
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 7pt;
font-weight: normal;
text-decoration: none;
text-color: #202020;
margin-top: 0.5em;
margin-bottom: 0.9em;
line-height: 1.2em;
}
h6 /* Tight */
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-weight: normal;
line-height: 10pt;
color: #000000;
word-spacing: 0;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.crumbtrailheading
{
color: #C75D29;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: bolder;
word-spacing: 50;
}
.topborder
{
background-color: #B82424;
line-height: 8pt;
}
.frontpageTitle
{
color: white;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-weight: bold;
word-spacing: 0;
letter-spacing: 5pt;
}
.frontpageLink
{
color: black;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
}
.frontpageLabel
{
color: white;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-weight: normal;
}
input {
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-height: 20pt;
background-color: #CECECE;
border-style: solid;
border-width: 1;
margin-top: 2px;
padding: 4px;
}
.navbarSubheading
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
line-height: 11pt;
word-spacing: 0;
letter-spacing: -1pt;
color: white;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 0px;
padding-top: 1px;
padding-bottom: 2px;
padding-left: 24px;
background-color: #213B63;
text-decoration: none;
text-indent: 0px;
}
p.navbarSubheading a
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
line-height: 11pt;
word-spacing: 0;
letter-spacing: -1pt;
color: white;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 0px;
padding-top: 1px;
padding-bottom: 2px;
padding-left: 0px;
text-decoration: none;
text-indent: 0px;
}
.navbarheading, p.navbarHeading a
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-weight: bold;
word-spacing: -20;
letter-spacing: -1pt;
color: white;
margin-top: 1px;
margin-bottom: 5px;
padding-top: 4px;
padding-bottom: 0px;
padding-left: 0px;
text-decoration: none;
}
p.navbarHeading a:hover
{
color: #6060A0;
}
.thinNavbarheading
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
line-height: 16pt;
font-weight: bold;
word-spacing: -20;
letter-spacing: -1pt;
color: white;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
text-decoration: none;
}
.navbarLogout, p.navbarLogout a
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-style: italic;
line-height: 24pt;
font-weight: bold;
word-spacing: -20;
letter-spacing: -1pt;
color: #FFEEEE;
margin-top: 18px;
margin-bottom: 5px;
padding-top: 1px;
padding-bottom: 0px;
padding-left: 0px;
text-decoration: none;
}
p.navbarLogout a:hover
{
color: #6060A0;
}
.whitetext, a.whitetext, td.whitetext a
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
word-spacing: 0;
letter-spacing: -1pt;
color: white;
text-decoration: none;
margin: 0 0 0 0;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 8px;
padding-right: 8px;
}
.navbarSubheading
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
line-height: 11pt;
word-spacing: 0;
letter-spacing: -1pt;
color: white;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 0px;
padding-top: 1px;
padding-bottom: 2px;
padding-left: 24px;
background-color: #213B63;
text-decoration: none;
text-indent: 0px;
}
p.navbarSubheading a
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
line-height: 11pt;
word-spacing: 0;
letter-spacing: -1pt;
color: white;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 0px;
padding-top: 1px;
padding-bottom: 2px;
padding-left: 0px;
text-decoration: none;
text-indent: 0px;
}
.navbarheading, p.navbarHeading a
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-weight: bold;
word-spacing: 0;
letter-spacing: -1pt;
color: white;
margin-top: 1px;
margin-bottom: 5px;
padding-top: 4px;
padding-bottom: 0px;
padding-left: 0px;
text-decoration: none;
}
p.navbarHeading a:hover
{
color: #6060A0;
}
.thinNavbarheading
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
line-height: 16pt;
font-weight: bold;
word-spacing: 0;
letter-spacing: -1pt;
color: white;
margin-top: 1px;
margin-bottom: 1px;
margin-left: 2px;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 2px;
text-decoration: none;
}
.navbarLogout, p.navbarLogout a
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-style: italic;
line-height: 24pt;
font-weight: bold;
word-spacing: 0;
letter-spacing: -1pt;
color: #FFEEEE;
margin-top: 18px;
margin-bottom: 5px;
padding-top: 1px;
padding-bottom: 0px;
padding-left: 0px;
text-decoration: none;
}
p.navbarLogout a:hover
{
color: #6060A0;
}
.whitetext, a.whitetext, td.whitetext a
{
font-family: Verdana, Arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
word-spacing: 0;
letter-spacing: -1pt;
color: white;
text-decoration: none;
margin: 0 0 0 0;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 8px;
padding-right: 8px;
}
body
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
}
table
{
empty-cells: show;
}
td, td p
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
margin-top: 0px;
}
th, th p
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 10pt;
line-height: 13pt;
color: #FDF4F5;
word-spacing: 0;
margin-top: 0px;
font-weight: bold;
}
p
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
margin-top: 5px;
}
b
{
font-weight: bold;
}
ul
{
margin-top: 2px;
padding-top: 2px;
}
ul li
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
list-style-image: url(../images/bullet.gif);
}
ol li
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
}
ol
{
list-style-type: decimal;
}
ol ol
{
list-style-type: lower-alpha;
}
h1
{
color: #4A2E2E;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 12pt;
font-weight: bolder;
word-spacing: 0;
margin-bottom: 5px;
}
/*
h1+h2
{
margin-top: 2px;
}
*/
h2
{
color: #4A2E2E;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 11pt;
font-weight: bold;
word-spacing: 0;
margin-bottom: 5px;
}
h3
{
color: #4A2E2E;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: bold;
word-spacing: 0;
margin-top: 9px;
margin-bottom: 5px;
}
h4
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: bold;
word-spacing: 0;
margin-top: 9px;
margin-bottom: 5px;
}
h5 /* Small */
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
text-color: #202020;
margin-top: 0.5em;
margin-bottom: 0.9em;
line-height: 1.2em;
}
h6 /* Tight */
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: normal;
line-height: 10pt;
color: #000000;
word-spacing: 0;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.crumbtrailheading
{
color: #C75D29;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 10pt;
font-weight: bolder;
word-spacing: 50;
}
.topborder
{
background-color: #B82424;
line-height: 8pt;
}
.tablebackground
{
}
.frontpageTitle
{
color: white;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: bold;
word-spacing: 0;
letter-spacing: 5pt;
}
.frontpageLink
{
color: black;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
}
.frontpageLabel
{
color: white;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: normal;
}
input
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-height: 20pt;
background-color: #CECECE;
border-style: solid;
border-width: 1;
margin-top: 2px;
}
input.notgrey
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-height: 20pt;
background-color: #ffffff;
border-style: inset;
border-width: 2;
margin-top: 0px;
}
input.button
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-height: 20pt;
background-color: #D4D0C8;
margin-top: 0px;
border-style: outset;
border-width: 1;
padding: 3px;
}
select
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-height: 20pt;
background-color: #ffffff;
margin-top: 2px;
}
.redask
{
font-size: 12pt;
font-weight: bolder;
color: red;
margin: 0;
padding: 0;
line-height: 9px;
}
table.grid_table
{
border: 2px solid #2D306B;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
empty-cells: show;
padding: 5px;
border-collapse: collapse;
margin-bottom: 1px;
}
td.grid_cell
{
border: 1px solid #2D306B;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
vertical-align: top;
font-weight: normal;
text-decoration: none;
padding: 5px 10px 5px 10px;
}
th.grid_cell
{
border: 1px solid #2D306B;
font-size: 10pt;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-weight: bold;
text-decoration: none;
background-color: #2D306B;
vertical-align: middle;
text-align: center;
padding: 5px 10px 5px 10px;
}
table.horizontal_table, table.outline_table
{
border: 1px solid #202020;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
empty-cells: show;
padding: 5px;
border-collapse: collapse;
margin-bottom: 1px;
}
td.horizontal_cell
{
border-top: 1px solid #202020;
border-bottom: 1px solid #202020;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
vertical-align: top;
font-weight: normal;
text-decoration: none;
padding: 5px 5px 5px 5px;
}
th.horizontal_cell
{
border-top: 1px solid #202020;
border-bottom: 1px solid #202020;
font-size: 10pt;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-weight: bold;
text-decoration: none;
background-color: #2D306B;
vertical-align: middle;
text-align: center;
padding: 5px 5px 5px 5px;
}
table.noborders_table
{
border: none;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
empty-cells: show;
padding: 5px;
margin-bottom: 1px;
}
td.noborders_cell, td.outline_cell
{
border: none;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
vertical-align: top;
font-weight: normal;
text-decoration: none;
padding: 5px 5px 5px 5px;
}
th.noborders_cell, th.outline_cell
{
border: none;
border: 1px solid #202020;
font-size: 10pt;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-weight: bold;
text-decoration: none;
background-color: #2D306B;
vertical-align: middle;
text-align: center;
padding: 5px 5px 5px 5px;
}
body
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
}
table
{
empty-cells: show;
}
td, td p
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
margin-top: 0px;
}
th, th p
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 10pt;
line-height: 13pt;
color: #FDF4F5;
word-spacing: 0;
margin-top: 0px;
font-weight: bold;
}
p
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
margin-top: 5px;
}
b
{
font-weight: bold;
}
ul
{
margin-top: 2px;
padding-top: 2px;
}
ul li
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
list-style-image: url(../images/bullet.gif);
}
ol li
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
line-height: 13pt;
color: #000000;
word-spacing: 0;
}
ol
{
list-style-type: decimal;
}
ol ol
{
list-style-type: lower-alpha;
}
h1
{
color: #4A2E2E;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 12pt;
font-weight: bolder;
word-spacing: 0;
margin-bottom: 5px;
}
/*
h1+h2
{
margin-top: 2px;
}
*/
h2
{
color: #4A2E2E;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 11pt;
font-weight: bold;
word-spacing: 0;
margin-bottom: 5px;
}
h3
{
color: #4A2E2E;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: bold;
word-spacing: 0;
margin-top: 9px;
margin-bottom: 5px;
}
h4
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: bold;
word-spacing: 0;
margin-top: 9px;
margin-bottom: 5px;
}
h5 /* Small */
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-weight: normal;
text-decoration: none;
text-color: #202020;
margin-top: 0.5em;
margin-bottom: 0.9em;
line-height: 1.2em;
}
h6 /* Tight */
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: normal;
line-height: 10pt;
color: #000000;
word-spacing: 0;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.crumbtrailheading
{
color: #C75D29;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 10pt;
font-weight: bolder;
}
.topborder
{
background-color: #B82424;
line-height: 8pt;
}
.tablebackground
{
}
.frontpageTitle
{
color: white;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: bold;
word-spacing: 0;
letter-spacing: 5pt;
}
.frontpageLink
{
color: black;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: normal;
text-decoration: none;
}
.frontpageLabel
{
color: white;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-weight: normal;
}
input
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
font-height: 20pt;
background-color: #CECECE;
border-style: solid;
border-width: 1;
margin-top: 2px;
}
input.notgrey
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-height: 20pt;
background-color: #ffffff;
border-style: inset;
border-width: 2;
margin-top: 0px;
}
input.button
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-height: 20pt;
background-color: #D4D0C8;
margin-top: 0px;
border-style: outset;
border-width: 1;
padding: 3px;
}
select
{
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 8pt;
font-height: 20pt;
background-color: #ffffff;
margin-top: 2px;
}
.redask
{
font-size: 12pt;
font-weight: bolder;
color: red;
margin: 0;
padding: 0;
line-height: 9px;
}
table.grid_table
{
border: 2px solid #2D306B;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
empty-cells: show;
padding: 5px;
border-collapse: collapse;
margin-bottom: 1px;
}
td.grid_cell
{
border: 1px solid #2D306B;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
vertical-align: top;
font-weight: normal;
text-decoration: none;
padding: 5px 10px 5px 10px;
}
th.grid_cell
{
border: 1px solid #2D306B;
font-size: 10pt;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-weight: bold;
text-decoration: none;
background-color: #2D306B;
vertical-align: middle;
text-align: center;
padding: 5px 10px 5px 10px;
}
table.horizontal_table, table.outline_table
{
border: 1px solid #202020;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
empty-cells: show;
padding: 5px;
border-collapse: collapse;
margin-bottom: 1px;
}
td.horizontal_cell
{
border-top: 1px solid #202020;
border-bottom: 1px solid #202020;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
vertical-align: top;
font-weight: normal;
text-decoration: none;
padding: 5px 5px 5px 5px;
}
th.horizontal_cell
{
border-top: 1px solid #202020;
border-bottom: 1px solid #202020;
font-size: 10pt;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-weight: bold;
text-decoration: none;
background-color: #2D306B;
vertical-align: middle;
text-align: center;
padding: 5px 5px 5px 5px;
}
table.noborders_table
{
border: none;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
empty-cells: show;
padding: 5px;
margin-bottom: 1px;
}
td.noborders_cell, td.outline_cell
{
border: none;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-size: 9pt;
vertical-align: top;
font-weight: normal;
text-decoration: none;
padding: 5px 5px 5px 5px;
}
th.noborders_cell, th.outline_cell
{
border: none;
border: 1px solid #202020;
font-size: 10pt;
font-family: verdana, arial, Helvetica, "ms sans serif", sans-serif;
font-weight: bold;
text-decoration: none;
background-color: #2D306B;
vertical-align: middle;
text-align: center;
padding: 5px 5px 5px 5px;
}
#header_wrap{
background-image: url('../images/companyLogo.png');
}
@media (min-width: 768px) {
.container-fluid{
padding-left: 75px;
padding-right: 75px;
}
div.pagetitle_inner{
padding: 0px 75px;
}
#header_wrap{
background-position-x: 75px;
}
}
/* some specific Styles */
/* workflow table */
.workflowTable thead{
display: none;
}
/* Email Template Editor */
textarea.emailTemplateEditor + div.classyedit .editor{
min-height: 300px;
}
/* Customise Apollo Tests */
.custom-personality-scale-table .slider-range{
margin: 0px 20px;
}
.custom-personality-scale-table .slider-range .ui-slider-handle{
border-color: #9a9a9a;
}
.custom-personality-scale-table .slider-range-1point.ui-widget.ui-widget-content{
background: lightgreen;
}
.custom-personality-scale-table .slider-range-1point .ui-slider-range{
background: indianred;
}
.custom-personality-scale-table .slider-range-2point.ui-widget.ui-widget-content{
background: #ffff78;
}
.custom-personality-scale-table .slider-range-2point .ui-slider-range{
background: lightgreen;
}
.custom-personality-scale-table .slider-range-3point.noUi-horizontal{
height: .9em;
}
.custom-personality-scale-table .slider-range-3point.noUi-horizontal .noUi-handle{
width: 1.2em;
height: 1.2em;
left: -7px;
top: -3px;
border-color: #9a9a9a;
font-size: 8pt;
}
.custom-personality-scale-table .slider-range-3point.noUi-horizontal .noUi-handle:BEFORE,
.custom-personality-scale-table .slider-range-3point.noUi-horizontal .noUi-handle:AFTER{
background: none;
}
.custom-personality-scale-table .slider-range-3point .veryLowColor{
background: indianred;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.custom-personality-scale-table .slider-range-3point .lowColor{
background: #ffff78;
}
.custom-personality-scale-table .slider-range-3point .perfectColor{
background: lightgreen;
}
.custom-personality-scale-table .slider-range-3point .overColor{
background: darkgreen;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.custom-personality-scale-table .slider-range-3point .noUi-marker-horizontal.noUi-marker-large{
height: 7px;
}
.custom-personality-scale-table .slider-range-3point{
font-size: 0.8em;
}
.custom-personality-scale-table .slider-range-3point .noUi-pips-horizontal{
padding: 5px 0px;
}
.custom-personality-scale-table .slider-range-3point .noUi-tooltip{
font-size: 12px;
}
/* questions table */
.customise-questions-table .slider-range{
margin: 0px 42px 0px 20px;
}
.customise-questions-table .slider-range .ui-slider-handle{
border-color: #9a9a9a;
}
.customise-questions-table .slider-range-1point.ui-widget.ui-widget-content{
background: lightgreen;
}
.customise-questions-table .slider-range-1point .ui-slider-range{
background: indianred;
}
/* breadcrumb styles */
.btn-breadcrumb .btn:not(:last-child):after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid white;
position: absolute;
top: 50%;
margin-top: -17px;
left: 100%;
z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid rgb(173, 173, 173);
position: absolute;
top: 50%;
margin-top: -17px;
margin-left: 1px;
left: 100%;
z-index: 3;
}
.btn-breadcrumb.btn-group-radio input[type=radio]:checked + .btn{
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.btn-breadcrumb.btn-group-radio input[type=radio]:checked + .btn:not(:last-child):after {
content: " ";
display: block;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-bottom: 17px solid transparent;
border-left: 10px solid #e6e6e6;
position: absolute;
top: 50%;
margin-top: -17px;
left: 100%;
z-index: 3;
}
/** The Spacing **/
.btn-breadcrumb .btn {
padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
padding:6px 6px 6px 10px;
margin-right:1px;
}
.btn-breadcrumb .btn:last-child {
padding:6px 18px 6px 24px;
margin-left:0px;
}
/** Default button **/
.btn-breadcrumb .btn:not(:last-child):after {
border-left: 10px solid #fff;
}
.btn-breadcrumb .btn:not(:last-child):before {
border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn:hover:not(:last-child):after {
border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn:hover:not(:last-child):before {
border-left: 10px solid #adadad;
}
.btn-group.btn-breadcrumb .btn:HOVER{
background-color: #e6e6e6;
}
\ No newline at end of file
/*dropdown menu styles*/
#page {
margin: 10px;
}
#menuBar {
color: #999999;
font-size: 11px;
font-family: arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
text-transform: capitalize;
display: block;
position: relative;
top: 0px;
left: 0px;
overflow: hidden;
vertical-align: middle;
border: outset 1px;
background-color: #D4D0C8;
height: 21px;
margin-bottom: 5px;
}
.menuHeader {
color: #000000;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
margin: 0px;
padding-left: 15px;
padding-right: 15px;
display: inline;
position: relative;
border-right: 1px solid #444444;
padding-bottom: 0px;
height: 21px;
text-align: center;
}
.menuHeader a,
.menuHeader a:link,
.menuHeader a:visited { color: #000000; text-decoration: none; background-color:}
.menuHeader a:hover { color: #FFFFFF; background-color: #444444; text-decoration: none; }
a.menuLink {
display: block;
padding: 2px 5px;
border-top: 1px solid #D4D0C8
}
a.menuLink:link {
color: #000000;
text-decoration: none
}
a.menuLink:visited {
color: #000000;
text-decoration: none
}
a.menuLink:hover {
color: #ffffff;
background-color: #000000;
text-decoration: none
}
a.menuLink:active {
color: #ffffff;
text-decoration: none;
background-color: #cc0000;
}
.menuDrop {
color: #999999;
font-size: 10px;
font-family: arial, Helvetica, sans-serif;
background-color: #ffffff;
background-repeat: repeat;
visibility: hidden;
margin: 0;
padding: 0;
position: absolute;
z-index: 1000;
top: 55px;
left: 0;
width: 65px;
height: auto;
border-style: solid;
border-width: 0 1px 1px;
border-color: #003365;
margin-top: 5px;
}
.oneit-vertical-tab{
width: 5%;
/* width: 16.66666667%; */
}
.oneit-vertical-tab-right-content{
width: 95%;
/* width: 83.33333333%; */
}
.oneit-vertical-tab span.tabIcon{
font-size: 1.7em;
/* padding-right: 1%; */
}
.oneit-vertical-tab span.tabLink{
display: none;
}
.oneit-vertical-tab .nav > li > a > span.glyphicon,
.oneit-vertical-tab .nav > li > a > span.fa{
color: #000;
}
.oneit-vertical-tab .nav > li.active > a > span.glyphicon,
.oneit-vertical-tab .nav > li.active > a > span.fa{
color: #fff;
}
\ No newline at end of file
/*
Styles for Inplace Editing
*/
.cmsEdit{
position:absolute;
left:0px;
top:0px;
background-color:#5b646d;
display:block;
padding:2px;
z-index:200;
}
.cmsEdit img{
border:0px;
display:block;
}
.editPage{
position:absolute;
left:0px;
top:250px;
z-index:300;
background-color:#5B646D;
color:white;
padding:5px;
}
.editPage a img{
border:0px;
display:block;
}
.editPage h5{
font-weight:bold;
color:white;
font-size:8px;
margin-top:10px;
}
.editPage .preview a{
display:block;
background:url(../images/on-off.jpg) bottom left no-repeat;
width:40px;
height:12px;
margin-bottom:10px;
}
.oneitEditable{
/* border:1px solid red; */
}
\ No newline at end of file
This source diff could not be displayed because it is too large. You can view the blob instead.
table.grid
{
border-collapse: collapse;
background-color: white;
border-top: 1px solid gray;
border-bottom: 1px solid gray;
border-left: 1px solid gray;
border-right: 1px solid gray;
width: 100%;
}
.grid th
{
background-color: #E8E9F4;
border: 1px outset;
border-bottom: 1px solid gray;
font-family: Verdana;
font-size: 8pt;
font-weight: bold;
color: black;
text-align: center;
padding-left: 3px;
padding-right: 3px;
}
.grid td
{
border: 1px solid #CCCCCC;
background-color: white;
font-family: Verdana;
font-size: 8pt;
color: black;
text-align: left;
padding-left: 3px;
padding-right: 3px;
}
/*! jQuery-ui-Slider-Pips - v1.11.4 - 2016-09-04
* Copyright (c) 2016 Simon Goellner <simey.me@gmail.com>; Licensed MIT */
/* HORIZONTAL */
/* increase bottom margin to fit the pips */
.ui-slider-horizontal.ui-slider-pips {
margin-bottom: 1.4em;
}
/* default hide the labels and pips that arnt visible */
/* we just use css to hide incase we want to show certain */
/* labels/pips individually later */
.ui-slider-pips .ui-slider-label,
.ui-slider-pips .ui-slider-pip-hide {
display: none;
}
/* now we show any labels that we've set to show in the options */
.ui-slider-pips .ui-slider-pip-label .ui-slider-label {
display: block;
}
/* PIP/LABEL WRAPPER */
/* position each pip absolutely just below the default slider */
/* and also prevent accidental selection */
.ui-slider-pips .ui-slider-pip {
width: 2em;
height: 1em;
line-height: 1em;
position: absolute;
font-size: 0.8em;
color: #999;
overflow: visible;
text-align: center;
top: 20px;
left: 20px;
margin-left: -1em;
cursor: pointer;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ui-state-disabled.ui-slider-pips .ui-slider-pip {
cursor: default;
}
/* little pip/line position & size */
.ui-slider-pips .ui-slider-line {
background: #999;
width: 1px;
height: 3px;
position: absolute;
left: 50%;
}
/* the text label postion & size */
/* it overflows so no need for width to be accurate */
.ui-slider-pips .ui-slider-label {
position: absolute;
top: 5px;
left: 50%;
margin-left: -1em;
width: 2em;
}
/* make it easy to see when we hover a label */
.ui-slider-pips:not(.ui-slider-disabled) .ui-slider-pip:hover .ui-slider-label {
color: black;
font-weight: bold;
}
/* VERTICAL */
/* vertical slider needs right-margin, not bottom */
.ui-slider-vertical.ui-slider-pips {
margin-bottom: 1em;
margin-right: 2em;
}
/* align vertical pips left and to right of the slider */
.ui-slider-vertical.ui-slider-pips .ui-slider-pip {
text-align: left;
top: auto;
left: 20px;
margin-left: 0;
margin-bottom: -0.5em;
}
/* vertical line/pip should be horizontal instead */
.ui-slider-vertical.ui-slider-pips .ui-slider-line {
width: 3px;
height: 1px;
position: absolute;
top: 50%;
left: 0;
}
.ui-slider-vertical.ui-slider-pips .ui-slider-label {
top: 50%;
left: 0.5em;
margin-left: 0;
margin-top: -0.5em;
width: 2em;
}
/* FLOATING HORIZTONAL TOOLTIPS */
/* remove the godawful looking focus outline on handle and float */
.ui-slider-float .ui-slider-handle:focus,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip-label
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip-label {
outline: none;
}
/* style tooltips on handles and on labels */
/* also has a nice transition */
.ui-slider-float .ui-slider-tip,
.ui-slider-float .ui-slider-tip-label {
position: absolute;
visibility: hidden;
top: -40px;
display: block;
width: 34px;
margin-left: -18px;
left: 50%;
height: 20px;
line-height: 20px;
background: white;
border-radius: 3px;
border: 1px solid #888;
text-align: center;
font-size: 12px;
opacity: 0;
color: #333;
-webkit-transition-property: opacity, top, visibility;
transition-property: opacity, top, visibility;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-duration: 200ms, 200ms, 0ms;
transition-duration: 200ms, 200ms, 0ms;
-webkit-transition-delay: 0ms, 0ms, 200ms;
transition-delay: 0ms, 0ms, 200ms;
}
/* show the tooltip on hover or focus */
/* also switch transition delay around */
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
opacity: 1;
top: -30px;
visibility: visible;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
-webkit-transition-delay: 200ms, 200ms, 0ms;
transition-delay: 200ms, 200ms, 0ms;
}
/* put label tooltips below slider */
.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
top: 42px;
}
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
top: 32px;
font-weight: normal;
}
/* give the tooltip a css triangle arrow */
.ui-slider-float .ui-slider-tip:after,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
content: " ";
width: 0;
height: 0;
border: 5px solid rgba(255, 255, 255, 0);
border-top-color: white;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -5px;
}
/* put a 1px border on the tooltip arrow to match tooltip border */
.ui-slider-float .ui-slider-tip:before,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
content: " ";
width: 0;
height: 0;
border: 5px solid rgba(255, 255, 255, 0);
border-top-color: #888;
position: absolute;
bottom: -11px;
left: 50%;
margin-left: -5px;
}
/* switch the arrow to top on labels */
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
border: 5px solid rgba(255, 255, 255, 0);
border-bottom-color: white;
top: -10px;
}
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
border: 5px solid rgba(255, 255, 255, 0);
border-bottom-color: #888;
top: -11px;
}
/* FLOATING VERTICAL TOOLTIPS */
/* tooltip floats to left of handle */
.ui-slider-vertical.ui-slider-float .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-tip-label {
top: 50%;
margin-top: -11px;
width: 34px;
margin-left: 0px;
left: -60px;
color: #333;
-webkit-transition-duration: 200ms, 200ms, 0;
transition-duration: 200ms, 200ms, 0;
-webkit-transition-property: opacity, left, visibility;
transition-property: opacity, left, visibility;
-webkit-transition-delay: 0, 0, 200ms;
transition-delay: 0, 0, 200ms;
}
.ui-slider-vertical.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
top: 50%;
margin-top: -11px;
left: -50px;
}
/* put label tooltips to right of slider */
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label {
left: 47px;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
left: 37px;
}
/* give the tooltip a css triangle arrow */
.ui-slider-vertical.ui-slider-float .ui-slider-tip:after,
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
border: 5px solid rgba(255, 255, 255, 0);
border-left-color: white;
border-top-color: transparent;
position: absolute;
bottom: 50%;
margin-bottom: -5px;
right: -10px;
margin-left: 0;
top: auto;
left: auto;
}
.ui-slider-vertical.ui-slider-float .ui-slider-tip:before,
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
border: 5px solid rgba(255, 255, 255, 0);
border-left-color: #888;
border-top-color: transparent;
position: absolute;
bottom: 50%;
margin-bottom: -5px;
right: -11px;
margin-left: 0;
top: auto;
left: auto;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
border: 5px solid rgba(255, 255, 255, 0);
border-right-color: white;
right: auto;
left: -10px;
}
.ui-slider-vertical.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
border: 5px solid rgba(255, 255, 255, 0);
border-right-color: #888;
right: auto;
left: -11px;
}
/* SELECTED STATES */
/* Comment out this chuck of code if you don't want to have
the new label colours shown */
.ui-slider-pips [class*=ui-slider-pip-initial] {
font-weight: bold;
color: #14CA82;
}
.ui-slider-pips .ui-slider-pip-initial-2 {
color: #1897C9;
}
.ui-slider-pips [class*=ui-slider-pip-selected] {
font-weight: bold;
color: #FF7A00;
}
.ui-slider-pips .ui-slider-pip-inrange {
color: black;
}
.ui-slider-pips .ui-slider-pip-selected-2 {
color: #E70081;
}
.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line,
.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {
background: black;
}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }
/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }
\ No newline at end of file
/*!
* jQuery ClassyEdit
* http://www.class.pm/projects/jquery/classyedit
*
* Copyright 2012 - 2013, Class.PM www.class.pm
* Written by Marius Stanciu - Sergiu <marius@picozu.net>
* Licensed under the GPL Version 3 license.
* Version 1.1.0
*
*/
*:focus {
/* outline: none; */
}
.classyedit {
border:1px #A9A9A9 solid;
width:100%;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius: 3px;
}
.classyedit .toolbar {
position:relative;
z-index:10;
height:41px;
background-image:url('../images/toolbar.png');
background-repeat:repeat-x;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius: 3px;
overflow:hidden;
display:none;
}
.classyedit .toolbar .button {
width:36px;
height:34px;
float:left;
background-image:url('../images/break.png');
background-repeat:no-repeat;
background-position:right 4px;
cursor:pointer;
}
.classyedit .toolbar .button:hover,
.classyedit .toolbar .button.on {
background-color:#E5E8EF;
border:1px #C9D0DA solid;
border-top:none;
margin-left:-1px;
width:35px;
}
.classyedit .toolbar .button.first:hover {
border-left:none;
margin-left:0px;
-moz-border-top-left-radius:3px;
-webkit-border-top-left-radius:3px;
border-top-left-radius: 3px;
}
.classyedit .toolbar .button div,
.classyedit .toolbar .button a {
background-repeat:no-repeat;
background-position:center center;
display:block;
width:100%;
height:34px;
}
.classyedit .toolbar .button [command='underline'] {
background-image:url('../images/underline.png');
}
.classyedit .toolbar .button [command='italic'] {
background-image:url('../images/italic.png');
}
.classyedit .toolbar .button [command='bold'] {
background-image:url('../images/bold.png');
}
.classyedit .toolbar .button [command='insertUnorderedList'] {
background-image:url('../images/bullet.png');
}
.classyedit .toolbar .button [command='html'] {
background-image:url('../images/html.png');
}
.classyedit .toolbar .button [command='href'] {
background-image:url('../images/href.png');
}
.classyedit .editor {
position:relative;
z-index:1;
min-height:150px;
padding:10px;
}
.classyedit .html_editor {
width:95%;
resize: none;
padding:10px;
border:0px;
display:none;
min-height:140px;
}
\ No newline at end of file
/*
Document : jquery.oneitimageslider
Created on : Nov 19, 2013, 12:00:10 PM
Author : Saliya Randunu
Description:
styles for Cougar Image Slider Elements.
*/
.oneitSlider{
position:relative;
overflow: hidden;
list-style: none;
padding: 0;
margin: 0;
top:0px;
right:0px;
}
.oneitSlider > li{
position:absolute;
top:0px;
right:0px;
}
.oneitSlider > li > img {
background: url('../images/loading.gif') no-repeat center;
}
.switch-button-label {
float: left;
font-size: 10pt;
cursor: pointer;
}
.switch-button-label.off {
color: #adadad;
}
.switch-button-label.on {
color: #0088CC;
}
.switch-button-background {
float: left;
position: relative;
background: #ccc;
border: 1px solid #aaa;
margin: 1px 10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
.switch-button-button {
position: absolute;
left: -1px;
top : -1px;
background: #FAFAFA;
border: 1px solid #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
// Animated Icons
// --------------------------
.@{fa-css-prefix}-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.@{fa-css-prefix}-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
// ACCORDION
// ---------
// Parent container
.accordion {
margin-bottom: @baseLineHeight;
}
// Group == heading + body
.accordion-group {
margin-bottom: 2px;
border: 1px solid #e5e5e5;
.border-radius(4px);
}
.accordion-heading {
border-bottom: 0;
}
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px;
}
// General toggle styles
.accordion-toggle {
cursor: pointer;
}
// Inner needs the styles because you can't animate properly with any styles on the element
.accordion-inner {
padding: 9px 15px;
border-top: 1px solid #e5e5e5;
}
// ALERT STYLES
// ------------
// Base alert styles
.alert, .IntranetHint {
padding: 8px 35px 8px 14px;
margin-bottom: 10px;//@baseLineHeight; (changed jw)
text-shadow: 0 1px 0 rgba(255,255,255,.5);
background-color: @warningBackground;
border: 1px solid @warningBorder;
.border-radius(4px);
color: @warningText;
}
.alert-heading {
color: inherit;
}
// Adjust close link position
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 18px;
}
// Alternate styles
// ----------------
.alert-success {
background-color: @successBackground;
border-color: @successBorder;
color: @successText;
}
.alert-danger,
.alert-error {
background-color: @errorBackground;
border-color: @errorBorder;
color: @errorText;
}
.alert-info, .IntranetHint {
background-color: @infoBackground;
border-color: @infoBorder;
color: @infoText;
}
// Block alerts
// ------------------------
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
/*!
* Bootstrap v2.0.4
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
// CSS Reset
@import "reset.less";
// variables transformed on generation
@OneitContextPath: '${contextPath}';
// Core variables and mixins
@import "variables.less"; // Modify this for custom colors, font-sizes, etc
@import "variables_override.less";
// Extension points for extensions/xxx/css/variables_override_xxx.less
// This is not commented out (but allows the fallback mechanism to work)
//${extensionImport:variables_override}
@import "mixins.less";
// Grid system and page structure
@import "scaffolding.less";
@import "grid.less";
@import "layouts.less";
// Base CSS
@import "type.less";
@import "code.less";
@import "forms.less";
@import "tables.less";
// Components: common
@import "sprites.less";
@import "dropdowns.less";
@import "wells.less";
@import "component-animations.less";
@import "close.less";
// Components: Buttons & Alerts
@import "buttons.less";
@import "button-groups.less";
@import "alerts.less"; // Note: alerts share common CSS with buttons and thus have styles in buttons.less
// Components: Nav
@import "navs.less";
@import "navbar.less";
@import "breadcrumbs.less";
@import "pagination.less";
@import "pager.less";
// Components: Popovers
@import "modals.less";
@import "tooltip.less";
@import "popovers.less";
// Components: Misc
@import "thumbnails.less";
@import "labels-badges.less";
@import "progress-bars.less";
@import "accordion.less";
@import "carousel.less";
@import "hero-unit.less";
// Oneit additions
@import "oneit-header.less";
@import "oneit-styles.less";
@import "oneit-override.less";
// Extension points for extensions/xxx/css/oneit_override_xxx.css or .less
// This is not commented out (but allows the fallback mechanism to work)
//${extensionImport:oneit_override}
// Utility classes
@import "utilities.less"; // Has to be last to override when necessary
This source diff could not be displayed because it is too large. You can view the blob instead.
// BREADCRUMBS
// -----------
.breadcrumb {
padding: 7px 14px;
margin: 0 0 @baseLineHeight;
list-style: none;
#gradient > .vertical(@white, #f5f5f5);
border: 1px solid #ddd;
.border-radius(3px);
.box-shadow(inset 0 1px 0 @white);
li {
display: inline-block;
.ie7-inline-block();
text-shadow: 0 1px 0 @white;
}
.divider {
padding: 0 5px;
color: @grayLight;
}
.active a {
color: @grayDark;
}
}
// BUTTON GROUPS
// -------------
// Make the div behave like a button
.btn-group {
position: relative;
.clearfix(); // clears the floated buttons
.ie7-restore-left-whitespace();
}
// Space out series of button groups
.btn-group + .btn-group {
margin-left: 5px;
}
// Optional: Group multiple button groups together for a toolbar
.btn-toolbar {
margin-top: @baseLineHeight / 2;
margin-bottom: @baseLineHeight / 2;
.btn-group {
display: inline-block;
.ie7-inline-block();
}
}
// Float them, remove border radius, then re-add to first and last elements
.btn-group > .btn {
position: relative;
float: left;
margin-left: -1px;
.border-radius(0);
}
// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
.btn-group > .btn:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px;
}
// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
}
// Reset corners for large buttons
.btn-group > .btn.large:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px;
}
// On hover/focus/active, bring the proper btn to front
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
z-index: 2;
}
// On active and open, don't show outline
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
// Split button dropdowns
// ----------------------
// Give the line between buttons some depth
.btn-group > .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
.box-shadow(~"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
*padding-top: 4px;
*padding-bottom: 4px;
}
.btn-group > .btn-mini.dropdown-toggle {
padding-left: 5px;
padding-right: 5px;
}
.btn-group > .btn-small.dropdown-toggle {
*padding-top: 4px;
*padding-bottom: 4px;
}
.btn-group > .btn-large.dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open {
// The clickable button for toggling the menu
// Remove the gradient and set the same inset shadow as the :active state
.dropdown-toggle {
background-image: none;
.box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
}
// Keep the hover's background when dropdown is open
.btn.dropdown-toggle {
background-color: @btnBackgroundHighlight;
}
.btn-primary.dropdown-toggle {
background-color: @btnPrimaryBackgroundHighlight;
}
.btn-warning.dropdown-toggle {
background-color: @btnWarningBackgroundHighlight;
}
.btn-danger.dropdown-toggle {
background-color: @btnDangerBackgroundHighlight;
}
.btn-success.dropdown-toggle {
background-color: @btnSuccessBackgroundHighlight;
}
.btn-info.dropdown-toggle {
background-color: @btnInfoBackgroundHighlight;
}
.btn-inverse.dropdown-toggle {
background-color: @btnInverseBackgroundHighlight;
}
}
// Reposition the caret
.btn .caret {
margin-top: 7px;
margin-left: 0;
}
.btn:hover .caret,
.open.btn-group .caret {
.opacity(100);
}
// Carets in other button sizes
.btn-mini .caret {
margin-top: 5px;
}
.btn-small .caret {
margin-top: 6px;
}
.btn-large .caret {
margin-top: 6px;
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 5px;
}
// Upside down carets for .dropup
.dropup .btn-large .caret {
border-bottom: 5px solid @black;
border-top: 0;
}
// Account for other colors
.btn-primary,
.btn-warning,
.btn-danger,
.btn-info,
.btn-success,
.btn-inverse {
.caret {
border-top-color: @white;
border-bottom-color: @white;
.opacity(75);
}
}
// BUTTON STYLES
// -------------
// Base styles
// --------------------------------------------------
// Core
.btn {
display: inline-block;
.ie7-inline-block();
padding: 4px 10px 4px;
margin-bottom: 0; // For input.btn
font-size: @baseFontSize;
line-height: @baseLineHeight;
*line-height: 20px;
color: @grayDark;
text-align: center;
text-shadow: 0 1px 1px rgba(255,255,255,.75);
vertical-align: middle;
cursor: pointer;
.buttonBackground(@btnBackground, @btnBackgroundHighlight);
border: 1px solid @btnBorder;
*border: 0; // Remove the border to prevent IE7's black border on input:focus
border-bottom-color: darken(@btnBorder, 10%);
.border-radius(4px);
.ie7-restore-left-whitespace(); // Give IE7 some love
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");
}
// Hover state
.btn:hover {
color: @grayDark;
text-decoration: none;
background-color: darken(@white, 10%);
*background-color: darken(@white, 15%); /* Buttons in IE7 don't get borders, so darken on hover */
background-position: 0 -15px;
// transition is only when going to hover, otherwise the background
// behind the gradient (there for IE<=9 fallback) gets mismatched
.transition(background-position .1s linear);
}
// Focus state for keyboard and accessibility
.btn:focus {
.tab-focus();
}
// Active state
.btn.active,
.btn:active {
background-color: darken(@white, 10%);
background-color: darken(@white, 15%) e("\9");
background-image: none;
outline: 0;
.box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");
}
// Disabled state
.btn.disabled,
.btn[disabled] {
cursor: default;
background-color: darken(@white, 10%);
background-image: none;
.opacity(65);
.box-shadow(none);
}
// Button Sizes
// --------------------------------------------------
// Large
.btn-large {
padding: 9px 14px;
font-size: @baseFontSize + 2px;
line-height: normal;
.border-radius(5px);
}
.btn-large [class^="icon-"] {
margin-top: 1px;
}
// Small
.btn-small {
padding: 5px 9px;
font-size: @baseFontSize - 2px;
line-height: @baseLineHeight - 2px;
}
.btn-small [class^="icon-"] {
margin-top: -1px;
}
// Mini
.btn-mini {
padding: 2px 6px;
font-size: @baseFontSize - 2px;
line-height: @baseLineHeight - 4px;
}
// Alternate buttons
// --------------------------------------------------
// Set text color
// -------------------------
.btn-primary,
.btn-primary:hover,
.btn-warning,
.btn-warning:hover,
.btn-danger,
.btn-danger:hover,
.btn-success,
.btn-success:hover,
.btn-info,
.btn-info:hover,
.btn-inverse,
.btn-inverse:hover {
color: @white;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
// Provide *some* extra contrast for those who can get it
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255,255,255,.75);
}
// Set the backgrounds
// -------------------------
.btn {
// reset here as of 2.0.3 due to Recess property order
border-color: #ccc;
border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
}
.btn-primary {
.buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);
}
// Warning appears are orange
.btn-warning {
.buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);
}
// Danger and error appear as red
.btn-danger {
.buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);
}
// Success appears as green
.btn-success {
.buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);
}
// Info appears as a neutral blue
.btn-info {
.buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);
}
// Inverse appears as dark gray
.btn-inverse {
.buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);
}
// Cross-browser Jank
// --------------------------------------------------
button.btn,
input[type="submit"].btn {
// Firefox 3.6 only I believe
&::-moz-focus-inner {
padding: 0;
border: 0;
}
// IE7 has some default padding on button controls
*padding-top: 2px;
*padding-bottom: 2px;
&.btn-large {
*padding-top: 7px;
*padding-bottom: 7px;
}
&.btn-small {
*padding-top: 3px;
*padding-bottom: 3px;
}
&.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px;
}
}
// CAROUSEL
// --------
.carousel {
position: relative;
margin-bottom: @baseLineHeight;
line-height: 1;
}
.carousel-inner {
overflow: hidden;
width: 100%;
position: relative;
}
.carousel {
.item {
display: none;
position: relative;
.transition(.6s ease-in-out left);
}
// Account for jankitude on images
.item > img {
display: block;
line-height: 1;
}
.active,
.next,
.prev { display: block; }
.active {
left: 0;
}
.next,
.prev {
position: absolute;
top: 0;
width: 100%;
}
.next {
left: 100%;
}
.prev {
left: -100%;
}
.next.left,
.prev.right {
left: 0;
}
.active.left {
left: -100%;
}
.active.right {
left: 100%;
}
}
// Left/right controls for nav
// ---------------------------
.carousel-control {
position: absolute;
top: 40%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: @white;
text-align: center;
background: @grayDarker;
border: 3px solid @white;
.border-radius(23px);
.opacity(50);
// we can't have this transition here
// because webkit cancels the carousel
// animation if you trip this while
// in the middle of another animation
// ;_;
// .transition(opacity .2s linear);
// Reposition the right one
&.right {
left: auto;
right: 15px;
}
// Hover state
&:hover {
color: @white;
text-decoration: none;
.opacity(90);
}
}
// Caption for text below images
// -----------------------------
.carousel-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 10px 15px 5px;
background: @grayDark;
background: rgba(0,0,0,.75);
}
.carousel-caption h4,
.carousel-caption p {
color: @white;
}
// CLOSE ICONS
// -----------
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: @baseLineHeight;
color: @black;
text-shadow: 0 1px 0 rgba(255,255,255,1);
.opacity(20);
&:hover {
color: @black;
text-decoration: none;
cursor: pointer;
.opacity(40);
}
}
// Additional properties for button version
// iOS requires the button element instead of an anchor tag.
// If you want the anchor version, it requires `href="#"`.
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
\ No newline at end of file
// Code.less
// Code typography styles for the <code> and <pre> elements
// --------------------------------------------------------
// Inline and block code styles
code,
pre,
div.CodeBlock, div.CodeBlockScrollable {
padding: 0 3px 2px;
#font > #family > .monospace;
font-size: @baseFontSize - 1;
color: @grayDark;
.border-radius(3px);
}
// Inline code
code, div.CodeBlock, div.CodeBlockScrollable {
padding: 2px 4px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
}
// Blocks of code
pre {
display: block;
padding: (@baseLineHeight - 1) / 2;
margin: 0 0 @baseLineHeight / 2;
font-size: @baseFontSize * .925; // 13px to 12px
line-height: @baseLineHeight;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc; // fallback for IE7-8
border: 1px solid rgba(0,0,0,.15);
.border-radius(4px);
// Make prettyprint styles more spaced out for readability
&.prettyprint {
margin-bottom: @baseLineHeight;
}
// Account for some code outputs that place code tags in pre tags
code, div.CodeBlock, div.CodeBlockScrollable {
padding: 0;
color: inherit;
background-color: transparent;
border: 0;
}
}
div.CodeBlock, div.CodeBlockScrollable
{
padding: (@baseLineHeight - 1) / 2;
margin: 0 0 @baseLineHeight / 2;
}
// Enable scrollable blocks of code
.pre-scrollable, div.CodeBlockScrollable {
max-height: 340px;
overflow-y: scroll;
}
// COMPONENT ANIMATIONS
// --------------------
.fade {
opacity: 0;
.transition(opacity .15s linear);
&.in {
opacity: 1;
}
}
.collapse {
position: relative;
height: 0;
overflow: hidden;
.transition(height .35s ease);
&.in {
height: auto;
}
}
// DROPDOWN MENUS
// --------------
// Use the .menu class on any <li> element within the topbar or ul.tabs and you'll get some superfancy dropdowns
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle {
// The caret makes the toggle a bit too tall in IE7
*margin-bottom: -3px;
}
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}
// Dropdown arrow/caret
// --------------------
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid @black;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: "";
.opacity(30);
}
// Place the caret
.dropdown .caret {
margin-top: 8px;
margin-left: 2px;
}
.dropdown:hover .caret,
.open .caret {
.opacity(100);
}
// The dropdown menu (ul)
// ----------------------
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: @zindexDropdown;
display: none; // none by default, but block on "open" of the menu
float: left;
min-width: 160px;
padding: 4px 0;
margin: 1px 0 0; // override default ul
list-style: none;
background-color: @dropdownBackground;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
.border-radius(5px);
.box-shadow(0 5px 10px rgba(0,0,0,.2));
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
// Aligns the dropdown menu to right
&.pull-right {
right: 0;
left: auto;
}
// Dividers (basically an hr) within the dropdown
.divider {
.nav-divider(@dropdownDividerTop, @dropdownDividerBottom);
}
// Links within the dropdown menu
a {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: @baseLineHeight;
color: @dropdownLinkColor;
white-space: nowrap;
}
}
// Hover state
// -----------
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
color: @dropdownLinkColorHover;
text-decoration: none;
background-color: @dropdownLinkBackgroundHover;
}
// Open state for the dropdown
// ---------------------------
.open {
// IE7's z-index only goes to the nearest positioned ancestor, which would
// make the menu appear below buttons that appeared later on the page
*z-index: @zindexDropdown;
& > .dropdown-menu {
display: block;
}
}
// Right aligned dropdowns
// ---------------------------
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
// Allow for dropdowns to go bottom up (aka, dropup-menu)
// ------------------------------------------------------
// Just add .dropup after the standard .dropdown class and you're set, bro.
// TODO: abstract this so that the navbar fixed styles are not placed here?
.dropup,
.navbar-fixed-bottom .dropdown {
// Reverse the caret
.caret {
border-top: 0;
border-bottom: 4px solid @black;
content: "\2191";
}
// Different positioning for bottom up menu
.dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
}
}
// Typeahead
// ---------
.typeahead {
margin-top: 2px; // give it some space to breathe
.border-radius(4px);
}
This source diff could not be displayed because it is too large. You can view the blob instead.
// Fixed (940px)
#grid > .core(@gridColumnWidth, @gridGutterWidth);
// Fluid (940px)
#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);
\ No newline at end of file
// HERO UNIT
// ---------
.hero-unit {
padding: 60px;
margin-bottom: 30px;
background-color: @heroUnitBackground;
.border-radius(6px);
h1 {
margin-bottom: 0;
font-size: 60px;
line-height: 1;
color: @heroUnitHeadingColor;
letter-spacing: -1px;
}
p {
font-size: 18px;
font-weight: 200;
line-height: @baseLineHeight * 1.5;
color: @heroUnitLeadColor;
}
}
// LABELS & BADGES
// ---------------
// Base classes
.label,
.badge {
font-size: @baseFontSize * .846;
font-weight: bold;
line-height: 14px; // ensure proper line-height if floated
color: @white;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
background-color: @grayLight;
}
// Set unique padding and border-radii
.label {
padding: 1px 4px 2px;
.border-radius(3px);
}
.badge {
padding: 1px 9px 2px;
.border-radius(9px);
}
// Hover state, but only for links
a {
&.label:hover,
&.badge:hover {
color: @white;
text-decoration: none;
cursor: pointer;
}
}
// Colors
// Only give background-color difference to links (and to simplify, we don't qualifty with `a` but [href] attribute)
.label,
.badge {
// Important (red)
&-important { background-color: @errorText; }
&-important[href] { background-color: darken(@errorText, 10%); }
// Warnings (orange)
&-warning { background-color: @orange; }
&-warning[href] { background-color: darken(@orange, 10%); }
// Success (green)
&-success { background-color: @successText; }
&-success[href] { background-color: darken(@successText, 10%); }
// Info (turquoise)
&-info { background-color: @infoText; }
&-info[href] { background-color: darken(@infoText, 10%); }
// Inverse (black)
&-inverse { background-color: @grayDark; }
&-inverse[href] { background-color: darken(@grayDark, 10%); }
}
//
// Layouts
// Fixed-width and fluid (with sidebar) layouts
// --------------------------------------------
// Container (centered, fixed-width layouts)
.container {
.container-fixed();
}
// Fluid layouts (left aligned, with sidebar, min- & max-width content)
.container-fluid {
padding-right: @gridGutterWidth;
padding-left: @gridGutterWidth;
.clearfix();
}
\ No newline at end of file
// MODALS
// ------
// Recalculate z-index where appropriate
.modal-open {
.dropdown-menu { z-index: @zindexDropdown + @zindexModal; }
.dropdown.open { *z-index: @zindexDropdown + @zindexModal; }
.popover { z-index: @zindexPopover + @zindexModal; }
.bstooltip { z-index: @zindexTooltip + @zindexModal; }
}
// Background
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: @zindexModalBackdrop;
background-color: @black;
// Fade for backdrop
&.fade { opacity: 0; }
}
.modal-backdrop,
.modal-backdrop.fade.in {
.opacity(80);
}
// Base modal
.modal {
position: fixed;
top: 50%;
left: 50%;
z-index: @zindexModal;
overflow: auto;
width: 560px;
margin: -250px 0 0 -280px;
background-color: @white;
border: 1px solid #999;
border: 1px solid rgba(0,0,0,.3);
*border: 1px solid #999; /* IE6-7 */
.border-radius(6px);
.box-shadow(0 3px 7px rgba(0,0,0,0.3));
.background-clip(padding-box);
&.fade {
.transition(e('opacity .3s linear, top .3s ease-out'));
top: -25%;
}
&.fade.in { top: 50%; }
}
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
// Close icon
.close { margin-top: 2px; }
}
// Body (where all modal content resides)
.modal-body {
overflow-y: auto;
max-height: 400px;
padding: 15px;
}
// Remove bottom margin if need be
.modal-form {
margin-bottom: 0;
}
// Footer (for actions)
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right; // right align buttons
background-color: #f5f5f5;
border-top: 1px solid #ddd;
.border-radius(0 0 6px 6px);
.box-shadow(inset 0 1px 0 @white);
.clearfix(); // clear it in case folks use .pull-* classes on buttons
// Properly space out buttons
.btn + .btn {
margin-left: 5px;
margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
}
// but override that for button groups
.btn-group .btn + .btn {
margin-left: -1px;
}
}
// NAVBAR (FIXED AND STATIC)
// -------------------------
// COMMON STYLES
// -------------
.navbar {
// Fix for IE7's bad z-indexing so dropdowns don't appear below content that follows the navbar
*position: relative;
*z-index: 2;
overflow: visible;
// margin-bottom: @baseLineHeight;
}
// Gradient is applied to it's own element because overflow visible is not honored by IE when filter is present
.navbar-inner {
min-height: @navbarHeight;
padding-left: 20px;
padding-right: 20px;
#gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);
.border-radius(4px 4px 0px 0px);
.box-shadow(~"0 1px 3px rgba(0,0,0,.25), inset 0 -1px 0 rgba(0,0,0,.1)");
}
// Set width to auto for default container
// We then reset it for fixed navbars in the #gridSystem mixin
.navbar .container {
width: auto;
}
// Override the default collapsed state
.nav-collapse.collapse {
height: auto;
}
// Brand, links, text, and buttons
.navbar {
color: @navbarText;
// Hover and active states
.brand:hover {
text-decoration: none;
}
// Website or project name
.brand {
float: left;
display: block;
// Vertically center the text given @navbarHeight
@elementHeight: 20px;
padding: ((@navbarHeight - @elementHeight) / 2 - 2) 20px ((@navbarHeight - @elementHeight) / 2 + 2);
margin-left: -20px; // negative indent to left-align the text down the page
font-size: 20px;
font-weight: 200;
line-height: 1;
color: @navbarBrandColor;
}
// Plain text in topbar
.navbar-text {
margin-bottom: 0;
line-height: @navbarHeight;
}
// Janky solution for now to account for links outside the .nav
.navbar-link {
color: @navbarLinkColor;
&:hover {
color: @navbarLinkColorHover;
}
}
// Buttons in navbar
.btn,
.btn-group {
.navbarVerticalAlign(30px); // Vertically center in navbar
}
.btn-group .btn {
margin: 0; // then undo the margin here so we don't accidentally double it
}
}
// Navbar forms
.navbar-form {
margin-bottom: 0; // remove default bottom margin
.clearfix();
input,
select,
.radio,
.checkbox {
.navbarVerticalAlign(30px); // Vertically center in navbar
}
input,
select {
display: inline-block;
margin-bottom: 0;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
margin-top: 3px;
}
.input-append,
.input-prepend {
margin-top: 6px;
white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left
input {
margin-top: 0; // remove the margin on top since it's on the parent
}
}
}
// Navbar search
.navbar-search {
position: relative;
float: left;
.navbarVerticalAlign(28px); // Vertically center in navbar
margin-bottom: 0;
.search-query {
padding: 4px 9px;
#font > .sans-serif(13px, normal, 1);
color: @white;
background-color: @navbarSearchBackground;
border: 1px solid @navbarSearchBorder;
.box-shadow(~"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)");
.transition(none);
.placeholder(@navbarSearchPlaceholderColor);
// Focus states (we use .focused since IE7-8 and down doesn't support :focus)
&:focus,
&.focused {
padding: 5px 10px;
color: @grayDark;
text-shadow: 0 1px 0 @white;
background-color: @navbarSearchBackgroundFocus;
border: 0;
.box-shadow(0 0 3px rgba(0,0,0,.15));
outline: 0;
}
}
}
// FIXED NAVBAR
// ------------
// Shared (top/bottom) styles
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: @zindexFixedNavbar;
margin-bottom: 0; // remove 18px margin for static navbar
}
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding-left: 0;
padding-right: 0;
.border-radius(0);
}
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
#grid > .core > .span(@gridColumns);
}
// Fixed to top
.navbar-fixed-top {
top: 0;
}
// Fixed to bottom
.navbar-fixed-bottom {
bottom: 0;
}
// NAVIGATION
// ----------
.navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
}
.navbar .nav.pull-right {
float: right; // redeclare due to specificity
}
.navbar .nav > li {
display: block;
float: left;
}
// Links
.navbar .nav > li > a {
float: none;
// Vertically center the text given @navbarHeight
@elementHeight: 20px;
padding: ((@navbarHeight - @elementHeight) / 2 - 1) 10px ((@navbarHeight - @elementHeight) / 2 + 1);
line-height: 19px;
color: @navbarLinkColor;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
}
// Buttons
.navbar .btn {
display: inline-block;
padding: 4px 10px 4px;
// Vertically center the button given @navbarHeight
@elementHeight: 28px;
margin: ((@navbarHeight - @elementHeight) / 2 - 1) 5px ((@navbarHeight - @elementHeight) / 2);
line-height: @baseLineHeight;
}
.navbar .btn-group {
margin: 0;
// Vertically center the button given @navbarHeight
@elementHeight: 28px;
padding: ((@navbarHeight - @elementHeight) / 2 - 1) 5px ((@navbarHeight - @elementHeight) / 2);
}
// Hover
.navbar .nav > li > a:hover {
background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover from .active
color: @navbarLinkColorHover;
text-decoration: none;
}
// Active nav items
.navbar .nav .active > a,
.navbar .nav .active > a:hover {
color: @navbarLinkColorActive;
text-decoration: none;
background-color: @navbarLinkBackgroundActive;
}
// Dividers (basically a vertical hr)
.navbar .divider-vertical {
height: @navbarHeight;
width: 1px;
margin: 0 9px;
overflow: hidden;
background-color: @navbarBackground;
border-right: 1px solid @navbarBackgroundHighlight;
}
// Secondary (floated right) nav in topbar
.navbar .nav.pull-right {
margin-left: 10px;
margin-right: 0;
}
// Navbar button for toggling navbar items in responsive layouts
// These definitions need to come after '.navbar .btn'
.navbar .btn-navbar {
display: none;
float: right;
padding: 7px 10px;
margin-left: 5px;
margin-right: 5px;
.buttonBackground(@navbarBackgroundHighlight, @navbarBackground);
.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)");
}
.navbar .btn-navbar .icon-bar {
display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
.border-radius(1px);
.box-shadow(0 1px 0 rgba(0,0,0,.25));
}
.btn-navbar .icon-bar + .icon-bar {
margin-top: 3px;
}
// Dropdown menus
// --------------
// Menu position and menu carets
.navbar .dropdown-menu {
&:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: @dropdownBorder;
position: absolute;
top: -7px;
left: 9px;
}
&:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid @dropdownBackground;
position: absolute;
top: -6px;
left: 10px;
}
}
// Menu position and menu caret support for dropups via extra dropup class
.navbar-fixed-bottom .dropdown-menu {
&:before {
border-top: 7px solid #ccc;
border-top-color: @dropdownBorder;
border-bottom: 0;
bottom: -7px;
top: auto;
}
&:after {
border-top: 6px solid @dropdownBackground;
border-bottom: 0;
bottom: -6px;
top: auto;
}
}
// Dropdown toggle caret
.navbar .nav li.dropdown .dropdown-toggle .caret,
.navbar .nav li.dropdown.open .caret {
border-top-color: @navbarText;
border-bottom-color: @navbarText;
}
.navbar .nav li.dropdown.active .caret {
.opacity(100);
}
// Remove background color from open dropdown
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: transparent;
}
// Dropdown link on hover
.navbar .nav li.dropdown.active > .dropdown-toggle:hover {
color: @white;
}
// Right aligned menus need alt position
// TODO: rejigger this at some point to simplify the selectors
.navbar .pull-right .dropdown-menu,
.navbar .dropdown-menu.pull-right {
left: auto;
right: 0;
&:before {
left: auto;
right: 12px;
}
&:after {
left: auto;
right: 13px;
}
}
\ No newline at end of file
// NAVIGATIONS
// -----------
// BASE CLASS
// ----------
.nav {
margin-left: 0;
margin-bottom: @baseLineHeight;
list-style: none;
}
// Make links block level
.nav > li > a {
display: block;
}
.nav > li > a:hover {
text-decoration: none;
background-color: @grayLighter;
}
// Redeclare pull classes because of specifity
.nav > .pull-right {
float: right;
}
// Nav headers (for dropdowns and lists)
.nav .nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: @baseLineHeight;
color: @grayLight;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
text-transform: uppercase;
}
// Space them out when they follow another list item (link)
.nav li + .nav-header {
margin-top: 9px;
}
// NAV LIST
// --------
.nav-list {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0;
}
.nav-list > li > a,
.nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.nav-list > li > a {
padding: 3px 15px;
}
.nav-list > .active > a,
.nav-list > .active > a:hover {
color: @white;
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
background-color: @linkColor;
}
.nav-list [class^="icon-"] {
margin-right: 2px;
}
// Dividers (basically an hr) within the dropdown
.nav-list .divider {
.nav-divider();
}
// TABS AND PILLS
// -------------
// Common styles
.nav-tabs,
.nav-pills {
.clearfix();
}
.nav-tabs > li,
.nav-pills > li {
float: left;
}
.nav-tabs > li > a,
.nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 2px;
line-height: 14px; // keeps the overall height an even number
}
// TABS
// ----
// Give the tabs something to sit on
.nav-tabs {
border-bottom: 1px solid #ddd;
}
// Make the list-items overlay the bottom border
.nav-tabs > li {
margin-bottom: -1px;
}
// Actual tabs (as links)
.nav-tabs > li > a {
padding-top: 8px;
padding-bottom: 8px;
line-height: @baseLineHeight;
border: 1px solid transparent;
.border-radius(4px 4px 0 0);
&:hover {
border-color: @grayLighter @grayLighter #ddd;
}
}
// Active state, and it's :hover to override normal :hover
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
color: @gray;
background-color: @white;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
// PILLS
// -----
// Links rendered as pills
.nav-pills > li > a {
padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
.border-radius(5px);
}
// Active state
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
color: @white;
background-color: @linkColor;
}
// STACKED NAV
// -----------
// Stacked tabs and pills
.nav-stacked > li {
float: none;
}
.nav-stacked > li > a {
margin-right: 0; // no need for the gap between nav items
}
// Tabs
.nav-tabs.nav-stacked {
border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
border: 1px solid #ddd;
.border-radius(0);
}
.nav-tabs.nav-stacked > li:first-child > a {
.border-radius(4px 4px 0 0);
}
.nav-tabs.nav-stacked > li:last-child > a {
.border-radius(0 0 4px 4px);
}
.nav-tabs.nav-stacked > li > a:hover {
border-color: #ddd;
z-index: 2;
}
// Pills
.nav-pills.nav-stacked > li > a {
margin-bottom: 3px;
}
.nav-pills.nav-stacked > li:last-child > a {
margin-bottom: 1px; // decrease margin to match sizing of stacked tabs
}
// DROPDOWNS
// ---------
.nav-tabs .dropdown-menu {
.border-radius(0 0 5px 5px); // remove the top rounded corners here since there is a hard edge above the menu
}
.nav-pills .dropdown-menu {
.border-radius(4px); // make rounded corners match the pills
}
// Default dropdown links
// -------------------------
// Make carets use linkColor to start
.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
border-top-color: @linkColor;
border-bottom-color: @linkColor;
margin-top: 6px;
}
.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
border-top-color: @linkColorHover;
border-bottom-color: @linkColorHover;
}
// Active dropdown links
// -------------------------
.nav-tabs .active .dropdown-toggle .caret,
.nav-pills .active .dropdown-toggle .caret {
border-top-color: @grayDark;
border-bottom-color: @grayDark;
}
// Active:hover dropdown links
// -------------------------
.nav > .dropdown.active > a:hover {
color: @black;
cursor: pointer;
}
// Open dropdowns
// -------------------------
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
color: @white;
background-color: @grayLight;
border-color: @grayLight;
}
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
border-top-color: @white;
border-bottom-color: @white;
.opacity(100);
}
// Dropdowns in stacked tabs
.tabs-stacked .open > a:hover {
border-color: @grayLight;
}
// TABBABLE
// --------
// COMMON STYLES
// -------------
// Clear any floats
.tabbable {
.clearfix();
}
.tab-content {
overflow: auto; // prevent content from running below tabs
}
// Remove border on bottom, left, right
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}
// Show/hide tabbable areas
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
.tab-content > .active,
.pill-content > .active {
display: block;
}
// BOTTOM
// ------
.tabs-below > .nav-tabs {
border-top: 1px solid #ddd;
}
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below > .nav-tabs > li > a {
.border-radius(0 0 4px 4px);
&:hover {
border-bottom-color: transparent;
border-top-color: #ddd;
}
}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover {
border-color: transparent #ddd #ddd #ddd;
}
// LEFT & RIGHT
// ------------
// Common styles
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
// Tabs on the left
.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
.border-radius(4px 0 0 4px);
}
.tabs-left > .nav-tabs > li > a:hover {
border-color: @grayLighter #ddd @grayLighter @grayLighter;
}
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: @white;
}
// Tabs on the right
.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
.border-radius(0 4px 4px 0);
}
.tabs-right > .nav-tabs > li > a:hover {
border-color: @grayLighter @grayLighter @grayLighter #ddd;
}
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: @white;
}
//
// styles start here...
//
#header_wrap
{
height: @topMenuHeight + @navbarHeight;
background-image: @headerLogo;
background-color: @headerBackgroundColour;
background-position: left top;
background-repeat: no-repeat;
z-index: 3;
}
div#top_header
{
height: @navbarHeight;
}
div.pagetitle
{
background-color: @pageTitleBackgroundColour;
border-top: 1px solid @pageTitleBorderColour;
border-bottom: 1px solid @pageTitleBorderColour;
float: left;
width: 100%;
clear: both;
padding: 5px 0px;
}
div.pagetitle_inner
{
padding: 0px 20px;
}
div.pagetitle_inner h3
{
margin-top: 0;
padding-top: 0;
}
div.pageHeaderFixed
{
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 3;
}
div.body_wrapper_outer
{
clear: both;
}
div.body_wrapper
{
padding-top: 10px;
}
div.top_right_menu
{
height: @topMenuHeight - @topMenuTopPadding;
float: right;
padding-top: @topMenuTopPadding;
padding-right: 20px;
}
div.main_menu
{
height: @navbarHeight;
float: right;
clear: right;
margin-right: 20px;
}
div.page_title
{
float: left;
padding-bottom: 5px;
}
div.header_action_buttons
{
float: right;
padding-top: 6px;
margin-right: 30px;
}
div.header_main_buttons
{
float: right;
//width: @actionAreaWidth;
padding-top: 6px;
padding-bottom: 6px;
margin-left: 30px;
}
#footer
{
background-color: @footerBackgroundColour;
border-top: 1px solid @footerBorderColour;
border-bottom: 1px solid @footerBorderColour;
margin: @footerMargin;
clear: both;
}
.banner-text
{
margin: 0 20px 10px;
}
span.topTopItem
{
margin-left: 0.5em;
margin-right: 0.5em;
float : left;
}
#footer
{
color: @footerTextColour;
}
#footer .left_logo
{
margin-left: 20px;
float: left;
padding-top: 4px;
}
#footer .left_message
{
margin: 5px 20px;
float: left;
small
{
font-size: @baseFontSize - 3;
}
}
#footer .right_message
{
margin: 5px 20px;
float: right;
}
.top_right_menu
{
color: @headerTextColour;
a
{
color: @headerLinkColour;
}
}
iframe.admin_iframe
{
width: 100%;
height: 660px;
border: 0;
}
\ No newline at end of file
.layout_label
{
font-weight: normal;
}
div.page_title
{
color:#FFF;
}
div.layout_label
{
font-size: 12px;
font-weight: bold;
}
// this is to offset the extra padding in inputs
// so they are less likely to overflow the cell.
.layout_field
{
padding-right: 4px;
}
// temp trying out...
// todo: reckon the header needs some density
.well .table, .well .cougartable
{
background-color: white;
}
/**
* New cougartable styles - todo: need to review colours for new skin.
*/
table.cougartable { border-collapse: collapse; }
table.cougartable tr.odd { background: #F0F0F0; }
table.cougartable tr.rowHover { background: #E0E0E0; cursor: pointer; cursor: hand; }
table.cougartable th { background-position: center right; background-repeat: no-repeat; }
table.cougartable thead tr { background: #D8D8D8; }
table.cougartable th.header { cursor: pointer; padding-right: 20px; }
table.cougartable th.headerSortUp { background-color: #DDDDDD; background-image: url(../../../images/asc.gif); cursor: pointer; padding-right: 20px; }
table.cougartable th.headerSortDown { background-color: #DDDDDD; background-image: url(../../../images/desc.gif); cursor: pointer; padding-right: 20px; }
table.cougartable .filterWidget input,
table.cougartable .filterWidget select { width: 100%; }
table.cougartable .filterWidget th.filtering input,
table.cougartable .filterWidget th.filtering select { background: #FFFFDD; }
td.sortHandle{
background: url(../../../images/dots.gif) no-repeat 10px 4px;
cursor: move;
}
/*
* YUI calendar styles
*/
.dateCalendarContainerHolder { position: absolute; }
body .dateCalendarContainer { display:none; position:absolute; left:10px; top:0px; z-index: 2; }
/*
* Autocomplete
*/
.ui-autocomplete { max-height: 300px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; }
/*
* Misc
*/
img.download { border: none; }
// todo: this sort of routine stuff - should it be here??
iframe.popup { border: none; }
button.imagebutton { border: none; background: none; cursor: pointer; padding: 0px; }
button.imagebutton:hover { background: #DDDDDD; }
button.raw img { vertical-align: bottom; }
a img { border: none; }
.ormsingleassoc_autocomplete input {
-webkit-border-radius: 0 0.8em 0.8em 0;
-moz-border-radius: 0 0.8em 0.8em 0;
border-radius: 0 0.8em 0.8em 0;
}
\ No newline at end of file
// PAGER
// -----
.pager {
margin-left: 0;
margin-bottom: @baseLineHeight;
list-style: none;
text-align: center;
.clearfix();
}
.pager li {
display: inline;
}
.pager a {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
.border-radius(15px);
}
.pager a:hover {
text-decoration: none;
background-color: #f5f5f5;
}
.pager .next a {
float: right;
}
.pager .previous a {
float: left;
}
.pager .disabled a,
.pager .disabled a:hover {
color: @grayLight;
background-color: #fff;
cursor: default;
}
\ No newline at end of file
// PAGINATION
// ----------
.pagination {
height: @baseLineHeight * 2;
margin: @baseLineHeight 0;
}
.pagination ul {
display: inline-block;
.ie7-inline-block();
margin-left: 0;
margin-bottom: 0;
.border-radius(3px);
.box-shadow(0 1px 2px rgba(0,0,0,.05));
}
.pagination li {
display: inline;
}
.pagination a {
float: left;
padding: 0 14px;
line-height: (@baseLineHeight * 2) - 2;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
background-color: #f5f5f5;
}
.pagination .active a {
color: @grayLight;
cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
color: @grayLight;
background-color: transparent;
cursor: default;
}
.pagination li:first-child a {
border-left-width: 1px;
.border-radius(3px 0 0 3px);
}
.pagination li:last-child a {
.border-radius(0 3px 3px 0);
}
// Centered
.pagination-centered {
text-align: center;
}
.pagination-right {
text-align: right;
}
// POPOVERS
// --------
.popover {
position: absolute;
top: 0;
left: 0;
z-index: @zindexPopover;
display: none;
padding: 5px;
&.top { margin-top: -5px; }
&.right { margin-left: 5px; }
&.bottom { margin-top: 5px; }
&.left { margin-left: -5px; }
&.top .arrow { #popoverArrow > .top(); }
&.right .arrow { #popoverArrow > .right(); }
&.bottom .arrow { #popoverArrow > .bottom(); }
&.left .arrow { #popoverArrow > .left(); }
.arrow {
position: absolute;
width: 0;
height: 0;
}
}
.popover-inner {
padding: 3px;
width: 280px;
overflow: hidden;
background: @black; // has to be full background declaration for IE fallback
background: rgba(0,0,0,.8);
.border-radius(6px);
.box-shadow(0 3px 7px rgba(0,0,0,0.3));
}
.popover-title {
padding: 9px 15px;
line-height: 1;
background-color: #f5f5f5;
border-bottom:1px solid #eee;
.border-radius(3px 3px 0 0);
}
.popover-content {
padding: 14px;
background-color: @white;
.border-radius(0 0 3px 3px);
.background-clip(padding-box);
p, ul, ol {
margin-bottom: 0;
}
}
// PROGRESS BARS
// -------------
// ANIMATIONS
// ----------
// Webkit
@-webkit-keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// Firefox
@-moz-keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// IE9
@-ms-keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// Opera
@-o-keyframes progress-bar-stripes {
from { background-position: 0 0; }
to { background-position: 40px 0; }
}
// Spec
@keyframes progress-bar-stripes {
from { background-position: 40px 0; }
to { background-position: 0 0; }
}
// THE BARS
// --------
// Outer container
.progress {
overflow: hidden;
height: 18px;
margin-bottom: 18px;
#gradient > .vertical(#f5f5f5, #f9f9f9);
.box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
.border-radius(4px);
}
// Bar of progress
.progress .bar {
width: 0%;
height: 18px;
color: @white;
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
#gradient > .vertical(#149bdf, #0480be);
.box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
.box-sizing(border-box);
.transition(width .6s ease);
}
// Striped bars
.progress-striped .bar {
#gradient > .striped(#149bdf);
.background-size(40px 40px);
}
// Call animation for the active one
.progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
// COLORS
// ------
// Danger (red)
.progress-danger .bar {
#gradient > .vertical(#ee5f5b, #c43c35);
}
.progress-danger.progress-striped .bar {
#gradient > .striped(#ee5f5b);
}
// Success (green)
.progress-success .bar {
#gradient > .vertical(#62c462, #57a957);
}
.progress-success.progress-striped .bar {
#gradient > .striped(#62c462);
}
// Info (teal)
.progress-info .bar {
#gradient > .vertical(#5bc0de, #339bb9);
}
.progress-info.progress-striped .bar {
#gradient > .striped(#5bc0de);
}
// Warning (orange)
.progress-warning .bar {
#gradient > .vertical(lighten(@orange, 15%), @orange);
}
.progress-warning.progress-striped .bar {
#gradient > .striped(lighten(@orange, 15%));
}
// Reset.less
// Adapted from Normalize.css http://github.com/necolas/normalize.css
// ------------------------------------------------------------------------
// Display in IE6-9 and FF3
// -------------------------
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
// Display block in IE6-9 and FF3
// -------------------------
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
// Prevents modern browsers from displaying 'audio' without controls
// -------------------------
audio:not([controls]) {
display: none;
}
// Base settings
// -------------------------
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
// Focus states
a:focus {
.tab-focus();
}
// Hover & Active
a:hover,
a:active {
outline: 0;
}
// Prevents sub and sup affecting line-height in all browsers
// -------------------------
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
// Img border in a's and image quality
// -------------------------
img {
max-width: 100%; // Make images inherently responsive
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}
// Prevent max-width from affecting Google Maps
#map_canvas img {
max-width: none;
}
// Forms
// -------------------------
// Font size in all browsers, margin changes, misc consistency
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle;
}
button,
input {
*overflow: visible; // Inner spacing ie IE6/7
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
}
button::-moz-focus-inner,
input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
padding: 0;
border: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer; // Cursors on all buttons applied consistently
-webkit-appearance: button; // Style clickable inputs in iOS
}
input[type="search"] { // Appearance in Safari/Chrome
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
}
textarea {
overflow: auto; // Remove vertical scrollbar in IE6-9
vertical-align: top; // Readability and alignment cross-browser
}
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed. Click to expand it.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed. Click to expand it.
This diff is collapsed. Click to expand it.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment