themes updated

src/style/components/accessibility-control.scss

@@ -1,11 +1,34 @@
 @import "../variables";
 
-.accessibility-control{
-  background-color: white;
-  height: 100px;
+.accessibility-control {
   width: 100%;
 
+  padding: $single-margin;
+
+  span {
+    margin-right: $single-margin;
+  }
+
+  span.active {
+    font-weight: bold;
+  }
+
+  &__block {
+    margin-bottom: $half-margin;
+  }
+
   ul li {
     display: inline;
+    margin-right: $single-margin;
+  }
+
+  ul {
+    display: inline;
   }
 }
+
+.accessibility .accessibility-control {
+  a {
+    border-bottom-style: dashed;
+  }
+}

src/style/main.scss

@@ -21,3 +21,11 @@ h2{
 h3{
   margin-bottom:  $single-margin / 2;
 }
+
+.actor {
+  border-bottom: 1px dashed black;
+
+  &:hover {
+    border-bottom: 2px solid black;
+  }
+}

src/style/style.scss

@@ -48,3 +48,5 @@
 @import "themes/theme-accessibility-font-biggest";
 @import "themes/theme-accessibility-font-sans";
 @import "themes/theme-accessibility-font-serif";
+@import "themes/theme-accessibility-no-image";
+@import "themes/theme-accessibility-kerning-big";

src/style/themes/theme-accessibility-black-white.scss

@@ -14,6 +14,10 @@
     }
   }
 
+  .accessibility-control{
+    color: $darker-color;
+  }
+
   .main-menu {
     a {
       color: $dark-color;

src/style/themes/theme-accessibility-font-big.scss

@@ -1,7 +1,7 @@
 @import "../variables";
 
 .theme-accessibility-font-big {
-  font-size: 18pt;
+  font-size: 16pt;
 
   .main-menu {
     font-size: $bigger-font-size;

src/style/themes/theme-accessibility-font-biggest.scss

@@ -1,7 +1,7 @@
 @import "../variables";
 
 .theme-accessibility-font-biggest {
-  font-size: 36pt;
+  font-size: 18pt;
 
   a {
     &:hover {

src/style/themes/theme-accessibility-kerning-big.scss

@@ -0,0 +1,6 @@
+@import "../variables";
+
+.theme-accessibility-kerning-big {
+  line-height: 2rem;
+  letter-spacing: .5rem;
+}

src/style/themes/theme-accessibility-no-image.scss

@@ -0,0 +1,19 @@
+@import "../variables";
+
+.theme-accessibility-no-image {
+  img {
+    display: none;
+  }
+
+  video {
+    display: none;
+  }
+
+  .html5-video-player {
+    display: none;
+  }
+
+  .main-image{
+    display: none;
+  }
+}

src/style/themes/theme-accessibility-white-black.scss

@@ -14,6 +14,10 @@
     }
   }
 
+  .accessibility-control{
+    color: $darker-color;
+  }
+
   .main-menu {
     a {
       color: $darker-color;