Update xubuntu,gnome, studio, mythubuntu derivate style

css/style.css

@@ -6892,3 +6892,134 @@ a.link-cta-ubuntu {
 }
 
 /*# sourceMappingURL=style.css.map */
+
+/* xubuntu */
+
+#xubuntu-screenshot {
+        width: 80%;
+        height: calc( width / 16 * 9 );
+    }
+.xubuntu-header-background {
+
+    background-image: url(http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/xubuntu/xubuntu-desktop.png);
+    background-size: 100% 155%;
+    margin: 0px;
+    color: #ffffff;
+
+}
+.xubuntu-header-description{
+     padding-bottom:0px;
+     padding-top: 0px;
+}
+.xubuntu-button{
+    background-color: #ffffff!important;
+    color: rgba(43, 128, 201, 1)!important;
+}
+.xubuntu-button:hover{
+    text-decoration: underline;
+}
+@media screen and ( max-width: 765px ) {
+    .hide {
+        display: block;
+        position: absolute;
+        opacity: 0;
+    }
+}
+
+/* gnome */
+
+#gnome-screenshot {
+        width: 85%;
+        height: calc( width / 16 * 9 );
+    }
+    .ubuntugnome-header-background {
+           
+        background-image: url(http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/ubuntugnome/ubuntu-gnome-desktop.png);
+        background-size: cover;
+        margin: 0px;
+        color: #333333;
+       
+    }
+    .ubuntugnome-header-description{
+         padding-bottom:0px;
+         padding-top: 0px;
+   }
+   .ubuntugnome-button{
+        background-color: #ffffff!important;
+        color: #333333!important;
+    }
+    .ubuntugnome-button:hover{
+        text-decoration: underline;
+    }
+    @media screen and ( max-width: 765px ) {
+        .hide {
+            display: block;
+            position: absolute;
+            opacity: 0;
+        }
+    }
+    
+/* ubuntu studio */
+
+#studio-screenshot {
+        width: 85%;
+        height: calc( width / 16 * 9 );
+    }
+    .ubuntustudio-header-background {
+           
+        background-image: url(/sites/default/files/scopri-ubuntu/ubuntustudio/ubuntu-studio-desktop.png);
+        background-size: cover;
+        margin: 0px;
+        color: #ffffff;
+       
+    }
+    .ubuntustudio-header-description{
+         padding-bottom:0px;
+         padding-top: 0px;
+   }
+   .ubuntustudio-button{
+        background-color: #ffffff!important;
+        color: #333333!important;
+    }
+    .ubuntustudio-button:hover{
+        text-decoration: underline;
+    }
+    @media screen and ( max-width: 765px ) {
+        .hide {
+            display: block;
+            position: absolute;
+            opacity: 0;
+        }
+    }
+    
+/* mythubuntu */
+
+#mythubuntu-screenshot {
+        width: 90%;
+        height: calc( width / 16 * 9 );
+    }
+    .mythubuntu-header-background {
+           
+        background-image: url(http://wwwtest.ubuntu-it.org/sites/default/files/scopri-ubuntu/mythubuntu/mythubuntu-default.png);
+        background-size: 100%;
+        margin: 0px;
+        color: #ffffff;
+    }
+    .mythubuntu-header-description{
+         padding-bottom:0px;
+         padding-top: 0px;
+   }
+   .mythubuntu-button{
+        background-color: #ffffff!important;
+        color:#333333!important;
+    }
+    .mythubuntu-button:hover{
+        text-decoration: underline;
+    }
+    @media screen and ( max-width: 765px ) {
+        .hide {
+            display: block;
+            position: absolute;
+            opacity: 0;
+        }
+    }
\ No newline at end of file