html, body {
margin: 0px 0px 0px 0px;
padding: 0px;
font-family: helvetica, arial, verdana, sans-serif;
color: #111111;
height: 99%;
font-size: 11pt;
}
html {
background-image: url(images/watermark.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: bottom right;
}
body {
scroll-behavior: smooth;
}
nav#page_header, div#page_body, footer#page_footer {
width: 98%;
padding: 0px;
margin-left: 10px;
margin-right: 10px;
}
nav#page_header {
text-align: center;
}
div#page_body {
min-height: 75%;
text-align: center;
vertical-align: middle;
}
div#page_content {
display: inline-table;
text-align: left;
}
footer#page_footer {
text-align: center;
vertical-align: bottom;
}
a { text-decoration: none; color: maroon; }
a:hover { text-decoration: underline; color: gray; }
a.play { text-decoration: none; color: black; }
a.play:hover { text-decoration: none; }
body > table {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 0.74em;
padding: 0px;
margin: 0px;
}
.extended_event {
font-style: italic;
}
.instantaneous_event {
font-style: italic;
}
.main_speaker {
font-weight: bold;
}
.non_main_speaker {
font-weight: normal;
}
.IPAFont {
font-family: SILDoulosIPA, SILDoulos IPA93, SILManuscriptIPA, SILManuscript IPA93, SILSophiaIPA, SILSophia IPA93;
font-size: 100%;
}
.IPA {
font-family: Arial MS Unicode, Lucida Sans Unicode, Arial, doulos sil, sans-serif;
}
.none {
font-family: Courier New, serif;
}
h1 {
font-family: times, times new roman, serif;
font-weight: normal;
text-align:center;
}
h2 {
font-family: times, times new roman, serif;
font-weight: normal;
text-align:center;
}
h3 {
font-family: times, times new roman, serif;
font-weight: normal;
text-align:left;
font-style: italic;
}
em {
font-family: times, times new roman, serif;
font-weight: normal;
font-style: italic;
}
div {
color: black;
line-height: 1.5em;
margin: 0px;
}
p {
color: black;
line-height: 1.5em;
margin: 0px;
padding: 5px 20px 10px 0px;
}
ul { padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px; }
li { padding-top: 0px; padding-bottom: 5px; margin-top: 0px; margin-bottom: 0px; }
table { font-size: 1em; }
th {
text-align: left;
font-family: helvetica, arial, verdana, sans-serif;
}
p.error, pre.error, span.error, div.error {
color: red;
font-weight: bold;
font-size: 10pt;
}
table#threads td span.error {
display: block;
}
table#threads col#started { width: 10%; }
table#threads col#by { width: 10%; }
table#threads col#process { width: 20%; }
table#threads col#status { width: 40%; }
table#threads col#progress_desc { width: 5%; }
table#threads col#progress_bar { width: 10%; }
table#threads col#buttons { width: 5%; }
p.message {
font-weight: bold;
font-size: 10pt;
}
.db_form_label {
vertical-align: top;
font-weight: bold;
}
.db_form_field {
vertical-align: top;
white-space: nowrap;
}
.db_form_link {
vertical-align: top;
text-align: center;
white-space: nowrap;
}
.db_message {
font-weight: bold;
}
.db_error {
color: red;
font-weight: bold;
}
.db_pagination_current {
font-weight: bold;
padding: 3px;
border: inset 2px;
}
p.db_pagination {
text-align: center;
font-weight: normal;
font-size: 9pt;
}
p.db_pagination a {
padding: 3px;
}
.db_list_evenrow {
background: transparent;
color: black;
}
.db_list_oddrow {
background: transparent;
color: black;
}
.db_newrow {
background: transparent;
color: black;
}
table.db_table_form td.db_form_link {
border-bottom: solid black 1px;
padding-bottom: 10px;
}
table.popup_menu {
background: #DDDDDD;
padding: 5px;
border-left: #EEEEEE solid 1px;
border-right: #BBBBBB solid 1px;
border-bottom: #BBBBBB solid 1px;
}
tr.popup_menu {
background: #DDDDDD;
}
td.popup_menu:hover {
background: #EEEEEE;
}
th.popup_menu {
font-style: italic;
}
td.popup_menu {
text-align: left;
white-space: nowrap;
vertical-align: middle;
}
td.popup_menu a {
text-decoration: none;
color: black;
}
td.popup_menu img {
padding-right: 5px;
vertical-align: middle;
}
.file_selector {
text-align: right;
}
div.threadprogress {
width: 500px;
margin: auto;
}
progress, div.progress_container, div.progress {
width: 95%;
min-width: 120px; /* this because of strangeness in chromium */
height: 20px;
vertical-align: middle;
}
progress[value] {
}
progress:not([value]) {
}
progress.error {
}
div.thread_status {
width: 99%;
text-align: center;
}
button.thread_cancel {
text-align: center;
vertical-align: middle;
height: 20px;
width: 20px;
}
.progress_bar {
text-align: center;
width: 100%;
padding: 0px;
border: 0px;
}
div.progress_container {
background: #EFEFEF;
border: #EFEFEF solid 1px;
padding: 0px;
}
div.progress {
height: 18px;
background: #DEE6EF url(images/processing.gif);
border: #DEE6EF solid 1px;
color: white;
text-align: center;
padding: 0px;
}
div.progress_error {
height: 18px;
background: red url(images/processing.gif);
border: red solid 1px;
color: white;
text-align: center;
padding: 0px;
}
div.progress_complete {
height: 18px;
padding: 0px;
background: #DEE6EF;
border: #DEE6EF solid 1px;
color: white;
text-align: center;
}
.progress_bar_finished_error {
background: red;
color: white;
text-align: center;
}
.progress_bar_todo {
background: #F7F7F7;
color: black;
text-align: center;
}
.progress_bar_status {
text-align: center;
}
input.numeric {
text-align: right;
}
input.small_numeric {
text-align: right;
width: 20px;
}
span.db_submit, span.db_link, a.button {
display: inline-table;
background: silver;
border: 1px outset;
padding: 1px;
padding-top: 2px;
font-family: sans-serif;
font-size: 9pt;
white-space: nowrap;
}
span.db_submit:active, span.db_link:active, a.button:active {
border: 1px inset;
padding-top: 3px;
padding-left: 2px;
padding-bottom: 0px;
padding-right: 0px;
}
span.db_submit img, span.db_link img, a.button img {
border: 0;
vertical-align: middle;
padding-right: 3px;
}
span.db_submit a, span.db_link a, a.button {
color: black;
text-decoration: none;
}
input.db_link, input.db_submit, input.form_button, button {
background: silver;
border: 1px outset;
font-family: sans-serif;
font-size: 9pt;
padding: 1px;
text-transform: capitalize;
}
div.filechooser input.form_button, button.chooseButton {
text-transform: none;
}
input.db_link:active, input.db_submit:active, input.form_button:active, button:active {
border: 1px inset;
padding-left: 2px;
padding-right: 0px;
}
span.form_button {
background: silver;
border: 1px outset;
font-family: sans-serif;
font-size: 9pt;
padding: 5px;
text-transform: capitalize;
white-space: nowrap;
}
span.form_button:active {
border: 1px inset;
padding-left: 7px;
padding-right: 3px;
}
span.form_button a {
text-decoration: none;
color: black;
}
span.form_button img {
border: none;
width: 16px;
padding-right: 5px;
vertical-align: -25%;
}
button.form_button img.notext, span.form_button img.notext {
padding: 0px;
}
button.form_button img {
height: 16px;
padding-right: 5px;
}
.meta_layer_data {
font-size: 8pt;
font-style: italic;
font-weight: normal;
}
.transparent_button {
padding: 2px;
}
.transparent_button:active {
padding-top: 4px;
padding-left: 4px;
padding-bottom: 0px;
padding-right: 0px;
}
header#transcript_header, footer#transcript_footer {
width: 100%;
}
div.transcript_title {
text-align: left;
width: 100%;
white-space: nowrap;
}
div.transcript_title > a:after {
content: '▼';
}
div.previous_transcript_link {
position: fixed;
top: 50%;
left: 0;
text-align: left;
}
div.previous_transcript_link a:hover:after {
content: 'previous';
}
div.next_transcript_link {
position: fixed;
top: 50%;
right: 0px;
text-align: right;
}
div.next_transcript_link a:hover:before {
content: 'next';
}
img.navigation {
vertical-align: middle;
}
table.transcript_top_block {
width: 100%;
}
table.transcript_top_block td {
vertical-align: top;
}
table.speakers td {
padding: 5px;
}
td.phonological_layer {
white-space: nowrap;
vertical-align: top;
}
table.layered_words {
}
table.layered_words td {
padding: 0px;
vertical-align: top;
}
table.turns {
border-spacing: 0px;
padding: 0px;
}
table.turns td.word_layers {
padding: 0px;
}
table.layered_words {
border-spacing: 0px;
padding-top: 4px;
}
table.word_layers {
border-spacing: 0px;
padding: 0px;
}
table.word_layers td, table.word_layers td.result_highlight {
padding: 0px;
vertical-align: top;
white-space: nowrap;
}
table.word_layers td.segment_layers {
padding: 0px;
vertical-align: top;
white-space: nowrap;
}
table.turns th.turn_speaker {
vertical-align: top;
padding-top: 5px;
}
table.turns td.turn_text {
vertical-align: top;
}
table.layered_words td.word_event {
vertical-align: middle;
}
p.topic {
font-style: italic;
}
table.scrollable thead {
display: block;
}
table.scrollable tbody {
display: block;
overflow: auto;
height: 350px;
}
table.extract_textgrids_column_mapping td {
vertical-align: top;
}
.result_highlight, .cell_result_highlight td {
background: yellow;
font-weight: bold;
}
table#results tr.utterance td {
white-space: nowrap;
line-height: 17px;
}
.result_highlight {
text-align: center;
}
.preceding_context {
text-align: right;
padding-right: 5px;
}
.following_context {
text-align: left;
padding-left: 5px;
}
.word_heading {
text-align: center;
}
table.edit_word th.main {
text-align: center;
}
table.edit_word th.variant {
text-align: left;
white-space: nowrap;
}
table.edit_word th.editable_layer_icon {
text-align: right;
vertical-align: middle;
}
table.edit_word th.editable_layer {
text-align: left;
vertical-align: middle;
}
table.edit_word td.editable_layer {
text-align: right;
vertical-align: middle;
}
table.edit_word td.editable_layer input {
width: 100%;
}
table.edit_word td.editable_button {
text-align: left;
}
table.edit_word th.read_only_layer_icon {
text-align: right;
vertical-align: middle;
}
table.edit_word th.read_only_layer {
text-align: left;
vertical-align: middle;
}
table.edit_word td.read_only_layer {
text-align: left;
vertical-align: middle;
white-space: nowrap;
}
table.insert_data_checkoxes td {
padding-right: 10px;
white-space: nowrap;
}
/**** AG ****/
table.speaker_word {
display: inline;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}
table.speaker_word td {
padding: 0px;
}
table.speaker_word td.speaker_word {
padding: 0px;
}
table.ag_word, table.ag_no_word {
display: inline;
padding:0px;
border-spacing: 0px;
border-collapse: collapse;
width: 100%; /* this is ignored for some reason */
}
table.ag_word td, table.ag_no_word td {
white-space: nowrap;
padding-top:0px;
padding-bottom:0px;
padding-left:3px;
padding-right:3px;
font-size: 10pt;
height:20px;
}
td.ag_turn_speaker {
vertical-align: top;
border-bottom: 1px solid silver;
padding: 0px;
}
table.ag_speaker {
padding:0px;
border-spacing: 0px;
border-collapse: collapse;
font-size: 10pt;
}
table.ag_speaker td {
padding:0px;
white-space: nowrap;
vertical-align: top;
font-weight: bold;
}
table.ag_speaker td.meta_annotation_start_end {
font-weight: normal;
border-top: black dotted 1px;
border-left: black dotted 1px;
border-right: none;
}
table.ag_speaker td.meta_annotation_start_end {
font-weight: normal;
border-top: black dotted 1px;
border-left: black dotted 1px;
border-right: none;
}
td.ag_annotations {
white-space: normal;
}
.meta_annotation_empty {
}
.meta_annotation_start_end {
border-top: black solid 1px;
border-left: black solid 1px;
border-right: black solid 1px;
border-bottom: white solid 1px;
}
.meta_annotation_start {
border-top: black solid 1px;
border-left: black solid 1px;
}
.meta_annotation_during {
border-top: black solid 1px;
}
.meta_annotation_end {
border-top: black solid 1px;
border-right: black solid 1px;
}
div.comment_annotation {
font-style: italic;
padding-left:3px;
padding-right:3px;
}
table.upload_howmanyform {
width:100%;
}
table.upload_howmanyform th {
text-align: right;
font-weight: normal;
}
table.upload_upform {
width: 500px;
}
table.upload_mainspeakers td.checkbox {
text-align: right;
}
/*******************************************/
table.turnSpan {
padding-top: 5px;
border-spacing: 0px;
border-collapse: collapse;
}
table.turnSpan td {
padding-left: 5px;
}
tr.speakerSpan {
}
tr.speakerSpan th.speaker {
vertical-align: top;
border-top: 1px dotted gray;
border-right: 1px dotted gray;
padding-right: 10px;
}
tr.speakerSpan th.speaker td.speaker_name {
font-weight: bold;
}
tr.speakerSpan td.columns {
}
table.annotationColumn, table.name_positioner {
display: inline-table;
padding: 0px;
border-spacing: 0px;
}
tr.cell td, tr.speakerSpan th.speaker table.name_positioner td, tr.cell_result_highlight {
padding: 0px;
font-size: 10pt;
height: 20px;
}
tr.cell td.main_speaker {
font-weight: bold;
}
tr.cell td {
text-align: center;
}
span.line {
display: block;
vertical-align: top;
}
td.span_annotation_start_end_olive {
border-top: olive dashed 1px;
border-left: olive dashed 1px;
border-right: olive dashed 1px;
border-bottom: white solid 1px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
td.span_annotation_start_and_end_olive {
border-left: olive dashed 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_olive {
border-top: olive dashed 1px;
border-left: olive dashed 1px;
border-top-left-radius: 8px;
border-bottom: white solid 1px;
}
td.span_annotation_during_olive {
border-top: olive dashed 1px;
border-bottom: white solid 1px;
}
td.span_annotation_end_olive {
border-top: olive dashed 1px;
border-right: olive dashed 1px;
border-top-right-radius: 8px;
border-bottom: white solid 1px;
}
td._olive {
border: white solid 1px;
}
td.span_annotation_start_end_blue {
border-top: blue solid 1px;
border-left: blue solid 1px;
border-right: blue solid 1px;
border-bottom: white solid 1px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
td.span_annotation_start_and_end_blue {
border-left: blue solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_blue {
border-top: blue solid 1px;
border-left: blue solid 1px;
border-top-left-radius: 8px;
border-bottom: white solid 1px;
}
td.span_annotation_during_blue {
border-top: blue solid 1px;
}
td.span_annotation_end_blue {
border-top: blue solid 1px;
border-right: blue solid 1px;
border-top-right-radius: 8px;
border-bottom: white solid 1px;
}
td._blue {
border: white solid 1px;
}
td.span_annotation_start_end_lime {
border-top: lime solid 1px;
border-left: lime solid 1px;
border-right: lime solid 1px;
border-bottom: white solid 1px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
td.span_annotation_start_and_end_lime {
border-left: lime solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_lime {
border-top: lime solid 1px;
border-left: lime solid 1px;
border-top-left-radius: 8px;
border-bottom: white solid 1px;
}
td.span_annotation_during_lime {
border-top: lime solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_end_lime {
border-top: lime solid 1px;
border-right: lime solid 1px;
border-top-right-radius: 8px;
border-bottom: white solid 1px;
}
td._lime {
border: white solid 1px;
}
td.span_annotation_start_end_teal {
border-top: teal solid 1px;
border-left: teal solid 1px;
border-right: teal solid 1px;
border-bottom: white solid 1px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
td.span_annotation_start_and_end_teal {
border-left: teal solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_teal {
border-top: teal solid 1px;
border-left: teal solid 1px;
border-top-left-radius: 8px;
border-bottom: white solid 1px;
}
td.span_annotation_during_teal {
border-top: teal solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_end_teal {
border-top: teal solid 1px;
border-right: teal solid 1px;
border-top-right-radius: 8px;
border-bottom: white solid 1px;
}
td._teal {
border: white solid 1px;
}
td.span_annotation_start_end_red {
border-top: red solid 1px;
border-left: red solid 1px;
border-right: red solid 1px;
border-bottom: white solid 1px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
td.span_annotation_start_and_end_red {
border-left: red solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_red {
border-top: red solid 1px;
border-left: red solid 1px;
border-top-left-radius: 8px;
border-bottom: white solid 1px;
}
td.span_annotation_during_red {
border-top: red solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_end_red {
border-top: red solid 1px;
border-right: red solid 1px;
border-top-right-radius: 8px;
border-bottom: white solid 1px;
}
td._red {
border: white solid 1px;
}
td.span_annotation_start_end_black {
border-top: black solid 1px;
border-left: black solid 1px;
border-right: black solid 1px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom: white solid 1px;
}
td.span_annotation_start_and_end_black {
border-left: black solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_start_black {
border-top: black solid 1px;
border-left: black solid 1px;
border-top-left-radius: 8px;
border-bottom: white solid 1px;
}
td.span_annotation_during_black {
border-top: black solid 1px;
border-bottom: white solid 1px;
}
td.span_annotation_end_black {
border-top: black solid 1px;
border-right: black solid 1px;
border-top-right-radius: 8px;
border-bottom: white solid 1px;
}
td._black {
border-top: white solid 1px;
border-left: white solid 1px;
border-right: white solid 1px;
border-bottom: white solid 1px;
}
/* These for the 'noise' layer*/
td.span_annotation_start_end {
border-top: black dotted 1px;
border-left: black dotted 1px;
border-right: black dotted 1px;
}
td.span_annotation_start_and_end {
border-left: black dotted 1px;
}
td.span_annotation_start {
border-top: black dotted 1px;
border-left: black dotted 1px;
}
td.span_annotation_during {
border-top: black dotted 1px;
}
td.span_annotation_end {
border-top: black dotted 1px;
border-right: black dotted 1px;
}
td span.meta_annotation {
position: absolute;
}
span.up {
position: relative;
top: -7px;
left: 3px;
background: transparent;
white-space: nowrap;
}
td.span_annotation_start_and_end_black span.meta_annotation span.up, td.span_annotation_start_and_end_blue span.meta_annotation span.up, td.span_annotation_start_and_end_red span.meta_annotation span.up, td.span_annotation_start_and_end_teal span.meta_annotation span.up, td.span_annotation_start_and_end_olive span.meta_annotation span.up {
left: -10px;
}
td.span_annotation_start_and_end span.meta_annotation span.up, td.span_annotation_start span.meta_annotation span.up, td.span_annotation_end span.meta_annotation span.up, td.span_annotation_start_end span.meta_annotation span.up, td.span_annotation_during span.meta_annotation span.up {
top: 0;
left: 0;
border-top: 1px dotted black;
}
td span.annotation_data {
position: absolute;
}
td span.annotation_data img.annotation_data {
position: relative;
top: -18px;
}
tr.cell_image, _img.annotation_data {
height: 50px;
}
td span.annotation_data_link:hover:after {
content: "↓";
}
span.key_layer {
}
span.key_layer_empty {
color: gray;
}
table.search_matrix, table.search_column {
border-collapse: collapse;
}
table.search_column td {
vertical-align: middle;
text-align: center;
white-space: nowrap;
}
table.search_column th {
vertical-align: middle;
text-align: left;
white-space: nowrap;
}
table.search_column {
border-spacing: 0px;
}
td.adjacency {
font-size: 8pt;
}
td.search_span_layer {
border-top: black solid 1px;
}
td.search_anchor_none {
border-top: black dashed 1px;
border-right: white dashed 1px;
border-left: white dashed 1px;
}
td.search_anchor_start, span.export_anchor_start {
border-top: black solid 1px;
border-left: black solid 1px;
}
td.search_anchor_end, span.export_anchor_end {
border-top: black solid 1px;
border-right: black solid 1px;
}
span.search_anchor_start input, span.search_anchor_end input {
position: relative;
top: 3px;
}
table.anchors, table.anchors table.annotations {
border-collapse: collapse;
border-spacing: 0px;
}
table.anchors td.annotations {
vertical-align: top;
border-left: 1px solid silver;
}
table.anchors th {
white-space: nowrap;
}
table.anchors tr.odd, div.odd {
background: #FFFFFF;
}
table.anchors tr.even, div.even {
background: #EEEEEE;
}
tr.odd {
background: #FFFFFF;
}
tr.even {
background: #EEEEEE;
}
.nohilight {
}
.hilight {
border: 1px dashed red;
}
table.layers td {
vertical-align: top;
white-space: nowrap;
}
input.media_alternative, input.media_track {
margin-left: 5mm;
margin: 0px;
}
div.speaker_attributes {
width: 600px;
margin: 0px;
}
table.db_table_tabs {
border-collapse: collapse;
width: 100%;
padding: 0px;
}
div.db_table_tabs {
width: 100%;
padding-left: 2px;
padding-bottom: 0px;
padding-top: 0px;
padding-right: 0px;
}
table.db_table_tabs td {
text-align: center;
padding: 5px;
}
div.db_table_tab {
width: 100%;
border-left: 2px silver solid;
border-right: 2px silver solid;
border-bottom: 2px silver solid;
padding: 0px;
margin: 0px;
}
div.db_table_tabs_save {
}
td.db_table_tab_title_none_left, td.db_table_tab_title_none_right {
border-bottom: 2px silver solid;
}
td.db_table_tab_title {
border-bottom: 2px silver solid;
border-top: 1px silver solid;
border-left: 1px silver solid;
border-right: 1px silver solid;
white-space: nowrap;
}
td.db_table_tab_title_selected {
border-top: 2px silver solid;
border-left: 2px silver solid;
border-right: 2px silver solid;
white-space: nowrap;
font-weight: bold;
}
td.db_table_tab_title_none_right {
width: 70%;
}
table.db_table {
padding: 0px;
}
div.db_table_list, div.db_table_form {
width: 100%;
text-align: center;
}
table.db_table_list, table.db_table_form {
display: inline-table;
text-align: left;
}
span.db_style_field span.setting {
white-space: nowrap;
display: block;
text-align: right;
}
table.search_header td.speakers {
width: 70%;
}
table.search_header td.layers {
width: 30%;
}
table.layer_list td {
white-space: nowrap;
}
tr.db_save td {
padding-bottom: 30px;
}
table.db_table_form tr.db_save {
position: fixed;
right: 10px;
top: 120px;
}
img.help { border: none; cursor: help; }
tr.db_deleting_row, tr.db_deleting_row td input, tr.db_deleting_row td select, tr.db_deleting_row td textarea {
text-decoration: line-through;
color: silver;
}
tr.db_deleted_row {
display: none;
}
span.media_controls {
position: fixed;
top: 70px;
right: 20px;
}
div.media_alternative, div.media_track {
display: block;
padding: 0px;
width: 100%;
}
table.ag {
border-spacing: 0px;
border-collapse: collapse;
}
table.ag td {
white-space: nowrap;
text-align: center;
padding: 0px;
}
table.ag td._black {
border-top: 1px solid white;
padding: 0px;
}
td.anchor span {
position: relative;
left: -50%;
padding-right: 10px;
}
td.anchor span.anchor_0 a { /* ALIGNMENT_STATUS_NONE */
font-style: italic;
color: silver;
}
td.anchor span.anchor_10 a { /* ALIGNMENT_STATUS_DEFAULT */
font-style: italic;
}
td.anchor span.anchor_50 a { /* ALIGNMENT_STATUS_AUTOMATIC */
font-style: normal;
}
td.anchor span.anchor_100 a { /* ALIGNMENT_STATUS_USER */
font-weight: bold;
}
table.ag td table.annotationColumn tr.cell td span {
position: relative;
top: -60%;
background: white;
}
table.ag, table.ag table.annotationColumn tr td {
font-size: 8pt;
}
th.switchlabel, td.switchinput, td.switchdescription {
vertical-align: top;
}
th.switchlabel {
white-space: nowrap;
}
div.filter_layer, div.filter_speaker_layer {
white-space: nowrap;
padding: 0px;
}
img.processing {
position: fixed;
top: 10px;
left: 10px;
}
table.exportBatch > tbody > tr > td, table.exportBatch > tbody > tr > th {
padding: 5px;
vertical-align: top;
}
tr.selectlayer td {
white-space: nowrap;
}
div.select_mimetype_option {
padding: 1px;
}
table.serverSideUpload td, table.serverSideUpload th {
vertical-align: top;
}
div.layermanagers td {
white-space: normal;
}
div.edithtml {
width: 100%;
}
div.edithelpbutton {
position: fixed;
bottom: 0mm;
right: 0mm;
}
div.edithelpbutton a {
background: silver;
padding: 5px;
-moz-opacity:0.7;
filter:alpha(opacity: 0.7);
opacity: 0.7;
}
div.help {
margin-left: 5mm;
margin-right: 5mm;
}
a.newhelp {
-moz-opacity:0.1;
filter:alpha(opacity: 0.1);
opacity: 0.1;
}
td.csv_export_layer {
vertical-align: top;
white-space: nowrap;
}
span.search_speaker {
white-space: nowrap;
}
img.converter_icon {
width: 16px;
}
table.stats {
border-collapse: collapse;
}
table.stats th {
padding: 5px;
}
table.stats td {
text-align: right;
padding: 5px;
}
table.stats tr.even {
background: #FAFAFA;
}
table.stats tr.odd {
background: #FFFFFF;
}
td.project_selector {
vertical-align: top;
}
td.horizontal_cell {
vertical-align: top;
}
td.project_selector div.projects_header {
padding-top: 0px;
font-weight: bold;
}
td.project_selector div.project {
padding: 1px;
}
span.label:after {
content: ":";
}
div.list_filters {
}
div.list_filter {
display: table-cell;
}
/*
ol#utterances {
display: block;
overflow: auto;
height: 350px;
}
*/
a.uilink {
}
a.uilink:before {
content: "[";
}
a.uilink:after {
content: "]";
}
div.dischelper {
text-align: left;
white-space: nowrap;
position: absolute;
background: white;
border: 1px solid maroon;
padding: 10px;
}
td.file_type, td.auxiliary_label {
white-space: nowrap;
}
a.sort {
color: black;
}
a.sort:hover:after {
content: "⇓";
}
a.sort_active {
color: black;
}
a.sort_active:after {
content: "⇓";
}
div#clientsideintegration {
padding: 0px;
}
applet.integrationapplet {
width: 100%;
height: 20px;
}
div#clientsideintegration img#appletstarting {
float: right;
height: 20px;
}
div#clientsideintegration a#startappletconfiguration {
float: right;
}
.audioplayer {
display: block;
padding: 0px;
}
.videoplayer {
display: block;
padding: 0px;
}
.imageviewer {
display: block;
padding: 0px;
}
.audioplayer .label {
display: block;
}
.audioplayer audio {
display: block;
width: 100%;
padding: 0px;
}
.videoplayer video, .videoplayer .wmpvideo {
display: block;
width: 100%;
padding: 0px;
}
.imageviewer img {
display: block;
width: 100%;
padding: 0px;
}
.audioplayer .wmpaudio {
display: block;
width: 100%;
height: 45px;
padding: 0px;
}
.videoplayer .label {
text-align: center;
padding: 0px;
width: 150px;
height: 20px;
position: fixed;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: translate(-170px) rotate(-90deg);
transform-origin: top right;
}
div#modes {
display: block;
}
div#textblock {
display: table-cell;
}
div#mediablock {
display: table-cell;
float: right;
}
div.mediablockwithvideo {
width: 250px;
}
div.mediablockwithimage {
width: 250px;
}
div.mediablock {
width: 0px;
}
div#players {
position: fixed;
top: 60px;
right: 0px;
width: 300px;
background: #FCFCFC;
padding: 0px;
max-height: 100%;
overflow: auto;
}
#controls {
display: block;
}
div#transcriptheaderblock {
display: block;
}
div#transcriptblock {
display: block;
}
div#clientsideintegration a img {
-moz-opacity:0.3;
opacity: 0.3;
}
/* subtitle voice colours */
::cue(v[voice='1']) { color: MistyRose; }
::cue(v[voice='2']) { color: LightSkyBlue; }
::cue(v[voice='3']) { color: Moccasin; }
::cue(v[voice='4']) { color: PaleGreen; }
div#roles, div#resetPassword {
border-top: 1px dotted silver;
}
div.header {
font-weight: bold;
}
div.role {
padding: 2px;
}
div.columnform {
display: table;
width: 100%;
}
div.columnform div.field, div.columnform div.controls {
display: table-row;
}
div.columnform div.field div.label {
display: table-cell;
font-weight: bold;
width: 50%;
vertical-align: top;
padding-right: 10px;
white-space: nowrap;
}
div.columnform div.field div.value {
display: table-cell;
width: 50%;
}
div.columnform div.controls div.control {
display: table-cell;
}
div.step_definition div.row {
padding: 10px;
border-bottom: dotted black 1px;
}
textarea {
width: 300px;
height: 30px;
}
div.step_definition div.prompt textarea {
width: 400px;
height: 30px;
}
div.step_definition div.max_seconds input, div.step_definition div.countdown_seconds input, div.step_count input {
width: 50px;
text-align: right;
}
div.step_definition img {
max-width: 300px;
}
div.step_definition {
display: table;
}
div.elicitation_group {
display: table-row;
}
div.elicitation_group div.elicitation_group_settings, div.elicitation_group div.elicitation_steps {
display: table-cell;
}
div.elicitation_group div.elicitation_group_settings {
padding-left: 10px;;
border-left: 2px black solid;
border-bottom: dotted black 1px;
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
button span {
padding-left: 5px;
padding-right: 10px;
}
button img {
vertical-align: middle;
height: 28px;
}
td.upload_media_description {
white-space: nowrap;
padding-left: 10px;
}
#sendpraatProgressString {
white-space: nowrap;
width: 99%;
position: absolute;
text-align: center;
}
#sendpraatProgressBar {
width: 99%;
}
#jslicense-labels1 {
width: 80%;
margin: auto;
}
/* new transcript form */
div.newTranscriptList {
display: table;
}
div.newTranscriptRow {
display: table-row;
white-space: nowrap;
}
div.fileSelector, div.newTranscriptAdd, span.newTranscriptMediaLabel {
display: table-cell;
white-space: nowrap;
}
div.fileSelector input {
width: 200px;
}
img.newTranscriptIcon {
width: 22px;
height: 22px;
vertical-align: middle;
}
span.newTranscriptMediaLabel {
padding-left: 20px;
}
span.newTranscriptMediaLabel::after {
content: ":";
}
ul#transcript_links {
padding-bottom: 200px;
display: table;
list-style-type: none;
}
ul#transcript_links li.transcript {
padding-bottom: 200px;
display: table-row;
}
ul#transcript_links li.transcript span.open_transcript {
display: table-cell;
padding: 10px;
font-weight: bold;
}
ul#transcript_links li.transcript span.open_attributes {
display: table-cell;
padding: 10px;
}
ul#transcript_links li.transcript span.thread {
display: table-cell;
width: 300px;
padding: 10px;
}
/* batch uploader */
div#dragdrop {
width: 1000px;
min-height: 300px;
border: 2px #DEE6EF dashed;
text-align: center;
}
div#dragdrop:hover, div.hover {
border: 2px #777777 dashed;
}
div.transcriptBatch {
display: table;
padding: 5px;
}
div.transcriptBatch div.transcriptEntry {
display: table-row;
height: 23px;
white-space: nowrap;
vertical-align: middle;
}
div.transcriptBatch div.transcriptEntry span.header {
font-weight: bold;
}
div.transcriptBatch div.transcriptEntry img.newTranscriptIcon {
}
div.transcriptBatch div.transcriptEntry span.transcriptName {
display: table-cell;
width: 150px;
max-width: 150px;
vertical-align: middle;
text-align: left;
padding-left: 10px;
font-weight: bold;
overflow: hidden;
}
div.transcriptBatch div.transcriptEntry span.mediaName {
display: table-cell;
vertical-align: middle;
text-align: left;
padding-left: 10px;
width: 100px;
max-width: 100px;
overflow: hidden;
}
div.transcriptBatch div.transcriptEntry span.status {
display: table-cell;
vertical-align: middle;
width: 400px;
max-width: 400px;
text-align: left;
padding-left: 10px;
overflow: hidden;
}
div.transcriptBatch div.transcriptEntry progress {
display: table-cell;
vertical-align: middle;
max-width: 200px;
width: 200px;
}
div.transcriptBatch div.transcriptEntry button.delete {
display: table-cell;
vertical-align: middle;
width: 20px;
height: 20px;
margin-left: 10px;
text-align: center;
vertical-align: middle;
}
div.transcriptBatch div.transcriptEntry button.delete {
display: table-cell;
vertical-align: middle;
width: 20px;
height: 20px;
margin-left: 10px;
text-align: center;
vertical-align: middle;
}
div.transcriptBatch div.exists {
color: orange;
}
p#batchLabel button {
float: right;
height: 32px;
padding: 5px;
}
p#batchLabel button img {
padding-right: 5px;
vertical-align: bottom;
}
div#stepsDefinition {
display: table;
width: 600px;
}
div.stepTree, div.stepDefinition {
display: table-cell;
padding: 20px;
}
div.stepDefinition {
width: 800px;
padding: 20px;
}
div#stepsDefinition select#attribute {
width: 100%;
}
div#elicitation_step_save {
position: fixed;
right: 10px;
top: 120px;
}
table#participant input#password {
width: 300px;
}
p.search_speakers {
overflow: auto;
max-height: 350px;
}
ul.audio {
list-style-image: url('images/audio.png');
}
ul.video {
list-style-image: url('images/video.png');
}
table#transcripts, table#participants {
border-collapse: collapse;
margin: auto;
}
td.resultTranscript:after {
content: ":";
}
table#results {
border-collapse: collapse;
}
#attributes img {
vertical-align: middle;
}
#transcriptattributes .db_form_field_description, #participantattributes .db_form_field_description {
font-style: italic;
}
.db_form_field_description {
font-style: italic;
white-space: normal;
}
table.transcriptattributesform td, table.participantattributesform td {
vertical-align: top;
}
table.transcriptattributesform td, table.participantattributesform td {
min-width: 100px;
}
div.multiselect {
display: inline-block;
width: 100px;
vertical-align: top;
padding: 2px;
}
div.multiselect div.options {
display: block;
width: 100px;
overflow-y: auto;
overflow-x: hidden;
max-height: 25px;
border: 1px solid silver;
position: absolute;
}
div.multiselect div.options:before {
content: '▼';
position: absolute;
left: 82%;
background: white;
opacity: 0.7;
}
div.multiselect div.options:hover {
max-height: 150px;
background: white;
overflow-x: auto;
}
div.multiselect div.options:hover:before {
content: '';
}
div.multiselect div.option {
white-space: nowrap;
line-height: 10px;
}
div.multiselect div.option label {
vertical-align: text-top;
}
div.transcriptattributesform div.number, div.participantattributesform div.number {
white-space: nowrap;
}
div.transcriptattributesform div.number input, div.participantattributesform div.number input {
text-align: right;
width: 50px;
}
div.transcriptattributesform div.date, div.participantattributesform div.date {
white-space: nowrap;
}
div.transcriptattributesform div.date input, div.participantattributesform div.date input {
width: 30px;
}
div.transcriptattributesform div.regexp input, div.participantattributesform div.regexp input {
width: 150px;
}
.praat_prelude, .praat_postlude, #custom_script {
font-size: 10pt;
}
.praat_comment {
color: green;
}
#custom_script {
width: 100%;
min-height: 300px;
}
#custom_script_settings #load_controls div {
display: inline-block;
}
label:after { content: ":"; }
div.option label:after { content: ""; }
div.slider {
width: 100%;
}
div.slider div, div.slider input {
padding: 0px;
margin: 0px;
}
div.slider div.labels {
white-space: nowrap;
}
div.slider div.labels span.minlabel {
display: inline-block;
text-align: left;
width: 50%;
}
div.slider div.labels span.maxlabel {
display: inline-block;
text-align: right;
width: 50%;
}
div.slider div.input input {
width: 100%;
}
select[multiple] {
width: 100%;
}
div.selectoption label:after {
content: "";
}
div.selectoption label.other:after {
content: ":";
}
#attributes {
min-width: 50vw;
}
#transcriptattributes {
max-width: 50vw;
}
#attributes #_name, #attributes #participant {
width: 95%;
}
div.field div.value span.label:after {
content: "";
}
div.field div.value span {
display: inline-block;
width: 30%;
padding-left: 5px;
}
div.field div.value span.annotator, div.field div.value span.when {
font-style: italic;
opacity: 0.5;
}