CIRCL
/
lookyloo
mirror of https://github.com/CIRCL/lookyloo
2
0
Fork 0
Code Issues Releases Wiki Activity

chg: Reorganize styles

pull/203/head
Raphaël Vinot 2021-05-12 14:13:44 -07:00
parent 1d5925d755
commit b735cbeae3
2 changed files with 86 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
website/web/static/generic.css
View File

@ -1,5 +1,4 @@
/* Capture button */ /* Capture button */
.new-capture-button { .new-capture-button {
width: 300px; width: 300px;
height: 60px; height: 60px;
@ -45,3 +44,44 @@ img.ressource_preview{
min-width:10px; min-width:10px;
min-height:10px; min-height:10px;
} }
/* Tables */
table {
table-layout: fixed;
}
table td p {
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
/* Tooltips */
.tooltip {
position: absolute;
text-align: left;
padding: 2px;
font: 12px sans-serif;
background: lightsteelblue;
border: 0px;
border-radius: 8px;
z-index: 1;
border: 2px solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.tooltip text {
font: 15px sans-serif;
z-index: 2;
}
.tooltip img {
background: white;
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
width: 150px;
}

157
website/web/static/tree.css
View File

@ -20,8 +20,52 @@
text-align: center; text-align: center;
} }
/* menu vertical */ .blur {
filter: blur(10px);
}
#screenshot_thumbnail {
scroll-margin: 50px;
}
/* Arrows */
.arrow-down {
transform: rotate(180deg);
}
.arrow-right {
transform: rotate(90deg);
}
.arrow-left {
transform: rotate(270deg);
}
/* Generic parts of menus */
hr {
display: block;
margin-top: 0.1em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-color: black;
border-style: inset;
border-width: 1px;
}
hr.vertical {
display: block;
margin-top: 0.1em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-color: black;
border-style: inset;
border-width: 1px;
height: 100px;
}
/* menu vertical */
#menu_vertical { #menu_vertical {
position: fixed; position: fixed;
top: 5px; top: 5px;
@ -65,7 +109,6 @@
} }
/* menu horizontal */ /* menu horizontal */
#menu_horizontal { #menu_horizontal {
position: fixed; position: fixed;
top: 5px; top: 5px;
@ -105,7 +148,6 @@
} }
/* legend */ /* legend */
#legend_container { #legend_container {
position: fixed; position: fixed;
bottom: 5px; bottom: 5px;
@ -127,112 +169,3 @@
padding-bottom: 5px; padding-bottom: 5px;
padding-left: 5px; padding-left: 5px;
} }
#tree-details_container {
position: fixed;
top: 5px;
right: 5px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#tree-details {
position: fixed;
top: 5px;
right: 5px;
background: white;
border: 2px solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
#tree-details p {
margin-top: 0em;
margin-bottom: 0em;
}
.tooltip {
position: absolute;
text-align: left;
padding: 2px;
font: 12px sans-serif;
background: lightsteelblue;
border: 0px;
border-radius: 8px;
z-index: 1;
border: 2px solid;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.tooltip text {
font: 15px sans-serif;
z-index: 2;
}
.tooltip img {
background: white;
border: 1px solid #ddd;
border-radius: 4px;
padding: 5px;
width: 150px;
}
hr {
display: block;
margin-top: 0.1em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-color: black;
border-style: inset;
border-width: 1px;
}
hr.vertical {
display: block;
margin-top: 0.1em;
margin-bottom: 0.5em;
margin-left: auto;
margin-right: auto;
border-color: black;
border-style: inset;
border-width: 1px;
height: 100px;
}
table {
table-layout: fixed;
}
table td p {
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
#screenshot_thumbnail {
scroll-margin: 50px;
}
.blur {
filter: blur(10px);
}
.arrow-down {
transform: rotate(180deg);
}
.arrow-right {
transform: rotate(90deg);
}
.arrow-left {
transform: rotate(270deg);
}