Display a warning to the user if they're viewing old versions of the
[exim-website.git] / templates / web / doc / chapter.css
1 #old_version_warning {
2   text-align:  center;
3   padding:     0.1em;
4   margin:      0;
5   font-size:   1.4em;
6 }
7
8 body.with-js #old_version_warning {
9   display:          none;
10   text-align:       left;
11   position:         fixed;
12   top:              20%;
13   left:             30%;
14   width:            40%;
15   background-color: #fff;
16   border:           1px solid #000;
17   padding:          1em;
18   z-index:          10000;
19 }
20
21 #old_version_warning span.closebar {
22   float:            right;
23   position:         relative;
24   right:            -0.5em;
25   top:              -0.5em;
26 }
27
28 #old_version_warning span.closebar a {
29   text-decoration:  none;
30 }
31
32 body.no-js #old_version_warning span.closebar {
33   display: none;
34 }
35
36 .previous_page, .next_page {
37   font-size:      1.2em;
38 }
39
40 .previous_page {
41   float:        left;
42   clear:        left;
43 }
44
45 .next_page {
46   float:        right;
47   clear:        right;
48 }
49
50 #chapter {
51   line-height: 1.5;
52 }
53
54 #chapter table {
55   margin-top:       1em;
56   margin-bottom:    1em;
57 }
58
59 #chapter table td {
60   padding-left:     1em;
61   padding-right:    1em;
62   background-color: #eaeaea;
63   border: thin solid white;
64   font-size: 80%;
65 }
66
67 td .docbook_option, td .docbook_emphasis {
68   font-size: 125%;
69 }
70
71 /* Index section styling */
72
73 h3.index {
74   padding-top: 10px;
75   border-bottom: medium solid #000;
76   margin-bottom: 10px;
77 }
78
79 dl dt
80 {
81   clear: left;
82   float: left;
83   margin: 0;
84   font-weight: bold;
85   padding-left: 2em;
86   line-height: 1.1;
87 }
88
89 dl dd
90 {
91   margin-left: 4em;
92   padding-top: 0.2em;
93   clear: left;
94   line-height: 1.1;
95   white-space: normal;
96 }
97
98 dl dd dl
99 {
100   margin-left: -180px;
101 }
102
103
104 /* Side Table of Contents */
105
106  #outer > #toc {
107    position:     fixed;
108    top:        35%;
109    left:       0;
110    z-index:      3000;
111  }
112
113  #outer > #toc img {
114    position:     fixed;
115    top:        35%;
116    left:       0;
117    background-color:   #304b66;
118    padding:      0.5em;
119    z-index:      3000;
120    display:      none;
121  }
122
123  #outer > #toc img:hover {
124    cursor:       pointer;
125    background-color:   #000;
126  }
127
128  #outer > #toc > ul {
129    position:     fixed;
130    top:        30%;
131    background-color:   #fff;
132    min-height:     200px;
133    max-height:     65%;
134    overflow-y:     auto;
135    padding:      0.5em 0;
136    border-top:     1px solid #bbb;
137    border-bottom:      1px solid #bbb;
138    z-index:      3000;
139  }
140  #outer > #toc a {
141    font-size:      1.2em;
142    color:        #304b67;
143    text-decoration:    none;
144    padding:      0 0.5em;
145  }
146  #outer > #toc a:hover {
147    color:        #000;
148  }
149
150  @media all and ( max-width: 640px ){
151    #outer > #toc {
152      display:    none;
153    }
154  }
155
156 /* Changebars  -- experimental */
157 .changed {
158   border-right: 5px solid #000;
159 }