diff --git a/HyperSet/.idea/workspace.xml b/HyperSet/.idea/workspace.xml index 04bb9d5..167fa0a 100644 --- a/HyperSet/.idea/workspace.xml +++ b/HyperSet/.idea/workspace.xml @@ -44,7 +44,7 @@ - + @@ -85,6 +85,7 @@ + @@ -100,10 +101,10 @@ - + - + @@ -120,9 +121,9 @@ - + - + \ No newline at end of file diff --git a/HyperSet/vues/css/style.css b/HyperSet/vues/css/style.css index 7fdb89d..7ce79b1 100644 --- a/HyperSet/vues/css/style.css +++ b/HyperSet/vues/css/style.css @@ -56,42 +56,37 @@ h1 { .shape { display: inline-block; - border: 2px solid white; - height: 45%; - width: 25%; - margin-top: 30%; - + width: 40px; + height: 100px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: 15px; + margin-top: 35%; } - - .diamond { - width: 33%; - height: 27%; - margin-top: 45%; + transform: rotate(67deg) skewX(45deg) scaleY( 0.40); + width: 60px; + - transform: rotate(67deg) skewX(45deg) scaleY( 0.70710678118); } .wave { - /*clip-path: polygon(5% 34%, 5% 20%, 79% 21%, 66% 61%, 98% 60%, 97% 73%, 19% 74%, 37% 34%);/ - /*-moz-transform: scale(0.8) rotate(10deg) translate(15px, -1px) skew(-10deg, 8deg); - -webkit-transform: scale(0.8) rotate(10deg) translate(15px, -1px) skew(-10deg, 8deg); - -o-transform: scale(0.8) rotate(10deg) translate(15px, -1px) skew(-10deg, 8deg); - -ms-transform: scale(0.8) rotate(10deg) translate(15px, -1px) skew(-10deg, 8deg); - transform: scale(0.8) rotate(10deg) translate(15px, -1px) skew(-10deg, 8deg);*/ + border-radius: 15px 180px 15px 180px; + transform: rotate(1deg) skewX(0.5deg) scaleX(0.8); + width: 45px; + - /*-webkit-border-radius: 20px 100px 20px 100px; - -moz-border-radius: 20px 100px 20px 100px;*/ - border-radius: 20px 100px 20px 100px; } .oval { border-radius: 40px / 50px; + transform: rotate(0.5deg) skewX(1deg) scaleX(0.8); + width: 55px; + } @@ -126,35 +121,35 @@ h1 { .red.open{ - border: 4px solid red; + border: 2px solid red; } .green.open { - border: 4px solid green; + border: 2px solid green; } .purple.open { - border: 4px solid purple; + border: 2px solid purple; } .red.stripped{ - background: repeating-linear-gradient(-45deg, red, red 5px, white 5px, white 10px); + background: repeating-linear-gradient(-40deg, red, red 5px, white 5px, white 10px); border: 2px solid red; } .green.stripped { - background: repeating-linear-gradient(-45deg, green, green 5px, white 5px, white 10px); + background: repeating-linear-gradient(-40deg, green, green 5px, white 5px, white 10px); border: 2px solid green; } .purple.stripped { - background: repeating-linear-gradient(-45deg, purple, purple 5px, white 5px, white 10px); + background: repeating-linear-gradient(-40deg, purple, purple 5px, white 5px, white 10px); border: 2px solid purple; }