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