Added visualization of sentences.
This commit is contained in:
BIN
static/css/fonts/PT_Sans-Caption-Web-Regular.ttf
Normal file
BIN
static/css/fonts/PT_Sans-Caption-Web-Regular.ttf
Normal file
Binary file not shown.
514
static/css/test/annodoc-main.css
Normal file
514
static/css/test/annodoc-main.css
Normal file
@@ -0,0 +1,514 @@
|
||||
/* Base */
|
||||
/* ----------------------------------------------------------*/
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html, body { height: 100%; }
|
||||
|
||||
body {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
font-weight: 300;
|
||||
background-color: #fdfdfd;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
|
||||
|
||||
a { color: #2a7ae2; text-decoration: none; }
|
||||
a:hover { color: #000; text-decoration: underline; }
|
||||
a:visited { color: #205caa; }
|
||||
|
||||
/* Utility */
|
||||
|
||||
.wrap:before,
|
||||
.wrap:after { content:""; display:table; }
|
||||
.wrap:after { clear: both; }
|
||||
.wrap {
|
||||
max-width: 800px;
|
||||
padding: 0 30px;
|
||||
margin: 0 auto;
|
||||
zoom: 1;
|
||||
}
|
||||
|
||||
|
||||
/* Layout Styles */
|
||||
/* ----------------------------------------------------------*/
|
||||
|
||||
/* Site header */
|
||||
|
||||
.site-header {
|
||||
border-top: 5px solid #333;
|
||||
border-bottom: 1px solid #e8e8e8;
|
||||
min-height: 56px;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.site-title,
|
||||
.site-title:hover,
|
||||
.site-title:visited {
|
||||
display: block;
|
||||
color: #333;
|
||||
font-size: 26px;
|
||||
letter-spacing: -1px;
|
||||
float: left;
|
||||
line-height: 56px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.site-nav {
|
||||
float: right;
|
||||
line-height: 56px;
|
||||
}
|
||||
|
||||
.site-nav .menu-icon { display: none; }
|
||||
|
||||
.site-nav .page-link {
|
||||
margin-left: 20px;
|
||||
color: #727272;
|
||||
letter-spacing: -.5px;
|
||||
}
|
||||
|
||||
/* Site footer */
|
||||
|
||||
.site-footer {
|
||||
border-top: 1px solid #e8e8e8;
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
.footer-heading {
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
letter-spacing: -.5px;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.site-footer .column { float: left; margin-bottom: 15px; }
|
||||
|
||||
.footer-col-1 {
|
||||
width: 270px; /*fallback*/
|
||||
width: -webkit-calc(35% - 10px);
|
||||
width: -moz-calc(35% - 10px);
|
||||
width: -o-calc(35% - 10px);
|
||||
width: calc(35% - 10px);
|
||||
margin-right: 10px
|
||||
}
|
||||
.footer-col-2 {
|
||||
width: 175px; /*fallback*/
|
||||
width: -webkit-calc(23.125% - 10px);
|
||||
width: -moz-calc(23.125% - 10px);
|
||||
width: -o-calc(23.125% - 10px);
|
||||
width: calc(23.125% - 10px);
|
||||
margin-right: 10px
|
||||
}
|
||||
.footer-col-3 {
|
||||
width: 335px; /*fallback*/
|
||||
width: -webkit-calc(41.875%);
|
||||
width: -moz-calc(41.875%);
|
||||
width: -o-calc(41.875%);
|
||||
width: calc(41.875%);
|
||||
}
|
||||
|
||||
.small-gray,
|
||||
.site-footer p {
|
||||
font-size: 15px;
|
||||
letter-spacing: -.3px;
|
||||
color: #828282;
|
||||
}
|
||||
|
||||
/* Page Content styles */
|
||||
/* ----------------------------------------------------------*/
|
||||
|
||||
.page-content {
|
||||
padding: 30px 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* Home styles */
|
||||
/* ----------------------------------------------------------*/
|
||||
|
||||
.home h1 { margin-bottom: 25px; }
|
||||
|
||||
.posts { list-style-type: none; }
|
||||
|
||||
.posts li { margin-bottom: 30px; }
|
||||
|
||||
.posts .post-link {
|
||||
font-size: 24px;
|
||||
letter-spacing: -1px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.posts .post-date {
|
||||
display: block;
|
||||
font-size: 15px;
|
||||
color: #818181;
|
||||
}
|
||||
|
||||
/* Entry styles */
|
||||
/* ----------------------------------------------------------*/
|
||||
|
||||
.entry-header { margin: 10px 0 30px; }
|
||||
|
||||
.entry-header h1 {
|
||||
font-size: 36px;
|
||||
letter-spacing: -1.75px;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.entry-header .meta {
|
||||
font-size: 15px;
|
||||
color: #818181;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.entry-content { margin: 0 0 30px; }
|
||||
|
||||
.entry-content > * { margin: 20px 0; }
|
||||
|
||||
.entry-content h1,
|
||||
.entry-content h2,
|
||||
.entry-content h3,
|
||||
.entry-content h4,
|
||||
.entry-content h5,
|
||||
.entry-content h6 {
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
margin: 40px 0 20px;
|
||||
}
|
||||
|
||||
.entry-content h2 {
|
||||
font-size: 28px;
|
||||
letter-spacing: -1.25px;
|
||||
}
|
||||
|
||||
.entry-content h3 {
|
||||
font-size: 22px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.entry-content h4 {
|
||||
font-size: 18px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.entry-content blockquote {
|
||||
border-left: 4px solid #e8e8e8;
|
||||
padding-left: 20px;
|
||||
font-size: 18px;
|
||||
opacity: .6;
|
||||
letter-spacing: -1px;
|
||||
font-style: italic;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.entry-content ul,
|
||||
.entry-content ol { padding-left: 20px; }
|
||||
|
||||
.entry pre,
|
||||
.entry code {
|
||||
border: 1px solid #d5d5e9;
|
||||
background-color: #eef;
|
||||
padding: 8px 12px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.entry code { padding: 1px 5px; }
|
||||
|
||||
.entry ul,
|
||||
.entry ol { margin-left: 1.35em; }
|
||||
|
||||
.entry pre code {
|
||||
padding: 0;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* terminal */
|
||||
.entry pre.terminal {
|
||||
border: 1px solid #000;
|
||||
background-color: #333;
|
||||
color: #FFF;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.entry pre.terminal code { background-color: #333; }
|
||||
|
||||
/* Post styles */
|
||||
/* ----------------------------------------------------------*/
|
||||
|
||||
.post-header { margin: 10px 0 30px; }
|
||||
|
||||
.post-header h1 {
|
||||
font-size: 42px;
|
||||
letter-spacing: -1.75px;
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.post-header .meta {
|
||||
font-size: 15px;
|
||||
color: #818181;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.post-content { margin: 0 0 30px; }
|
||||
|
||||
.post-content > * { margin: 20px 0; }
|
||||
|
||||
|
||||
.post-content h1,
|
||||
.post-content h2,
|
||||
.post-content h3,
|
||||
.post-content h4,
|
||||
.post-content h5,
|
||||
.post-content h6 {
|
||||
line-height: 1;
|
||||
font-weight: 300;
|
||||
margin: 40px 0 20px;
|
||||
}
|
||||
|
||||
.post-content h2 {
|
||||
font-size: 32px;
|
||||
letter-spacing: -1.25px;
|
||||
}
|
||||
|
||||
.post-content h3 {
|
||||
font-size: 26px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.post-content h4 {
|
||||
font-size: 20px;
|
||||
letter-spacing: -1px;
|
||||
}
|
||||
|
||||
.post-content blockquote {
|
||||
border-left: 4px solid #e8e8e8;
|
||||
padding-left: 20px;
|
||||
font-size: 18px;
|
||||
opacity: .6;
|
||||
letter-spacing: -1px;
|
||||
font-style: italic;
|
||||
margin: 30px 0;
|
||||
}
|
||||
|
||||
.post-content ul,
|
||||
.post-content ol { padding-left: 20px; }
|
||||
|
||||
.post pre,
|
||||
.post code {
|
||||
border: 1px solid #d5d5e9;
|
||||
background-color: #eef;
|
||||
padding: 8px 12px;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.post code { padding: 1px 5px; }
|
||||
|
||||
.post ul,
|
||||
.post ol { margin-left: 1.35em; }
|
||||
|
||||
.post pre code { border: none; }
|
||||
|
||||
/* terminal */
|
||||
.post pre.terminal {
|
||||
border: 1px solid #000;
|
||||
background-color: #333;
|
||||
color: #FFF;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.post pre.terminal code { background-color: #333; }
|
||||
|
||||
/* Syntax highlighting styles */
|
||||
/* ----------------------------------------------------------*/
|
||||
|
||||
.highlight { background: #ffffff; }
|
||||
.highlight .c { color: #999988; font-style: italic } /* Comment */
|
||||
.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
|
||||
.highlight .k { font-weight: bold } /* Keyword */
|
||||
.highlight .o { font-weight: bold } /* Operator */
|
||||
.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
|
||||
.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
|
||||
.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
|
||||
.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
|
||||
.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
|
||||
.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
|
||||
.highlight .ge { font-style: italic } /* Generic.Emph */
|
||||
.highlight .gr { color: #aa0000 } /* Generic.Error */
|
||||
.highlight .gh { color: #999999 } /* Generic.Heading */
|
||||
.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
|
||||
.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
|
||||
.highlight .go { color: #888888 } /* Generic.Output */
|
||||
.highlight .gp { color: #555555 } /* Generic.Prompt */
|
||||
.highlight .gs { font-weight: bold } /* Generic.Strong */
|
||||
.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
|
||||
.highlight .gt { color: #aa0000 } /* Generic.Traceback */
|
||||
.highlight .kc { font-weight: bold } /* Keyword.Constant */
|
||||
.highlight .kd { font-weight: bold } /* Keyword.Declaration */
|
||||
.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
|
||||
.highlight .kr { font-weight: bold } /* Keyword.Reserved */
|
||||
.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
|
||||
.highlight .m { color: #009999 } /* Literal.Number */
|
||||
.highlight .s { color: #d14 } /* Literal.String */
|
||||
.highlight .na { color: #008080 } /* Name.Attribute */
|
||||
.highlight .nb { color: #0086B3 } /* Name.Builtin */
|
||||
.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
|
||||
.highlight .no { color: #008080 } /* Name.Constant */
|
||||
.highlight .ni { color: #800080 } /* Name.Entity */
|
||||
.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
|
||||
.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
|
||||
.highlight .nn { color: #555555 } /* Name.Namespace */
|
||||
.highlight .nt { color: #000080 } /* Name.Tag */
|
||||
.highlight .nv { color: #008080 } /* Name.Variable */
|
||||
.highlight .ow { font-weight: bold } /* Operator.Word */
|
||||
.highlight .w { color: #bbbbbb } /* Text.Whitespace */
|
||||
.highlight .mf { color: #009999 } /* Literal.Number.Float */
|
||||
.highlight .mh { color: #009999 } /* Literal.Number.Hex */
|
||||
.highlight .mi { color: #009999 } /* Literal.Number.Integer */
|
||||
.highlight .mo { color: #009999 } /* Literal.Number.Oct */
|
||||
.highlight .sb { color: #d14 } /* Literal.String.Backtick */
|
||||
.highlight .sc { color: #d14 } /* Literal.String.Char */
|
||||
.highlight .sd { color: #d14 } /* Literal.String.Doc */
|
||||
.highlight .s2 { color: #d14 } /* Literal.String.Double */
|
||||
.highlight .se { color: #d14 } /* Literal.String.Escape */
|
||||
.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
|
||||
.highlight .si { color: #d14 } /* Literal.String.Interpol */
|
||||
.highlight .sx { color: #d14 } /* Literal.String.Other */
|
||||
.highlight .sr { color: #009926 } /* Literal.String.Regex */
|
||||
.highlight .s1 { color: #d14 } /* Literal.String.Single */
|
||||
.highlight .ss { color: #990073 } /* Literal.String.Symbol */
|
||||
.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
|
||||
.highlight .vc { color: #008080 } /* Name.Variable.Class */
|
||||
.highlight .vg { color: #008080 } /* Name.Variable.Global */
|
||||
.highlight .vi { color: #008080 } /* Name.Variable.Instance */
|
||||
.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
|
||||
|
||||
|
||||
/* media queries */
|
||||
/* ----------------------------------------------------------*/
|
||||
|
||||
|
||||
@media screen and (max-width: 750px) {
|
||||
|
||||
.footer-col-1 { width: 50%; }
|
||||
|
||||
.footer-col-2 {
|
||||
width: 45%; /*fallback*/
|
||||
width: -webkit-calc(50% - 10px);
|
||||
width: -moz-calc(50% - 10px);
|
||||
width: -o-calc(50% - 10px);
|
||||
width: calc(50% - 10px);
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.site-footer .column.footer-col-3 {
|
||||
width: auto;
|
||||
float: none;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
|
||||
.wrap { padding: 0 12px; }
|
||||
|
||||
.site-nav {
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
top: 14px; right: 8px;
|
||||
background-color: white;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #e8e8e8;
|
||||
}
|
||||
|
||||
.site-nav .menu-icon {
|
||||
display: block;
|
||||
font-size: 24px;
|
||||
color: #505050;
|
||||
float: right;
|
||||
width: 36px;
|
||||
text-align: center;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
.site-nav .menu-icon svg { width: 18px; height: 16px; }
|
||||
|
||||
.site-nav .trigger {
|
||||
clear: both;
|
||||
margin-bottom: 5px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.site-nav:hover .trigger { display: block; }
|
||||
|
||||
.site-nav .page-link {
|
||||
display: block;
|
||||
text-align: right;
|
||||
line-height: 1.25;
|
||||
padding: 5px 10px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.post-header h1 { font-size: 36px; }
|
||||
.post-content h2 { font-size: 28px; }
|
||||
.post-content h3 { font-size: 22px; }
|
||||
.post-content h4 { font-size: 18px; }
|
||||
.post-content blockquote { padding-left: 10px; }
|
||||
.post-content ul,
|
||||
.post-content ol { padding-left: 10px; }
|
||||
|
||||
.site-footer .column {
|
||||
float: none;
|
||||
clear: both;
|
||||
width: auto;
|
||||
margin: 0 0 15px; }
|
||||
|
||||
}
|
||||
|
||||
/* local styles */
|
||||
|
||||
div.documentation-example {
|
||||
border: 1px solid gray;
|
||||
margin:1em;
|
||||
padding:2em;
|
||||
}
|
||||
|
||||
a.topnav {
|
||||
float: left;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
margin-left: 0px;
|
||||
margin-right: 40px;
|
||||
}
|
||||
|
||||
/* span.site-title { */
|
||||
/* clear: both; */
|
||||
/* } */
|
||||
|
||||
.site-title-topnav {
|
||||
color: #333;
|
||||
font-size: 16px;
|
||||
letter-spacing: -1px;
|
||||
float: right;
|
||||
line-height: 40px;
|
||||
}
|
||||
589
static/css/test/style-vis.css
Normal file
589
static/css/test/style-vis.css
Normal file
@@ -0,0 +1,589 @@
|
||||
/* -*- Mode: CSS; tab-width: 2; indent-tabs-mode: nil; -*- */
|
||||
/* vim:set ft=css ts=2 sw=2 sts=2 autoindent: */
|
||||
|
||||
/* Styling for annotations */
|
||||
|
||||
#svg {
|
||||
margin: 34px auto 100px;
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.center_wrapper {
|
||||
display: table;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.center_wrapper > div {
|
||||
display: table-cell;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.center_wrapper > div > div {
|
||||
/* match jQuery UI .ui-widget-content color */
|
||||
color: #2e6e9e;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 30em;
|
||||
font-size: 12px;
|
||||
font-family: 'Liberation Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
.center_wrapper > div > div h1 {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
}
|
||||
#no_svg_wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
svg {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
border: 1px solid #7fa2ff;
|
||||
font-size: 15px;
|
||||
/* font-size: 14px; */
|
||||
}
|
||||
svg.reselect {
|
||||
border: 1px solid #ff3333;
|
||||
}
|
||||
div.haserror > svg {
|
||||
border: 1px solid red;
|
||||
}
|
||||
|
||||
/* "basic" font */
|
||||
text {
|
||||
font-size: 13px;
|
||||
font-family: 'Liberation Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
@-webkit-keyframes pulse {
|
||||
0% { color: #9999ff; margin-top: 0; }
|
||||
50% { color: #ffffff; margin-top: 7px; }
|
||||
100% { color: #9999ff; margin-top: 0; }
|
||||
}
|
||||
|
||||
path {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* "basic" font */
|
||||
.span text {
|
||||
/* font-size: 10.5px; */
|
||||
font-size: 10px;
|
||||
text-anchor: middle;
|
||||
font-family: 'PT Sans Caption', sans-serif;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* this should likely match span font */
|
||||
.span_type_label {
|
||||
font-size: 11px;
|
||||
font-family: 'PT Sans Caption', sans-serif;
|
||||
}
|
||||
/* this should likely match arc font */
|
||||
.arc_type_label {
|
||||
font-size: 11px;
|
||||
font-family: 'PT Sans Caption', sans-serif;
|
||||
}
|
||||
.attribute_type_label .ui-button-text {
|
||||
font-size: 11px;
|
||||
font-family: 'PT Sans Caption', sans-serif;
|
||||
}
|
||||
|
||||
.span rect {
|
||||
stroke-width: 0.75;
|
||||
}
|
||||
|
||||
.glyph {
|
||||
fill: #444444;
|
||||
font-family: sans-serif;
|
||||
font-weight: bold;
|
||||
}
|
||||
.attribute_warning {
|
||||
baseline-shift: super;
|
||||
font-size: 70%;
|
||||
}
|
||||
|
||||
.span rect.False_positive {
|
||||
stroke: #ff4141;
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
.shadow_True_positive {
|
||||
fill: #00ff00;
|
||||
}
|
||||
|
||||
.shadow_False_positive {
|
||||
fill: #ff4141;
|
||||
}
|
||||
|
||||
#commentpopup.comment_False_positive {
|
||||
background-color: #ff4141;
|
||||
}
|
||||
|
||||
.span rect.False_negative {
|
||||
stroke: #c20000;
|
||||
fill: #ffffff;
|
||||
stroke-width: 2;
|
||||
}
|
||||
|
||||
.shadow_False_negative {
|
||||
fill: #c20000;
|
||||
}
|
||||
|
||||
#commentpopup.comment_False_negative {
|
||||
background-color: #c20000;
|
||||
}
|
||||
|
||||
.span rect.AnnotationError {
|
||||
stroke-width: 1;
|
||||
}
|
||||
|
||||
.shadow_AnnotationError {
|
||||
fill: #ff0000;
|
||||
}
|
||||
|
||||
#commentpopup.comment_AnnotationError {
|
||||
background-color: #ff7777;
|
||||
}
|
||||
|
||||
.span rect.AnnotationWarning {
|
||||
stroke-width: 1;
|
||||
}
|
||||
|
||||
.shadow_AnnotationWarning {
|
||||
fill: #ff8800;
|
||||
}
|
||||
|
||||
#commentpopup.comment_AnnotationWarning {
|
||||
background-color: #ff9900;
|
||||
}
|
||||
|
||||
.shadow_AnnotatorNotes {
|
||||
/* fill: #00cc00; */
|
||||
fill: #3ab7ee;
|
||||
}
|
||||
#commentpopup.comment_AnnotatorNotes {
|
||||
/* background-color: #00cc00; */
|
||||
/* background-color: #DAF7DC; */
|
||||
background-color: #d7e7ee;
|
||||
}
|
||||
|
||||
.shadow_Normalized {
|
||||
/* fill: #00cc00; */
|
||||
fill: #3aee37;
|
||||
}
|
||||
#commentpopup.comment_Normalized {
|
||||
/* background-color: #00cc00; */
|
||||
/* background-color: #DAF7DC; */
|
||||
background-color: #d7eee7;
|
||||
}
|
||||
rect.Normalized {
|
||||
stroke-width: 1.5;
|
||||
}
|
||||
|
||||
.shadow_AnnotationIncomplete {
|
||||
fill: #aaaaaa;
|
||||
}
|
||||
.span rect.AnnotationIncomplete {
|
||||
stroke: #002200;
|
||||
stroke-width: 0.5;
|
||||
fill: #ffffff;
|
||||
}
|
||||
#commentpopup.comment_AnnotationIncomplete {
|
||||
background-color: #ffff77;
|
||||
}
|
||||
|
||||
.shadow_AnnotationUnconfirmed {
|
||||
fill: #eeeeee;
|
||||
}
|
||||
.span rect.AnnotationUnconfirmed {
|
||||
stroke: #002200;
|
||||
stroke-width: 0.5;
|
||||
opacity : 0.5;
|
||||
}
|
||||
#commentpopup.comment_AnnotationUnconfirmed {
|
||||
background-color: #ddddff;
|
||||
}
|
||||
|
||||
.span rect.True_positive {
|
||||
/* stroke: #007700; */
|
||||
}
|
||||
|
||||
rect.shadow_EditHighlight {
|
||||
fill: #ffff99;
|
||||
}
|
||||
.shadow_EditHighlight_arc {
|
||||
stroke: #ffff99;
|
||||
}
|
||||
|
||||
.span path {
|
||||
fill: none;
|
||||
}
|
||||
|
||||
.span path.curly {
|
||||
/* 'stroke' def here blocks 'stroke' set in JS..? */
|
||||
/* stroke: grey; */
|
||||
stroke-width: 0.5;
|
||||
}
|
||||
|
||||
.span path.boxcross {
|
||||
stroke: black;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.arcs path {
|
||||
stroke: #989898;
|
||||
fill: none;
|
||||
stroke-width: 1;
|
||||
}
|
||||
|
||||
.arcs .highlight path {
|
||||
stroke: #000000;
|
||||
stroke-width: 1.5;
|
||||
opacity: 1;
|
||||
}
|
||||
.arcs .highlight text {
|
||||
stroke: black;
|
||||
fill: black;
|
||||
stroke-width: 0.5;
|
||||
}
|
||||
.span.highlight rect {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
.span rect.reselect {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
.span rect.reselectTarget {
|
||||
stroke-width: 2px;
|
||||
}
|
||||
.arcs .reselect path {
|
||||
stroke-width: 2px;
|
||||
stroke: #ff0000 !important;
|
||||
}
|
||||
.arcs .reselect text {
|
||||
fill: #ff0000 !important;
|
||||
}
|
||||
|
||||
.span rect.badTarget {
|
||||
stroke: #f00;
|
||||
}
|
||||
|
||||
.arcs text {
|
||||
font-size: 9px;
|
||||
text-anchor: middle;
|
||||
font-family: 'PT Sans Caption', sans-serif;
|
||||
/* dominant-baseline: central; */
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.background0 {
|
||||
stroke: none;
|
||||
fill: #ffffff;
|
||||
}
|
||||
|
||||
.background1 {
|
||||
stroke: none;
|
||||
fill: #eeeeee;
|
||||
}
|
||||
|
||||
.backgroundHighlight {
|
||||
stroke: none;
|
||||
fill: #ffff99;
|
||||
}
|
||||
|
||||
.sentnum text {
|
||||
display: none; /* sentence number disabled by default (JS may toggle) */
|
||||
fill: #999999;
|
||||
text-anchor: end;
|
||||
}
|
||||
|
||||
.sentnum path {
|
||||
display: none; /* sentence number disabled by default (JS may toggle) */
|
||||
stroke: #999999;
|
||||
stroke-width: 1px;
|
||||
}
|
||||
|
||||
.span_cue {
|
||||
fill: #eeeeee !important;
|
||||
}
|
||||
|
||||
.drag_stroke {
|
||||
stroke: black;
|
||||
}
|
||||
.drag_fill {
|
||||
fill: black;
|
||||
}
|
||||
|
||||
|
||||
.dialog {
|
||||
display: none;
|
||||
}
|
||||
#span_free_div, #arc_free_div {
|
||||
float: left;
|
||||
}
|
||||
fieldset {
|
||||
/* match relevant parts of jQuery UI .ui-widget-content */
|
||||
border: 1px solid #a6c9e2;
|
||||
/* round corners, same as jQuery UI .ui-corner-all */
|
||||
-moz-border-radius: 5px;
|
||||
-webkit-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
/* to prevent border from running into legend */
|
||||
margin-top: 5px;
|
||||
}
|
||||
fieldset legend {
|
||||
font-weight: bold;
|
||||
font-size: 90%;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
background-color: #70a8d2;
|
||||
color: white;
|
||||
padding-left: 0.5em;
|
||||
padding-right: 0.5em;
|
||||
}
|
||||
.label-like {
|
||||
/* for UI consistency, this should match the "fieldset legend" style;
|
||||
sorry about the duplication. */
|
||||
font-family: monospace;
|
||||
font-weight: bold;
|
||||
font-size: 90%;
|
||||
/* match jQuery UI .ui-widget-content color */
|
||||
color: #2e6e9e;
|
||||
}
|
||||
|
||||
.accesskey {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
|
||||
.shadow {
|
||||
-moz-box-shadow: 5px 5px 5px #444444;
|
||||
-webkit-box-shadow: 5px 5px 5px #444444;
|
||||
box-shadow: 5px 5px 5px #444444;
|
||||
}
|
||||
|
||||
#span_selected, #arc_origin, #arc_target {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
#commentpopup {
|
||||
font-family: 'Liberation Sans', Verdana, Arial, Helvetica, sans-serif;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0.95;
|
||||
padding: 10px;
|
||||
display: none;
|
||||
border: 1px outset #000000;
|
||||
background-color: #f5f5f9;
|
||||
/* background-color: #d7e7ee; */
|
||||
/* background-color: #eeeeee; */
|
||||
color: #000000;
|
||||
z-index: 20;
|
||||
-moz-box-shadow: 5px 5px 5px #aaaaaa;
|
||||
-webkit-box-shadow: 5px 5px 5px #aaaaaa;
|
||||
box-shadow: 5px 5px 5px #aaaaaa;
|
||||
-moz-border-radius: 3px;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
max-width: 80%;
|
||||
}
|
||||
#more_info_readme {
|
||||
height: 350px;
|
||||
}
|
||||
#readme_container {
|
||||
position: relative;
|
||||
}
|
||||
#more_readme_button {
|
||||
padding: 2px 5px;
|
||||
position: absolute;
|
||||
top: -2px;
|
||||
right: -2px;
|
||||
}
|
||||
|
||||
.comment_id {
|
||||
vertical-align: top;
|
||||
float:right;
|
||||
font-size: 75%;
|
||||
font-family: monospace;
|
||||
color: #333333;
|
||||
}
|
||||
.comment_type {
|
||||
/* font-weight: bold; */
|
||||
}
|
||||
.comment_text {
|
||||
font-weight: bold;
|
||||
}
|
||||
.comment_type_id_wrapper {
|
||||
/* padding for floating ID */
|
||||
padding-right: 2em;
|
||||
}
|
||||
.norm_info_label {
|
||||
font-weight: bold;
|
||||
font-size: 80%;
|
||||
}
|
||||
.norm_info_value {
|
||||
font-size: 80%;
|
||||
}
|
||||
.norm_info_img {
|
||||
float: right;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
#search_form select {
|
||||
width: 100%; /* deal with overflowing selectboxes */
|
||||
}
|
||||
|
||||
.scroll_fset {
|
||||
height: 200px;
|
||||
}
|
||||
.scroll_fset fieldset {
|
||||
height: 100%;
|
||||
overflow-x: hidden;
|
||||
overflow-y: hidden;
|
||||
}
|
||||
/* HACK to display <legend> properly */
|
||||
.scroll_fset {
|
||||
margin-bottom: 2.5em;
|
||||
}
|
||||
.scroll_fset fieldset {
|
||||
padding-bottom: 2em;
|
||||
}
|
||||
/* end HACK */
|
||||
.scroll_fset div.scroller {
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#span_highlight_link, #arc_highlight_link, #viewspan_highlight_link {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.unselectable {
|
||||
-moz-user-select: -moz-none;
|
||||
-khtml-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Liberation Sans';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: local('Liberation Sans'), local('Liberation-Sans'), url('../fonts/Liberation_Sans-Regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'PT Sans Caption';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: local('PT Sans Caption'), local('PTSans-Caption'), url('../fonts/PT_Sans-Caption-Web-Regular.ttf') format('truetype');
|
||||
}
|
||||
|
||||
/* Apple iPad, iPhone, iPod */
|
||||
|
||||
* {
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
-webkit-text-size-adjust: none;
|
||||
select: none;
|
||||
}
|
||||
|
||||
.span rect.AddedAnnotation {
|
||||
stroke: #ff4141;
|
||||
stroke-width: 2;
|
||||
}
|
||||
.shadow_AddedAnnotation {
|
||||
fill: #ff4141;
|
||||
}
|
||||
#commentpopup.comment_AddedAnnotation {
|
||||
background-color: #ffcccc;
|
||||
}
|
||||
.span rect.MissingAnnotation {
|
||||
stroke: #ffffff;
|
||||
stroke-width: 2;
|
||||
}
|
||||
.shadow_MissingAnnotation {
|
||||
fill: #ff4141;
|
||||
opacity: 0.3;
|
||||
}
|
||||
#commentpopup.comment_MissingAnnotation {
|
||||
background-color: #ffcccc;
|
||||
}
|
||||
.span rect.MissingAnnotation + text {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.span rect.ChangedAnnotation {
|
||||
stroke: #ffff99;
|
||||
stroke-width: 2;
|
||||
}
|
||||
.shadow_ChangedAnnotation {
|
||||
fill: #ff4141;
|
||||
}
|
||||
#commentpopup.comment_ChangedAnnotation {
|
||||
background-color: #ffcccc;
|
||||
}
|
||||
|
||||
/* embedding */
|
||||
pre.embedding {
|
||||
padding: 0;
|
||||
border: none;
|
||||
overflow: visible;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/* same margins for <div> and <pre><div> variants */
|
||||
.embedding,
|
||||
.embedding.embedded-wrapper {
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
pre.embedded-wrapper,
|
||||
code.embedded-wrapper,
|
||||
.embedded-wrapper {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: none;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
background: none;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.show-hide-div {
|
||||
text-align: right;
|
||||
}
|
||||
.show-hide-toggle {
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
-moz-border-bottom-left-radius: 0px;
|
||||
-moz-border-bottom-right-radius: 0px;
|
||||
-webkit-border-bottom-left-radius: 0px;
|
||||
-webkit-border-bottom-right-radius: 0px;
|
||||
border-bottom-left-radius: 0px;
|
||||
border-bottom-right-radius: 0px;
|
||||
}
|
||||
.show-hide-toggle .ui-button-text {
|
||||
padding: 1px 4px;
|
||||
font-size: 9px;
|
||||
}
|
||||
.embedded-brat-data {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
font-size: 11px;
|
||||
border: 2px inset
|
||||
}
|
||||
a.doclink {
|
||||
text-decoration: none;
|
||||
}
|
||||
13
static/css/test/turkunlp.css
Normal file
13
static/css/test/turkunlp.css
Normal file
@@ -0,0 +1,13 @@
|
||||
body {
|
||||
background-color: #ffffeb;
|
||||
}
|
||||
|
||||
.w2vresultblock {
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
padding: 3px;
|
||||
}
|
||||
|
||||
svg {
|
||||
border: none;
|
||||
}
|
||||
Reference in New Issue
Block a user