Skip to content

Tenzing / Tz Tools

Go to a project
Toggle navigation
Toggle navigation pinning
5b929610 by Marty Penner
Options

Style option group language switchers

1 parent 13d79554
Inline Side-by-side
Showing 1 changed file with 165 additions and 7 deletions
......@@ -86,9 +86,11 @@
margin-top: 5px;
color: #fff;
}
#user_info p a, #user_info a {
color: #fadfb3;
}
#favorite-actions {
margin: 15px 12px 0;
}
......@@ -131,6 +133,7 @@
position: relative;
margin-top: -28px;
}
#TzBrandingFooter a {
color: #fff;
text-decoration: none;
......@@ -140,16 +143,19 @@
.cct-fields {
padding: 10px;
}
.cct-fields fieldset {
margin-top: 15px;
border: 1px solid #ccc;
padding: 15px;
background-color: #f2f2f2;
}
.cct-fields div {
clear: both;
margin-top: 5px;
}
.cct-fields div span.label {
margin-top: 3px;
float: left;
......@@ -157,23 +163,29 @@
margin-right: 10px;
margin-bottom: 3px;
}
.cct-fields div input[type=text],
.cct-fields div textarea {
width: 300px;
}
.cct-fields div textarea {
height: 80px;
}
table.tabular-data {
}
table.tabular-data thead td {
}
table.tabular-data thead th {
text-align: left;
}
table.tabular-data tbody th {
}
table.tabular-data tbody td {
}
......@@ -252,36 +264,44 @@ table.tabular-data tbody td {
z-index: 9999;
overflow: hidden;
}
#cboxOverlay {
position: fixed;
width: 100%;
height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
clear: left;
}
#cboxContent {
position: relative;
overflow: visible;
}
#cboxLoadedContent {
overflow: auto;
}
#cboxLoadedContent iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
#cboxTitle {
margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
cursor: pointer;
}
......@@ -297,76 +317,95 @@ table.tabular-data tbody td {
#colorbox {
}
#cboxContent {
margin-top: 32px;
background: #3b0d32;
}
#cboxLoadedContent {
background: #fff;
padding: 1px;
}
#cboxLoadingGraphic {
background: url(../images/ajax-loader.gif) no-repeat center center;
}
#cboxLoadingOverlay {
background: #3b0d32;
}
#cboxTitle {
position: absolute;
top: -22px;
left: 0;
color: #fff;
}
#cboxCurrent {
position: absolute;
top: -22px;
right: 205px;
text-indent: -9999px;
}
#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
height: 20px;
position: absolute;
top: -20px; /* background:url(../images/controls.png) no-repeat 0 0; */
}
#cboxClose {
display: none;
color: #fff;
}
#cboxPrevious {
background-position: 0px 0px;
right: 44px;
}
#cboxPrevious.hover {
background-position: 0px -25px;
}
#cboxNext {
background-position: -25px 0px;
right: 22px;
}
#cboxNext.hover {
background-position: -25px -25px;
}
#cboxClose {
background-position: -50px 0px;
right: 0;
}
#cboxClose.hover {
background-position: -50px -25px;
}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
right: 66px;
}
.cboxSlideshow_on #cboxSlideshow {
background-position: -75px -25px;
right: 44px;
}
.cboxSlideshow_on #cboxSlideshow.hover {
background-position: -100px -25px;
}
.cboxSlideshow_off #cboxSlideshow {
background-position: -100px 0px;
right: 44px;
}
.cboxSlideshow_off #cboxSlideshow.hover {
background-position: -75px -25px;
}
......@@ -400,6 +439,7 @@ table.tabular-data tbody td {
.error-wrap {
padding: 10px;
}
.validation-errors h6 {
padding: 0px;
margin: 0px 0px 10px 0px;
......@@ -412,6 +452,7 @@ table.tabular-data tbody td {
margin: 0;
padding: 0;
}
.validation-errors ul li {
margin: 0px 0px 3px 0px;
padding: 0px;
......@@ -423,11 +464,13 @@ table.tabular-data tbody td {
margin-top: 0px;
padding-top: 0px;
}
.my-profile-table tbody th {
text-align: left;
font-size: 11px;
font-weight: normal;
}
.my-profile-edit h4 {
border-bottom: 1px solid #ccc;
margin-bottom: 8px;
......@@ -442,6 +485,7 @@ table.jCalendar {
border-collapse: separate;
border-spacing: 2px;
}
table.jCalendar th {
background: #333;
color: #fff;
......@@ -457,37 +501,45 @@ table.jCalendar td {
text-align: center;
font-size: 10px;
}
table.jCalendar td.other-month {
background: #ddd;
color: #aaa;
}
table.jCalendar td.today {
background: #666;
color: #fff;
}
table.jCalendar td.selected {
background: #f66;
color: #fff;
}
table.jCalendar td.selected.dp-hover {
background: #f33;
color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
background: #fff;
color: #000;
font-size: 10px;
}
table.jCalendar tr.selectedWeek td {
background: #f66;
color: #fff;
font-size: 10px;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background: #bbb;
color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
......@@ -517,26 +569,31 @@ div#dp-popup {
width: 176px;
line-height: 1.2em;
}
div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
z-index: 9999;
......@@ -544,35 +601,44 @@ div.dp-popup div.dp-nav-prev {
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}
a.dp-choose-date {
float: left;
width: 16px;
......@@ -584,10 +650,12 @@ a.dp-choose-date {
overflow: hidden;
background: url(../images/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
/* makes the input field shorter once the date picker code
* has run (to allow space for the calendar icon
*/
......@@ -608,13 +676,16 @@ input.dp-applied {
float: left;
margin-bottom: 5px;
}
.users-role-bar a {
text-decoration: none;
}
.users-role-bar a.active {
color: #000;
font-weight: bold;
}
.sm_count {
font-size: 11px;
color: #999;
......@@ -629,11 +700,13 @@ input.dp-applied {
margin-bottom: 5px;
float: right;
}
.TzPaginateResults a {
text-decoration: none;
padding: 1px 0px;
border: 1px solid transparent;
}
.TzPaginateResults a.active {
color: #000;
font-weight: bold;
......@@ -649,11 +722,13 @@ input.dp-applied {
border: none;
border-collapse: collapse;
}
.attendance-admin-table thead td {
font-weight: bold;
border-bottom: 2px solid #e8e8e8;
padding: 0 0 8px 0;
}
.attendance-admin-table tbody td {
border-bottom: 1px solid #e8e8e8;
padding: 4px 0;
......@@ -668,6 +743,7 @@ input.dp-applied {
border: 1px solid #ccc;
margin: 8px 0px 4px 0px;
}
#invoice-table thead th {
margin: 0;
padding: 5px 2px 5px 10px;
......@@ -675,22 +751,26 @@ input.dp-applied {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#invoice-table thead td {
margin: 0;
padding: 4px 2px 4px 10px;
text-align: left;
}
#invoice-table tbody th {
margin: 0;
padding: 4px 2px 4px 10px;
text-align: left;
}
#invoice-table tbody td {
margin: 0;
padding: 4px 2px 4px 10px;
text-align: left;
border-right: 1px solid #ccc;
}
#invoice-table tbody tr.odd td {
background-color: #f5f5f5;
}
......@@ -699,12 +779,15 @@ input.dp-applied {
background-color: #efd5d5;
color: #c17575;
}
#invoice-table tbody tr.unpaid td a {
color: #c17575;
}
#invoice-table tbody tr.unpaid td a:hover {
color: #CC4433;
}
#invoice-table tfoot td {
margin: 0;
padding: 4px 2px 4px 10px;
......@@ -712,6 +795,7 @@ input.dp-applied {
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#invoice-table caption {
text-align: left;
font-size: 11px;
......@@ -729,6 +813,7 @@ input.dp-applied {
border: 1px solid #ccc;
margin: 8px 0px 4px 0px;
}
.invoice-table thead th {
margin: 0;
padding: 5px 2px 5px 10px;
......@@ -736,22 +821,26 @@ input.dp-applied {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.invoice-table thead td {
margin: 0;
padding: 4px 2px 4px 10px;
text-align: left;
}
.invoice-table tbody th {
margin: 0;
padding: 4px 2px 4px 10px;
text-align: left;
}
.invoice-table tbody td {
margin: 0;
padding: 4px 2px 4px 10px;
text-align: left;
border-right: 1px solid #ccc;
}
.invoice-table tbody tr.odd td {
background-color: #f5f5f5;
}
......@@ -760,12 +849,15 @@ input.dp-applied {
background-color: #efd5d5;
color: #c17575;
}
.invoice-table tbody tr.unpaid td a {
color: #c17575;
}
.invoice-table tbody tr.unpaid td a:hover {
color: #CC4433;
}
.invoice-table tfoot td {
margin: 0;
padding: 4px 2px 4px 10px;
......@@ -773,6 +865,7 @@ input.dp-applied {
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}
.invoice-table caption {
text-align: left;
font-size: 11px;
......@@ -800,9 +893,11 @@ input.dp-applied {
font-size: 11px;
margin: 5px 0;
}
.TzAdminPagination span {
margin-right: 5px;
}
.TzAdminPagination a {
margin-right: 5px;
}
......@@ -819,14 +914,17 @@ input.dp-applied {
word-wrap: normal;
padding: 3px 5px;
}
.cbv-report-list tbody tr.odd td,
#report-list tbody tr.odd td {
background-color: #f5f5f5;
}
.cbv-report-list thead th {
background-color: #e1e1e1;
border-bottom: 1px solid #e8e8e8;
}
.cbv-report-list tbody td {
border-bottom: 1px solid #e8e8e8;
min-width: 120px;
......@@ -842,6 +940,7 @@ input.dp-applied {
margin: 0;
padding: 0;
}
.edit-option-table tbody th {
padding: 5px 5px 3px 5px;
text-align: left;
......@@ -849,12 +948,14 @@ input.dp-applied {
font-size: 11px;
vertical-align: top;
}
.edit-option-table tbody td {
padding: 3px 5px;
text-align: left;
font-weight: bold;
font-size: 11px;
}
.edit-option-table tbody td textarea,
.edit-option-table tbody td input {
font-size: 11px;
......@@ -877,6 +978,7 @@ font-family:arial;
*/
text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
/*
background-color: #e6EEEE;
......@@ -885,12 +987,14 @@ background-color: #e6EEEE;
padding: 4px;
*/
}
table.tablesorter thead tr .header {
background-image: url(/wp-content/themes/cbv/assets/images/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter tbody td {
/*
color: #3D3D3D;
......@@ -899,15 +1003,19 @@ color: #3D3D3D;
vertical-align: top;
*/
}
table.tablesorter tbody tr.odd td {
background-color: #f5f5f5;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(/wp-content/themes/cbv/assets/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(/wp-content/themes/cbv/assets/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
color: #DF3224;
}
......@@ -917,17 +1025,21 @@ div.tablesorterPager {
background-color: #D6D2C2;
text-align: center;
}
div.tablesorterPager span {
padding: 0 5px 0 5px;
}
div.tablesorterPager input.prev {
width: auto;
margin-right: 10px;
}
div.tablesorterPager input.next {
width: auto;
margin-left: 10px;
}
div.tablesorterPager input {
font-size: 8px;
width: 50px;
......@@ -941,11 +1053,13 @@ div.tablesorterPager input {
float: left;
width: 200px;
}
#mytable_filter, .dataTables_filter {
float: right;
text-align: right;
width: 400px;
}
#mytable_info, .dataTables_info {
font-size: 12px;
color: #bbb;
......@@ -962,10 +1076,12 @@ div.tablesorterPager input {
background-image: url(/wp-content/themes/cbv/assets/images/bg.gif);
cursor: pointer;
}
.sorting_asc {
background-image: url(/wp-content/themes/cbv/assets/images/asc.gif);
color: #DF3224;
}
.sorting_desc {
background-image: url(/wp-content/themes/cbv/assets/images/desc.gif);
color: #DF3224;
......@@ -990,6 +1106,7 @@ div.tablesorterPager input {
.dataTables_info {
float: left;
}
.dataTables_paginate {
float: right;
width: 400px;
......@@ -1002,9 +1119,11 @@ div.tablesorterPager input {
.paginate_active {
padding: 0px 4px;
}
.paginate_button {
cursor: pointer;
}
.paginate_button:hover {
color: #DF3224;
}
......@@ -1015,6 +1134,7 @@ div.dataTables_paginate span.paginate_active {
.small-table {
}
.small-table td {
font-size: 11px;
padding: 3px;
......@@ -1035,6 +1155,7 @@ div.dataTables_paginate span.paginate_active {
.label-black-attending {
background-position: 0px 0px;
}
.label-black-attending:hover {
background-position: -43px 0px;
}
......@@ -1042,6 +1163,7 @@ div.dataTables_paginate span.paginate_active {
.label-black-register {
background-position: 0px -14px;
}
.label-black-register:hover {
background-position: -43px -14px;
}
......@@ -1049,6 +1171,7 @@ div.dataTables_paginate span.paginate_active {
.label-black-taken {
background-position: 0px -28px;
}
.label-black-taken:hover {
background-position: -43px -28px;
}
......@@ -1056,6 +1179,7 @@ div.dataTables_paginate span.paginate_active {
.label-black-enrol {
background-position: 0px -42px;
}
.label-black-enrol:hover {
background-position: -43px -42px;
}
......@@ -1063,6 +1187,7 @@ div.dataTables_paginate span.paginate_active {
.label-red-attending {
background-position: -43px 0px;
}
.label-red-attending:hover {
background-position: -86px 0px;
}
......@@ -1070,6 +1195,7 @@ div.dataTables_paginate span.paginate_active {
.label-red-register {
background-position: -43px -14px;
}
.label-red-register:hover {
background-position: -86px -14px;
}
......@@ -1077,6 +1203,7 @@ div.dataTables_paginate span.paginate_active {
.label-red-taken {
background-position: -43px -28px;
}
.label-red-taken:hover {
background-position: -86px -28px;
}
......@@ -1084,6 +1211,7 @@ div.dataTables_paginate span.paginate_active {
.label-red-enrol {
background-position: -43px -42px;
}
.label-red-enrol:hover {
background-position: -86px -42px;
}
......@@ -1091,6 +1219,7 @@ div.dataTables_paginate span.paginate_active {
.label-grey-closed {
background-position: -86px -56px;
}
.label-grey-closed:hover {
background-position: -86px -56px;
}
......@@ -1098,6 +1227,7 @@ div.dataTables_paginate span.paginate_active {
.label-grey-fail {
background-position: -86px -70px;
}
.label-grey-fail:hover {
background-position: -86px -70px;
}
......@@ -1105,6 +1235,7 @@ div.dataTables_paginate span.paginate_active {
.label-black-fail {
background-position: 0px -70px;
}
.label-black-fail:hover {
background-position: 0px -70px;
}
......@@ -1112,6 +1243,7 @@ div.dataTables_paginate span.paginate_active {
.label-red-fail {
background-position: -43px -70px;
}
.label-red-fail:hover {
background-position: -43px -70px;
}
......@@ -1119,6 +1251,7 @@ div.dataTables_paginate span.paginate_active {
.label-grey-pass {
background-position: -86px -84px;
}
.label-grey-pass:hover {
background-position: -86px -84px;
}
......@@ -1126,6 +1259,7 @@ div.dataTables_paginate span.paginate_active {
.label-black-pass {
background-position: 0px -84px;
}
.label-black-pass:hover {
background-position: 0px -84px;
}
......@@ -1133,6 +1267,7 @@ div.dataTables_paginate span.paginate_active {
.label-red-pass {
background-position: -43px -84px;
}
.label-red-pass:hover {
background-position: -43px -84px;
}
......@@ -1140,6 +1275,7 @@ div.dataTables_paginate span.paginate_active {
.label-black-print {
background-position: 0px -98px;
}
.label-black-print:hover {
background-position: -86px -98px;
}
......@@ -1147,6 +1283,7 @@ div.dataTables_paginate span.paginate_active {
.label-grey-print {
background-position: -86px -98px;
}
.label-grey-print:hover {
background-position: 0px -98px;
}
......@@ -1154,6 +1291,7 @@ div.dataTables_paginate span.paginate_active {
.label-red-print {
background-position: -43px -98px;
}
.label-red-print:hover {
background-position: -86px -98px;
}
......@@ -1162,6 +1300,7 @@ div.dataTables_paginate span.paginate_active {
.label-black-view {
background-position: 0px -112px;
}
.label-black-view:hover {
background-position: -86px -112px;
}
......@@ -1169,6 +1308,7 @@ div.dataTables_paginate span.paginate_active {
.label-grey-view {
background-position: -86px -112px;
}
.label-grey-view:hover {
background-position: 0px -112px;
}
......@@ -1176,6 +1316,7 @@ div.dataTables_paginate span.paginate_active {
.label-red-view {
background-position: -43px -112px;
}
.label-red-view:hover {
background-position: -86px -112px;
}
......@@ -1184,6 +1325,7 @@ div.dataTables_paginate span.paginate_active {
.label-black-coming {
background-position: 0px -126px;
}
.label-black-coming:hover {
background-position: -86px -126px;
}
......@@ -1191,6 +1333,7 @@ div.dataTables_paginate span.paginate_active {
.label-grey-coming {
background-position: -86px -126px;
}
.label-grey-coming:hover {
background-position: 0px -126px;
}
......@@ -1198,6 +1341,7 @@ div.dataTables_paginate span.paginate_active {
.label-red-coming {
background-position: -43px -126px;
}
.label-red-coming:hover {
background-position: -86px -126px;
}
......@@ -1206,15 +1350,18 @@ div.dataTables_paginate span.paginate_active {
padding: 4px 5px;
border-top: 1px solid #e8e8e8;
}
.filter-table tr.odd td {
background-color: #f5f5f5;
}
.filter-table tr:first-child {
border-top: none;
}
ul.action-class {
}
ul.action-class li {
margin: 0px 0px 10px 0px;
}
......@@ -1315,10 +1462,6 @@ h6.fieldset-heading {
float: right;
}
.option-groups-region .remove-group {
margin-top: 3px;
}
.option-groups-region .remove-option {
margin-top: 4px;
}
......@@ -1374,7 +1517,7 @@ h6.fieldset-heading {
.option-groups-region .group-title,
.option-groups-region .editable-group-title {
max-width: 76%;
max-width: 66%;
min-width: 50px;
min-height: 15px;
position: relative;
......@@ -1415,6 +1558,16 @@ h6.fieldset-heading {
margin-right: 10px;
}
.option-groups-region .toggle-lang-container {
display: inline-block;
float: right;
margin-top: -10px;
}
.field-option .toggle-lang-container {
margin-top: 0;
}
.dragged {
position: absolute;
opacity: 0.5;
......@@ -1437,10 +1590,12 @@ li.placeholder:before {
padding: 0;
width: 100%;
}
#sortable ul {
margin-left: 20px;
list-style: none;
}
#sortable li {
padding: 2px 0px;
margin: 4px 0px;
......@@ -1448,6 +1603,7 @@ li.placeholder:before {
cursor: move;
-moz-border-radius: 6px
}
#sortable li span {
display: block;
background: #f7f7f7;
......@@ -1456,6 +1612,7 @@ li.placeholder:before {
font-size: 14px;
font-weight: bold;
}
#sortable li.placeholder {
border: dashed 2px #ccc;
background-color: #FFF;
......@@ -1465,9 +1622,11 @@ li.placeholder:before {
.diff-accept {
background-color: #68be2e;
}
.diff-reject {
background-color: #ed1f24;
}
td.diff-left:hover, td.diff-right:hover {
cursor: pointer;
}
......@@ -1495,11 +1654,10 @@ a, input, textarea, select {
transition: color 0.1s linear, background-color 0.1s linear, border-color 0.1s linear, box-shadow 0.1s linear;
}
.left, .float-left {
float: left;
}
.right, .float-right {
float: right;
}
......