Add new style for meego
[mdictionary] / data / css_meego / style.css
1 body, html, body *, html * {
2         margin                  : 0px;
3         padding         : 0px;
4         color                   : #777185;
5         font-size               : 10pt;
6         font-family             : Tahoma, Helvetica, Arial, Arial, sans-serif;
7
8 body {
9         background-color        : #eeecec; 
10 }
11
12 img.icon {
13         vertical-align          : middle;
14         float                   : left;
15         height                  : 16px;
16         padding                 : 5px;
17 }
18
19
20 div.tab {
21         background-attachment: scroll; 
22         background-color        : transparent;
23         background-image        : url("images/people.png"); 
24         background-repeat       : no-repeat;
25         background-size : contain;
26         background-position     : center bottom;        
27         display         : block;
28         margin                  : 4px;
29         margin-top              : 8px;
30         padding         : 2px;
31         padding-bottom  : 0px;
32         
33         -webkit-box-reflect     : below 5px -webkit-gradient(linear, 0% 0%, 0% 120%, from(transparent), color-stop(0.3, transparent), to(white));
34 }
35
36 div.dict {
37         margin                  : 0px 0px 5px 5px;
38         padding                 : 0px;
39         background-color        : transparent;
40
41         border                  : solid transparent;
42         border-width            : 13px 13px 13px 13px;
43         -webkit-border-image    : url("images/shadow-transparent-bg.png") 13 13 13 13;
44 }
45
46 div.info {
47         font-weight             : bold;
48         text-align              : center;
49         padding                 : 3px;
50         background-color        : transparent;
51         color                   : #000000;
52
53         border                  : solid transparent;
54         border-width            : 5px 5px 5px 5px;
55         -webkit-border-image    : url("images/header-border.png") 5 5 5 5;
56
57         background-image        : url("images/header-background.png");
58         background-repeat       : repeat-y;
59         background-position     : -3 0;
60 }
61
62
63 div.key {
64         text-align              : center;
65         font-weight             : bold;
66         color                   : #000000;
67
68         background-image        : url("images/key-background.png");
69         background-repeat       : no-repeat;
70         background-position     : center;
71
72         border                  : solid transparent;
73         border-radius           : 15px 15px 15px 15px;
74         border-width            : 1px 1px 1px 1px;
75         border-style            : solid;
76         border-color            : #777185;
77
78         margin-top              : 5px;
79 }
80
81 div.cell {
82         color                   : #3e3b46; 
83         padding         : 0px 0px 0px 10px;
84 }
85
86 span.i {
87         color                   : #3e3b46;
88         font-style              : italic;
89 }
90 span.b {
91         color                   : #3e3b46;
92         font-weight             : bold;
93 }
94 span.u {
95         color                   : #3e3b46;
96         text-decoration : underline;
97 }