Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
vidjil
vidjil
Commits
1c18b3f0
Commit
1c18b3f0
authored
Apr 12, 2016
by
marc
Browse files
css: add svg.css style sheet for svg export features
parent
56562513
Changes
8
Hide whitespace changes
Inline
Side-by-side
browser/css/Makefile
View file @
1c18b3f0
LESSC
=
lessc
all
:
dark.css light.css
all
:
dark.css light.css
svg.css
dark.css
:
dark.less vidjil.less
$(LESSC)
dark.less dark.css
light.css
:
light.less vidjil.less
$(LESSC)
light.less light.css
svg.css
:
svg.less vidjil.less
$(LESSC)
svg.less svg.css
no
:
...
...
browser/css/dark.css
View file @
1c18b3f0
...
...
@@ -9,7 +9,8 @@ html {
min-width
:
1160px
;
min-height
:
250px
;
}
body
{
body
,
svg
{
font-family
:
ubuntulight
,
Arial
,
Helvetica
,
Sans-serif
;
font-size
:
13px
;
height
:
100%
;
...
...
@@ -201,7 +202,8 @@ line {
.axis_v
{
display
:
none
;
}
.axis_v_hidden
{
.axis_v_hidden
,
.axis_h_hidden
{
display
:
none
;
}
.axis_button
,
...
...
@@ -380,6 +382,7 @@ line {
overflow-x
:
hidden
;
height
:
calc
(
100%
-
30px
);
/*100% - list_menu height */
padding
:
2px
;
}
#list_data
{
...
...
@@ -515,7 +518,7 @@ line {
margin-left
:
2px
;
}
#new_name
{
font-family
:
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-weight
:
bold
;
}
.list_sort
{
...
...
@@ -554,7 +557,7 @@ line {
.seq-mobil
{
margin-left
:
475px
;
letter-spacing
:
0.12em
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
position
:
relative
;
bottom
:
3px
;
font-size
:
1em
;
...
...
@@ -603,6 +606,7 @@ line {
font-size
:
70%
;
letter-spacing
:
.428em
;
/* (1-.7) / .7 */
left
:
.214em
;
}
.highlight
{
...
...
@@ -753,8 +757,7 @@ span .substitution {
left
:
-webkit-calc
(
50%
-
250px
);
left
:
calc
(
50%
-
250px
);
}
/* Main style for <a>
Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
/* Main style for <a> Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
a
{
color
:
#839496
;
}
...
...
@@ -975,18 +978,25 @@ span.logo {
background
:
#3d24b6
;
background
:
-moz-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* FF3.6+ */
background
:
-webkit-gradient
(
linear
,
left
top
,
right
top
,
color-stop
(
0%
,
#3d24b6
),
color-stop
(
10%
,
#2448b5
),
color-stop
(
20%
,
#2487b8
),
color-stop
(
30%
,
#24b7ab
),
color-stop
(
40%
,
#24b86e
),
color-stop
(
50%
,
#24b730
),
color-stop
(
60%
,
#55b824
),
color-stop
(
70%
,
#92b724
),
color-stop
(
80%
,
#b89f24
),
color-stop
(
90%
,
#b25f23
),
color-stop
(
100%
,
#b82424
));
/* Chrome,Safari4+ */
background
:
-webkit-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* Chrome10+,Safari5.1+ */
background
:
-o-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* Opera 11.10+ */
background
:
-ms-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* IE10+ */
background
:
linear-gradient
(
to
right
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* W3C */
filter
:
"progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d24b6', endColorstr='#b82424',GradientType=1 )"
;
/* IE6-9 */
width
:
180px
;
height
:
8px
;
margin-top
:
4px
;
...
...
@@ -1000,7 +1010,7 @@ span.logo {
opacity
:
0.5
;
}
#test_result
{
font-family
:
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-weight
:
bold
;
position
:
absolute
;
width
:
100%
;
...
...
@@ -1447,18 +1457,18 @@ span.warningReads {
.flash_1
,
.log_1
{
font-weight
:
bold
;
background-color
:
#
DFF0D
8
;
background-color
:
#
dff0d
8
;
}
.flash_2
,
.log_2
{
font-weight
:
bold
;
background-color
:
#
F2DEAE
;
background-color
:
#
f2deae
;
}
.flash_3
,
.log_3
{
font-weight
:
bold
;
border-color
:
darkred
;
background-color
:
#
F2DEDE
;
background-color
:
#
f2dede
;
}
select
>
option
:hover
{
background-color
:
#333333
;
...
...
@@ -1511,7 +1521,7 @@ code,
kbd
,
samp
,
tt
{
font-family
:
monospace
,
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-size
:
1em
;
}
table
.log
{
...
...
@@ -1549,7 +1559,7 @@ table.log textarea {
padding
:
5px
0px
;
background
:
grey
;
color
:
white
;
font-family
:
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
white-space
:
pre-line
;
overflow
:
auto
;
max-height
:
100%
;
...
...
@@ -1558,7 +1568,7 @@ table.log textarea {
flex-grow
:
1
;
}
.tagColor0
{
background
:
#
DC
322
F
;
background
:
#
dc
322
f
;
}
.tagColor1
{
background
:
#cb4b16
;
...
...
@@ -1595,15 +1605,15 @@ table.log textarea {
text-align
:
center
;
}
.urgent_message
{
border
:
2px
solid
darkred
;
border
:
2px
solid
#8b0000
;
margin
:
3px
;
font-weight
:
bold
;
background-color
:
#
F2DEDE
;
background-color
:
#
f2dede
;
}
.info_message
{
border
:
1px
solid
#333333
;
margin
:
4px
;
background-color
:
#
DFF0D
8
;
background-color
:
#
dff0d
8
;
}
.notification
{
padding
:
3px
;
...
...
browser/css/dark.less
View file @
1c18b3f0
...
...
@@ -7,6 +7,10 @@
@secondary : #586e75;
@border : #284e55;
@default-font : ubuntulight, Arial, Helvetica, Sans-serif;
@bold-font : ubuntumedium, Arial Bold, Helvetica, Sans-serif;
@monospace-font : monospace, ubuntu_monobold, Courier New,monaco,terminal,courier,system;
@message_green1 : #DFF0D8;
@message_green2 : #F2DEAE;
@message_red : #F2DEDE;
...
...
browser/css/light.css
View file @
1c18b3f0
...
...
@@ -9,7 +9,8 @@ html {
min-width
:
1160px
;
min-height
:
250px
;
}
body
{
body
,
svg
{
font-family
:
ubuntulight
,
Arial
,
Helvetica
,
Sans-serif
;
font-size
:
13px
;
height
:
100%
;
...
...
@@ -201,7 +202,8 @@ line {
.axis_v
{
display
:
none
;
}
.axis_v_hidden
{
.axis_v_hidden
,
.axis_h_hidden
{
display
:
none
;
}
.axis_button
,
...
...
@@ -380,6 +382,7 @@ line {
overflow-x
:
hidden
;
height
:
calc
(
100%
-
30px
);
/*100% - list_menu height */
padding
:
2px
;
}
#list_data
{
...
...
@@ -515,7 +518,7 @@ line {
margin-left
:
2px
;
}
#new_name
{
font-family
:
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-weight
:
bold
;
}
.list_sort
{
...
...
@@ -554,7 +557,7 @@ line {
.seq-mobil
{
margin-left
:
475px
;
letter-spacing
:
0.12em
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
position
:
relative
;
bottom
:
3px
;
font-size
:
1em
;
...
...
@@ -603,6 +606,7 @@ line {
font-size
:
70%
;
letter-spacing
:
.428em
;
/* (1-.7) / .7 */
left
:
.214em
;
}
.highlight
{
...
...
@@ -753,8 +757,7 @@ span .substitution {
left
:
-webkit-calc
(
50%
-
250px
);
left
:
calc
(
50%
-
250px
);
}
/* Main style for <a>
Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
/* Main style for <a> Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
a
{
color
:
#657b83
;
}
...
...
@@ -975,18 +978,25 @@ span.logo {
background
:
#3d24b6
;
background
:
-moz-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* FF3.6+ */
background
:
-webkit-gradient
(
linear
,
left
top
,
right
top
,
color-stop
(
0%
,
#3d24b6
),
color-stop
(
10%
,
#2448b5
),
color-stop
(
20%
,
#2487b8
),
color-stop
(
30%
,
#24b7ab
),
color-stop
(
40%
,
#24b86e
),
color-stop
(
50%
,
#24b730
),
color-stop
(
60%
,
#55b824
),
color-stop
(
70%
,
#92b724
),
color-stop
(
80%
,
#b89f24
),
color-stop
(
90%
,
#b25f23
),
color-stop
(
100%
,
#b82424
));
/* Chrome,Safari4+ */
background
:
-webkit-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* Chrome10+,Safari5.1+ */
background
:
-o-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* Opera 11.10+ */
background
:
-ms-linear-gradient
(
left
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* IE10+ */
background
:
linear-gradient
(
to
right
,
#3d24b6
0%
,
#2448b5
10%
,
#2487b8
20%
,
#24b7ab
30%
,
#24b86e
40%
,
#24b730
50%
,
#55b824
60%
,
#92b724
70%
,
#b89f24
80%
,
#b25f23
90%
,
#b82424
100%
);
/* W3C */
filter
:
"progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d24b6', endColorstr='#b82424',GradientType=1 )"
;
/* IE6-9 */
width
:
180px
;
height
:
8px
;
margin-top
:
4px
;
...
...
@@ -1000,7 +1010,7 @@ span.logo {
opacity
:
0.5
;
}
#test_result
{
font-family
:
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-weight
:
bold
;
position
:
absolute
;
width
:
100%
;
...
...
@@ -1447,18 +1457,18 @@ span.warningReads {
.flash_1
,
.log_1
{
font-weight
:
bold
;
background-color
:
#
DFF0D
8
;
background-color
:
#
dff0d
8
;
}
.flash_2
,
.log_2
{
font-weight
:
bold
;
background-color
:
#
F2DEAE
;
background-color
:
#
f2deae
;
}
.flash_3
,
.log_3
{
font-weight
:
bold
;
border-color
:
darkred
;
background-color
:
#
F2DEDE
;
background-color
:
#
f2dede
;
}
select
>
option
:hover
{
background-color
:
#cccccc
;
...
...
@@ -1511,7 +1521,7 @@ code,
kbd
,
samp
,
tt
{
font-family
:
monospace
,
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
font-size
:
1em
;
}
table
.log
{
...
...
@@ -1549,7 +1559,7 @@ table.log textarea {
padding
:
5px
0px
;
background
:
grey
;
color
:
white
;
font-family
:
monospace
;
font-family
:
monospace
,
ubuntu_monobold
,
Courier
New
,
monaco
,
terminal
,
courier
,
system
;
white-space
:
pre-line
;
overflow
:
auto
;
max-height
:
100%
;
...
...
@@ -1558,7 +1568,7 @@ table.log textarea {
flex-grow
:
1
;
}
.tagColor0
{
background
:
#
DC
322
F
;
background
:
#
dc
322
f
;
}
.tagColor1
{
background
:
#cb4b16
;
...
...
@@ -1595,15 +1605,15 @@ table.log textarea {
text-align
:
center
;
}
.urgent_message
{
border
:
2px
solid
darkred
;
border
:
2px
solid
#8b0000
;
margin
:
3px
;
font-weight
:
bold
;
background-color
:
#
F2DEDE
;
background-color
:
#
f2dede
;
}
.info_message
{
border
:
1px
solid
#cccccc
;
margin
:
4px
;
background-color
:
#
DFF0D
8
;
background-color
:
#
dff0d
8
;
}
.notification
{
padding
:
3px
;
...
...
browser/css/light.less
View file @
1c18b3f0
...
...
@@ -7,6 +7,10 @@
@secondary : #93a1a1;
@border : #b3c1c1;
@default-font : ubuntulight, Arial, Helvetica, Sans-serif;
@bold-font : ubuntumedium, Arial Bold, Helvetica, Sans-serif;
@monospace-font : monospace, ubuntu_monobold, Courier New,monaco,terminal,courier,system;
@message_green1 : #DFF0D8;
@message_green2 : #F2DEAE;
@message_red : #F2DEDE;
...
...
browser/css/vidjil.less
View file @
1c18b3f0
...
...
@@ -24,8 +24,8 @@ html{
min-height: 250px
}
body {
font-family:
ubuntulight, Arial, Helvetica, Sans-serif
;
body
, svg
{
font-family:
@default-font
;
font-size: 13px;
height : 100%;
margin:0px;
...
...
@@ -34,7 +34,7 @@ body {
}
.cloneName {
font-family:
ubuntumedium, Arial Bold, Helvetica, Sans-serif
;
font-family:
@bold-font
;
}
.seq-fixed .cloneName, .listElem .cloneName {
...
...
@@ -43,7 +43,7 @@ body {
/* for FF override */
textarea {
font-family:
ubuntulight, Arial, Helvetica, Sans-serif
;
font-family:
@default-font
;
font-size: 100%;
}
...
...
@@ -259,7 +259,7 @@ line {
display: none;
}
.axis_v_hidden{
.axis_v_hidden
, .axis_h_hidden
{
display: none;
}
...
...
@@ -646,7 +646,7 @@ line {
#new_name{
font-family: monospace;
font-family:
@
monospace
-font
;
font-weight:bold;
}
...
...
@@ -690,7 +690,7 @@ line {
.seq-mobil {
margin-left: @width_left_container;
letter-spacing: 0.12em;
font-family : monospace
, ubuntu_monobold, Courier New,monaco,terminal,courier,system
;
font-family :
@
monospace
-font
;
position: relative;
bottom: 3px;
font-size:1em;
...
...
@@ -910,9 +910,8 @@ span .substitution {
left: calc(~"50% - 250px");
}
/* Main style for <a> Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
/* Main style for <a>
Used in particular in .popup_container, on login screen, in news, in links to results (for patient list and patient info) */
a {
color: @default;
...
...
@@ -1176,7 +1175,7 @@ span.logo
}
#test_result{
font-family :
Courier New,monaco,terminal,courier,system;
font-family :
@monospace-font;
font-weight: bold;
position: absolute;
width: 100%;
...
...
@@ -1719,7 +1718,7 @@ code,
kbd,
samp,
tt{
font-family:monospace
,monospace
;
font-family:
@
monospace
-font
;
font-size:1em;
}
...
...
@@ -1766,7 +1765,7 @@ display:flex;
padding:5px 0px;
background:grey;
color:white;
font-family:monospace;
font-family:
@
monospace
-font
;
white-space: pre-line;
overflow: auto;
max-height: 100%;
...
...
browser/index.html
View file @
1c18b3f0
...
...
@@ -109,7 +109,8 @@
</div>
<div
class=
"menu_box"
>
<a
class=
"buttonSelector"
id=
"export_analysis"
onclick=
"javascript:m.saveAnalysis()"
>
export analysis
</a>
<a
class=
"buttonSelector"
id=
"export_pdf"
onclick=
"javascript:pdf.makeGraph()"
>
export pdf (graph)
</a>
<a
class=
"buttonSelector"
id=
"export_svg1"
onclick=
"javascript:graph.resize(1400,800);m.exportSVG('visu2_svg')"
>
export SVG graph
</a>
<a
class=
"buttonSelector"
id=
"export_svg2"
onclick=
"javascript:sp.resize(1400,800);sp.fastForward();m.exportSVG('visu_svg')"
>
export SVG plot
</a>
<a
class=
"buttonSelector"
id=
"export_csv"
onclick=
"javascript:m.exportCSV()"
>
export csv (visible clones)
</a>
<a
class=
"buttonSelector"
id=
"export_fasta"
onclick=
"javascript:m.exportFasta()"
>
export fasta (selected clones)
</a>
</div>
...
...
browser/js/graph.js
View file @
1c18b3f0
...
...
@@ -277,6 +277,8 @@ Graph.prototype = {
this
.
resizeW
=
div_width
-
this
.
marge4
-
this
.
marge3
;
this
.
resizeH
=
div_height
-
this
.
marge5
;
this
.
maxLabelSize
=
(
this
.
resizeW
-
100
)
/
this
.
m
.
samples
.
order
.
length
;
this
.
vis
=
d3
.
select
(
"
#
"
+
this
.
id
+
"
_svg
"
)
.
attr
(
"
width
"
,
div_width
)
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment