MISP
/
misp-website
mirror of https://github.com/MISP/misp-website
2
0
Fork 0
Code Issues Releases Wiki Activity

Fix paths

pull/1/head
Raphaël Vinot 2016-08-10 15:06:08 +02:00
parent cce4bb9a34
commit 864e5bde26
2 changed files with 104 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
_includes/header.html
View File

@ -10,11 +10,11 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}" /> <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}" />
<meta name="keywords" content="MISP, CTI, malware, threat, cyber, intelligence, information exchange, sharing, open source, MISP threat sharing, Malware Information Sharing Platform" /> <meta name="keywords" content="MISP, CTI, malware, threat, cyber, intelligence, information exchange, sharing, open source, MISP threat sharing, Malware Information Sharing Platform" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/ico/favicon-144.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{{ site.baseurl }}/assets/images/ico/favicon-144.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/ico/favicon-114.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{{ site.baseurl }}/assets/images/ico/favicon-114.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/ico/favicon-72.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{{ site.baseurl }}/assets/images/ico/favicon-72.png">
<link rel="apple-touch-icon-precomposed" href="assets/images/ico/favicon-57.png"> <link rel="apple-touch-icon-precomposed" href="{{ site.baseurl }}/assets/images/ico/favicon-57.png">
<link rel="shortcut icon" href="assets/images/ico/favicon.png"> <link rel="shortcut icon" href="{{ site.baseurl }}/assets/images/ico/favicon.png">
<!--[if lte IE 8]><script src="{{ site.baseurl }}/assets/css/ie/html5shiv.js"></script><![endif]--> <!--[if lte IE 8]><script src="{{ site.baseurl }}/assets/css/ie/html5shiv.js"></script><![endif]-->
<script src="{{ site.baseurl }}/assets/js/jquery.min.js"></script> <script src="{{ site.baseurl }}/assets/js/jquery.min.js"></script>
<script src="{{ site.baseurl }}/assets/js/jquery.dropotron.min.js"></script> <script src="{{ site.baseurl }}/assets/js/jquery.dropotron.min.js"></script>

198
assets/sass/style.scss
View File

