Fixed scroling on desktop in translation widget

[mdictionary] / data / xsl / style.css

diff --git a/data/xsl/style.css b/data/xsl/style.css
index 74f0061..e4289dd 100644 (file)
--- a/data/xsl/style.css
+++ b/data/xsl/style.css
@@ -1,60 +1,82 @@
 body {
-       background-color: #000000
+background-color: #000000 
+    
+ } 
+
+div.tab {
+       -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 3px 10px;
+        background-color: #D6E4FF;
+       border-bottom-left-radius: 8px 8px;
+       border-bottom-right-radius: 8px 8px;
+       border-top-left-radius: 8px 8px;
+       border-top-right-radius: 8px 8px;
+       color: black;
+       font-family: 'Lucida Sans MS', 'Lucida Grande', Helvetica, sans-serif;
+       font-size: 10pt;
+       padding: 10px 10px;
+       padding-left: 5px;
+       padding-right: 5px;
+       -webkit-box-reflect:below 5px -webkit-gradient(linear, 0% 0%, 0% 190%, from(transparent), color-stop(0.3, transparent), to(white));
+}
+
+div.dict {
+       -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 3px 10px;
+       background: -webkit-gradient(linear, 50% 0%, 50% 100%, from(#FFFFFA), color-stop(0.3, #FED), color-stop(0.8, #FED), to(#FFFFFA));
+       border-bottom-left-radius: 8px 8px;
+       border-bottom-right-radius: 8px 8px;
+       border-top-left-radius: 8px 8px;
+       border-top-right-radius: 8px 8px;
+       color: black;
+       font-family: 'Lucida Sans MS', 'Lucida Grande', Helvetica, sans-serif;
+       font-size: 10pt;
+       margin-bottom: 10px;
+       padding: 10px 18px;
+       padding-left: 5px;
+       padding-right: 5px;
 }
-div.tab { 
-    border-style            : solid;
-    border-width            : 1px;
-    -webkit-box-reflect:below 5px -webkit-gradient(linear, 0% 0%, 0% 180%, from(transparent), color-stop(0.3, transparent), to(white));
-} 
+
 
 div.info {
         font-weight            : bold;
         text-align             : center;
     
-background: -webkit-gradient(
+       background: -webkit-gradient(
     linear,
     left top,
     left bottom,
-    color-stop(0.05, rgb(88,190,245)),
-    color-stop(0.85, rgb(0,49,61))
-);
-       /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f7ffff), to(#dfffff));*/
-       
+    color-stop(0.05, rgb(255,190,245)),
+    color-stop(0.85, rgb(255,49,61)));
        
-       padding-bottom: 8px;
-       padding-left: 10px;
-       padding-right: 10px;
-       padding-top: 8px;
+       padding-bottom: 5px;
+       padding-left: 5px;
+       padding-right: 5px;
+       padding-top: 5px;
+       -webkit-mask-box-image: url(mask.png) 0 100 0 100 stretch stretch;
 }
 
 div.key {
        font-weight             : bold;
        text-align              : center;
-       padding-bottom: 8px;
-       padding-left: 10px;
-       padding-right: 10px;
-       padding-top: 8px;
-
        background: -webkit-gradient(
     linear,
-    left bottom,
     left top,
-    color-stop(0.03, rgb(175,247,237)),
-    color-stop(0.44, rgb(28,176,230)),
-    color-stop(1, rgb(0,48,61)));
-       
+    left bottom,
+    color-stop(0.01, rgb(88,190,245)),
+    color-stop(0.95, rgb(0,49,61)));
+       padding-bottom: 5px;
+       padding-left: 5px;
+       padding-right: 5px;
+       padding-top: 5px;
+       -webkit-mask-box-image: url(mask.png) 0 100 0 100 stretch stretch;
 }
 
 div.cell {
-
-       background: -webkit-gradient(
-    linear,
-    left top,
-    left bottom,
-    color-stop(0.03, rgb(175,247,237)),
-    color-stop(0.52, rgb(242,255,229)));
+       background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fffcca), to(#FFFFFA));
+       padding-top: 5px;
+       padding-left: 25px;
+       padding-right: 25px;
+       -webkit-mask-box-image: url(mask.png) 0 100 0 100 stretch stretch;
 }
-
 span.i {
         font-style             : italic;
 }
@@ -64,7 +86,7 @@ span.b {
 }
 
 span.u {
-       text-decoration    : underline;
+            text-decoration    : underline;
 }