kevin/Scout_saturation
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

modif js svg

Browse Source
This commit is contained in:
kevin
2018-11-30 15:41:36 +01:00
parent c7b32250df
commit c364f9c04d
47 changed files with 689 additions and 755 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style/fonts.css
+12 -12
View File
@@ -1,19 +1,19 @@
@font-face {
font-family: 'Montserrat-Regular';
src: url('/fonts/Montserrat-Regular.eot'); /* IE9 Compat Modes */
src: url('/fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/Montserrat-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/Montserrat-Regular.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/Montserrat-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/Montserrat-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
src: url('../fonts/Montserrat-Regular.eot'); /* IE9 Compat Modes */
src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Montserrat-Regular.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/Montserrat-Regular.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/Montserrat-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Montserrat-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
font-family: 'Montserrat-SemiBold';
src: url('/fonts/Montserrat-SemiBold.eot'); /* IE9 Compat Modes */
src: url('/fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/fonts/Montserrat-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
url('/fonts/Montserrat-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
url('/fonts/Montserrat-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
url('/fonts/Montserrat-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
src: url('../fonts/Montserrat-SemiBold.eot'); /* IE9 Compat Modes */
src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/Montserrat-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/Montserrat-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/Montserrat-SemiBold.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/Montserrat-SemiBold.svg#svgFontName') format('svg'); /* Legacy iOS */
}
style/style.css
+31 -10
View File
@@ -1,8 +1,12 @@
html{
width: 10000px;
height: 5000px;
-webkit-text-size-adjust: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
body{
cursor: -webkit-grab;
cursor: grab;
@@ -10,7 +14,7 @@ body{
}
/* start */
@-webkit-keyframes dash {
/* @-webkit-keyframes dash {
from {
stroke-dashoffset: 3000;
}
@@ -25,17 +29,17 @@ body{
to {
stroke-dashoffset: 0;
}
}
} */
p, a{
font-size: 18px;
line-height: 26px;
color: black;
font-family: 'Montserrat-Regular';
font-family: 'Montserrat-Regular'!important;
}
a{
font-family: 'Montserrat-SemiBold';
font-family: 'Montserrat-SemiBold'!important;
color: #35b8c8ff;
}
@@ -43,7 +47,7 @@ h4{
font-size: 42px;
line-height: 42px;
color: black;
font-family: 'Montserrat-SemiBold';
font-family: 'Montserrat-SemiBold'!important;
margin: 0;
}
@@ -91,6 +95,8 @@ section{
.block{
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@@ -131,12 +137,12 @@ section{
left: 715px;
}
#start #y:hover ~ .tracer-y path{
/* #start #y:hover ~ .tracer-y path{
stroke-dasharray: 3000;
stroke-dashoffset: 0;
-webkit-animation: dash 5s linear;
animation: dash 5s linear;
}
} */
/* ////////angoisses//////// */
#angoisses{
@@ -222,7 +228,10 @@ section{
}
#parlons_en .block{
flex-flow: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
}
#parlons_en .txt{
@@ -245,7 +254,10 @@ section{
}
#ampoule .block{
flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#ampoule #y{
@@ -301,7 +313,10 @@ section{
}
#genie .block{
flex-flow: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-flow: row-reverse;
flex-flow: row-reverse;
}
#genie .illu{
@@ -578,3 +593,9 @@ section{
top: -2000px;
left: -590px;
}
#center a{
position: absolute;
top: 840px;
left: 500px;
}