@ -3,7 +3,7 @@
--- ---
@charset 'UTF-8'; @charset 'UTF-8';
@import url('font-awesome.min.css'); @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css');
@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic'); @import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,600,600italic');
@import 'vars'; @import 'vars';
@ -19,7 +19,7 @@
body, body,
#skel-layers-wrapper { #skel-layers-wrapper {
background: $color-bg url('images/bg01.png'); background: $color-bg url('../css/images/bg01.png');
} }
body { body {
@ -44,7 +44,7 @@
color: $color-accent-bg; color: $color-accent-bg;
text-decoration: none; text-decoration: none;
border-bottom: dotted 1px; border-bottom: dotted 1px;
&:hover { &:hover {
color: $color-accent-bg; color: $color-accent-bg;
border-bottom-color: transparent; border-bottom-color: transparent;
@ -54,7 +54,7 @@
strong, b { strong, b {
font-weight: 600; font-weight: 600;
} }
em, i { em, i {
font-style: italic; font-style: italic;
} }
@ -68,12 +68,12 @@
font-weight: 600; font-weight: 600;
line-height: 1.75em; line-height: 1.75em;
margin-bottom: 1em; margin-bottom: 1em;
a { a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
} }
em { em {
font-style: normal; font-style: normal;
font-weight: 300; font-weight: 300;
@ -95,19 +95,19 @@
position: relative; position: relative;
top: 0.5em; top: 0.5em;
} }
sup { sup {
font-size: 0.8em; font-size: 0.8em;
position: relative; position: relative;
top: -0.5em; top: -0.5em;
} }
hr { hr {
border-top: solid 1px $color-border; border-top: solid 1px $color-border;
border: 0; border: 0;
margin-bottom: 1.5em; margin-bottom: 1.5em;
} }
blockquote { blockquote {
border-left: solid 0.5em $color-border; border-left: solid 0.5em $color-border;
font-style: italic; font-style: italic;
@ -128,15 +128,15 @@
margin-top: -0.25em; margin-top: -0.25em;
margin-bottom: 0.25em; margin-bottom: 0.25em;
} }
&.major { &.major {
text-align: center; text-align: center;
margin: 0 0 2em 0; margin: 0 0 2em 0;
h2 { h2 {
font-size: 2.25em; font-size: 2.25em;
} }
p { p {
position: relative; position: relative;
border-top: solid 1px $color-border; border-top: solid 1px $color-border;
@ -148,14 +148,14 @@
} }
} }
} }
footer { footer {
margin: 0 0 3em 0; margin: 0 0 3em 0;
> :last-child { > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
&.major { &.major {
padding-top: 3em; padding-top: 3em;
} }
@ -178,7 +178,7 @@
padding: 0.75em; padding: 0.75em;
text-decoration: none; text-decoration: none;
width: 100%; width: 100%;
&:focus { &:focus {
border-color: $color-accent-bg; border-color: $color-accent-bg;
} }
@ -212,11 +212,11 @@
color: $color-fg-light; color: $color-fg-light;
} }
:-ms-input-placeholder { :-ms-input-placeholder {
color: $color-fg-light; color: $color-fg-light;
} }
.formerize-placeholder { .formerize-placeholder {
color: $color-fg-light; color: $color-fg-light;
} }
@ -227,12 +227,12 @@
display: inline-block; display: inline-block;
position: relative; position: relative;
border-radius: $size-radius; border-radius: $size-radius;
img { img {
display: block; display: block;
border-radius: $size-radius; border-radius: $size-radius;
} }
&.left { &.left {
display: block; display: block;
float: left; float: left;
@ -243,9 +243,9 @@
img { img {
display: block; display: block;
width: 100%; width: 100%;
} }
} }
&.fit { &.fit {
display: block; display: block;
@ -254,11 +254,11 @@
width: 100%; width: 100%;
} }
} }
&.featured { &.featured {
display: block; display: block;
margin: 0 0 2em 0; margin: 0 0 2em 0;
img { img {
display: block; display: block;
width: 100%; width: 100%;
@ -272,16 +272,16 @@
@include icon; @include icon;
position: relative; position: relative;
text-decoration: none; text-decoration: none;
> .label { > .label {
display: none; display: none;
} }
&.major { &.major {
text-align: center; text-align: center;
cursor: default; cursor: default;
background-color: $color-accent-bg; background-color: $color-accent-bg;
@include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../css/images/bg01.png")');
color: $color-accent-fg; color: $color-accent-fg;
border-radius: 100%; border-radius: 100%;
display: inline-block; display: inline-block;
@ -290,13 +290,13 @@
line-height: 5em; line-height: 5em;
box-shadow: 0 0 0 7px white, 0 0 0 8px $color-border; box-shadow: 0 0 0 7px white, 0 0 0 8px $color-border;
margin: 0 0 2em 0; margin: 0 0 2em 0;
&:before { &:before {
font-size: 36px; font-size: 36px;
} }
} }
} }
/* Lists */ /* Lists */
ol { ol {
@ -319,13 +319,13 @@
padding-left: 0.5em; padding-left: 0.5em;
} }
} }
&.links { &.links {
li { li {
line-height: 2.5em; line-height: 2.5em;
} }
} }
&.icons { &.icons {
cursor: default; cursor: default;
@ -337,14 +337,14 @@
&:first-child { &:first-child {
padding-left: 0; padding-left: 0;
} }
a, span { a, span {
font-size: 2em; font-size: 2em;
border: 0; border: 0;
} }
} }
} }
&.actions { &.actions {
cursor: default; cursor: default;
@ -355,17 +355,17 @@
li { li {
display: inline-block; display: inline-block;
padding: 0 0 0 1.5em; padding: 0 0 0 1.5em;
&:first-child { &:first-child {
padding: 0; padding: 0;
} }
} }
&.vertical { &.vertical {
li { li {
display: block; display: block;
padding: 1.5em 0 0 0; padding: 1.5em 0 0 0;
&:first-child { &:first-child {
padding: 0; padding: 0;
} }
@ -379,7 +379,7 @@
display: inline-block; display: inline-block;
padding: 0 0 0 1em; padding: 0 0 0 1em;
margin: 0 0 0 1em; margin: 0 0 0 1em;
&:first-child &:first-child
{ {
border-left: 0; border-left: 0;
@ -394,40 +394,40 @@
table { table {
width: 100%; width: 100%;
&.default { &.default {
width: 100%; width: 100%;
tbody { tbody {
tr { tr {
border-bottom: solid 1px $color-border; border-bottom: solid 1px $color-border;
} }
} }
td { td {
padding: 0.5em 1em 0.5em 1em; padding: 0.5em 1em 0.5em 1em;
} }
th { th {
font-weight: 600; font-weight: 600;
padding: 0.5em 1em 0.5em 1em; padding: 0.5em 1em 0.5em 1em;
text-align: left; text-align: left;
} }
thead { thead {
background-color: #555555; background-color: #555555;
@include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../css/images/bg01.png")');
color: #fff; color: #fff;
} }
tfoot { tfoot {
} }
tbody { tbody {
} }
} }
} }
/* Button */ /* Button */
input[type="submit"], input[type="submit"],
@ -437,7 +437,7 @@
@include vendor-property('appearance', 'none'); @include vendor-property('appearance', 'none');
@include vendor-property('transition', 'background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out'); @include vendor-property('transition', 'background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out');
background-color: $color-accent-bg; background-color: $color-accent-bg;
@include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../css/images/bg01.png")');
border-radius: $size-radius; border-radius: $size-radius;
border: 0; border: 0;
color: $color-accent-fg; color: $color-accent-fg;
@ -464,7 +464,7 @@
&.alt { &.alt {
background-color: #555555; background-color: #555555;
color: #fff; color: #fff;
&:hover { &:hover {
background-color: lighten(#555555, 5); background-color: lighten(#555555, 5);
} }
@ -472,7 +472,7 @@
&:active { &:active {
background-color: darken(#555555, 5); background-color: darken(#555555, 5);
} }
} }
&.icon { &.icon {
&:before { &:before {
@ -483,7 +483,7 @@
&.fit { &.fit {
width: 100%; width: 100%;
} }
&.small { &.small {
font-size: 0.8em; font-size: 0.8em;
} }
@ -494,21 +494,21 @@
.box { .box {
&.highlight { &.highlight {
text-align: center; text-align: center;
} }
&.post { &.post {
position: relative; position: relative;
margin: 0 0 2em 0; margin: 0 0 2em 0;
&:after { &:after {
content: ''; content: '';
display: block; display: block;
clear: both; clear: both;
} }
.inner { .inner {
margin-left: calc(30% + 2em); margin-left: calc(30% + 2em);
> :last-child { > :last-child {
margin-bottom: 0; margin-bottom: 0;
} }
@ -520,22 +520,22 @@
} }
} }
} }
/* Header */ /* Header */
#header { #header {
text-align: center; text-align: center;
padding: 3em 0 0 0; padding: 3em 0 0 0;
background-color: #fff; background-color: #fff;
background-image: url('images/bg02.png'), url('images/bg02.png'), url('images/bg01.png'); background-image: url('../css/images/bg02.png'), url('../css/images/bg02.png'), url('../css/images/bg01.png');
background-position: top left, top left, top left; background-position: top left, top left, top left;
background-size: 100% 6em, 100% 6em, auto; background-size: 100% 6em, 100% 6em, auto;
background-repeat: no-repeat, no-repeat, repeat; background-repeat: no-repeat, no-repeat, repeat;
h1 { h1 {
padding: 0 0 0.25em 0; padding: 0 0 0.25em 0;
margin: 0; margin: 0;
a { a {
font-size: 1.5em; font-size: 1.5em;
letter-spacing: -0.025em; letter-spacing: -0.025em;
@ -543,30 +543,30 @@
} }
} }
} }
#nav { #nav {
cursor: default; cursor: default;
background-color: #333; background-color: #333;
@include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("images/bg01.png")'); @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.3)), url("../css/images/bg01.png")');
padding: 0; padding: 0;
&:after { &:after {
content: ''; content: '';
display: block; display: block;
width: 100%; width: 100%;
height: 0.75em; height: 0.75em;
background-color: $color-accent-bg; background-color: $color-accent-bg;
background-image: url("images/bg01.png"); background-image: url("../css/images/bg01.png");
} }
> ul { > ul {
margin: 0; margin: 0;
> li { > li {
position: relative; position: relative;
display: inline-block; display: inline-block;
margin-left: 1em; margin-left: 1em;
a { a {
color: #c0c0c0; color: #c0c0c0;
text-decoration: none; text-decoration: none;
@ -574,17 +574,17 @@
display: block; display: block;
padding: 1.5em 0.5em 1.35em 0.5em; padding: 1.5em 0.5em 1.35em 0.5em;
} }
&:first-child { &:first-child {
margin-left: 0; margin-left: 0;
} }
&:hover { &:hover {
a { a {
color: #fff; color: #fff;
} }
} }
&.current { &.current {
font-weight: 600; font-weight: 600;
@ -599,49 +599,49 @@
left: 50%; left: 50%;
margin-left: -0.375em; margin-left: -0.375em;
background-color: $color-accent-bg; background-color: $color-accent-bg;
background-image: url("images/bg01.png"); background-image: url("../css/images/bg01.png");
} }
a { a {
color: #fff; color: #fff;
} }
} }
&.active { &.active {
a { a {
color: #fff; color: #fff;
} }
} }
> ul { > ul {
display: none; display: none;
} }
} }
} }
} }
/* Dropotron */ /* Dropotron */
.dropotron { .dropotron {
background-color: #333; background-color: #333;
@include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("images/bg01.png")'); @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,0)), url("../css/images/bg01.png")');
border-radius: $size-radius; border-radius: $size-radius;
color: #fff; color: #fff;
min-width: 10em; min-width: 10em;
padding: 1em 0; padding: 1em 0;
text-align: center; text-align: center;
box-shadow: 0 1em 1em 0 rgba(0,0,0,0.5); box-shadow: 0 1em 1em 0 rgba(0,0,0,0.5);
> li { > li {
line-height: 2em; line-height: 2em;
padding: 0 1.1em 0 1em; padding: 0 1.1em 0 1em;
> a { > a {
color: #c0c0c0; color: #c0c0c0;
text-decoration: none; text-decoration: none;
border: 0; border: 0;
} }
&.active, &.active,
&:hover { &:hover {
> a { > a {
@ -649,7 +649,7 @@
} }
} }
} }
&.level-0 { &.level-0 {
border-radius: 0 0 $size-radius $size-radius; border-radius: 0 0 $size-radius $size-radius;
font-size: 0.9em; font-size: 0.9em;
@ -667,7 +667,7 @@
height: 28em; height: 28em;
text-align: center; text-align: center;
position: relative; position: relative;
header { header {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
@ -677,26 +677,26 @@
background: rgba(27,27,27,0.75); background: rgba(27,27,27,0.75);
color: #fff; color: #fff;
padding: 1.0em 0; padding: 1.0em 0;
h2 { h2 {
display: inline-block; display: inline-block;
margin: 0; margin: 0;
font-size: 1.25em; font-size: 1.25em;
vertical-align: middle; vertical-align: middle;
em { em {
opacity: 0.75; opacity: 0.75;
} }
a { a {
border-bottom-color: transparentize(#fff, 0.5); border-bottom-color: transparentize(#fff, 0.5);
&:hover { &:hover {
border-bottom-color: transparent; border-bottom-color: transparent;
} }
} }
} }
.button { .button {
vertical-align: middle; vertical-align: middle;
margin-left: 1em; margin-left: 1em;
@ -708,35 +708,35 @@
.wrapper { .wrapper {
padding: 5em 0 3em 0; padding: 5em 0 3em 0;
&.style1 { &.style1 {
background: #fff; background: #fff;
} }
&.style2 { &.style2 {
background-color: #fff; background-color: #fff;
background-image: url('images/bg02.png'), url('images/bg03.png'), url('images/bg01.png'); background-image: url('../css/images/bg02.png'), url('../css/images/bg03.png'), url('../css/images/bg01.png');
background-position: top left, bottom left, top left; background-position: top left, bottom left, top left;
background-size: 100% 6em, 100% 6em, auto; background-size: 100% 6em, 100% 6em, auto;
background-repeat: no-repeat, no-repeat, repeat; background-repeat: no-repeat, no-repeat, repeat;
} }
&.style3 { &.style3 {
background-color: $color-accent-bg; background-color: $color-accent-bg;
@include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("images/bg01.png")'); @include vendor-value('background-image', 'linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.15)), url("../css/images/bg01.png")');
color: $color-accent-fg; color: $color-accent-fg;
.button { .button {
background: $color-accent-fg; background: $color-accent-fg;
color: $color-fg; color: $color-fg;
&:hover { &:hover {
color: $color-accent-bg !important; color: $color-accent-bg !important;
} }
} }
} }
} }
/* CTA */ /* CTA */
#cta { #cta {
@ -749,46 +749,46 @@
vertical-align: middle; vertical-align: middle;
margin: 0; margin: 0;
} }
.button { .button {
vertical-align: middle; vertical-align: middle;
margin-left: 1em; margin-left: 1em;
} }
} }
} }
/* Footer */ /* Footer */
#footer { #footer {
padding: 4em 0 8em 0; padding: 4em 0 8em 0;
a { a {
color: inherit; color: inherit;
border-bottom-color: transparentize($color-fg, 0.75); border-bottom-color: transparentize($color-fg, 0.75);
&:hover { &:hover {
color: $color-accent-bg; color: $color-accent-bg;
border-bottom-color: transparent; border-bottom-color: transparent;
} }
} }
.container { .container {
margin-bottom: 4em; margin-bottom: 4em;
} }
.icons { .icons {
text-align: center; text-align: center;
margin: 0; margin: 0;
a { a {
color: $color-fg-light; color: $color-fg-light;
&:hover { &:hover {
color: $color-fg; color: $color-fg;
} }
} }
} }
.copyright { .copyright {
color: $color-fg-light; color: $color-fg-light;
margin-top: 1.5em; margin-top: 1.5em;