Adjust slider to be the full width of the page.
[quanweb.git] / app / lib.css
1 a:link {
2   color: #008000;
3 }
4
5 a:visited {
6   color: #008080;
7 }
8
9 a:active {
10   color: #ff0000;
11 }
12
13 body {
14   background-color: #e0e0ff;
15   color: black;
16 }
17
18 div.book {
19   display: inline-block;
20   width: 400px;
21   margin: 10px;
22   border 3px solid #73ad21;
23 }
24
25 div.pager {
26   background-color: #004080;
27   border-color: #004080;
28   border-style: solid;
29   border-width: 3px;
30   color: #ffffff;
31   font-size: 0.8em;
32   padding: 2;
33   text-align: left;
34 }
35
36 div.slidercontainer {
37   width: 100%;
38 }
39
40 h1 {
41   background-color: #004080;
42   border-color: #004080;
43   border-style: solid;
44   border-width: 5px;
45   color: #ffffff;
46   font-size: 1.2em;
47   font-weight: normal;
48   margin: 2px 0px 0px 2px;
49 }
50
51 img.cover-thumb { max-height: 200px; max-width: 200px; }
52
53 p.navigator { }
54
55 p.quote {
56   margin-left: 50px;
57   margin-right: 50px;
58   text-align: justify;
59 }
60
61 input.slider {
62   -webkit-appearance: none:
63   appearance: none;
64   width: 100%;
65   outline: none;
66 }
67
68 span.popup { }
69
70 span.popup:hover { text-decoration: none; background: #cfffff; z-index: 6; }
71
72 span.popup span.pop-inner {
73   border-color:black;
74   border-style:solid;
75   border-width:1px;
76   display: none;
77   margin: 4px 0 0 0px;
78   padding: 3px 3px 3px 3px;
79   position: absolute;
80 }
81
82 span.popup:hover span.pop-inner {
83   background: #ffffaf;
84   display: block;
85   margin: 20px 0 0 0px;
86   z-index:6;
87 }
88
89 span.term {
90   display: inline-block;
91 }
92
93 div.tooltip {
94   background: #cfffff;
95   border-color: black;
96   border-style: solid;
97   border-width: 1px;
98   display: none;
99   margin: 4px 0px 0px 0px;
100   padding: 3px 3px 3px 3px;
101   position: absolute;
102   left: 50;
103   text-decoration: none;
104   top: 50;
105   z-index: 6;
106 }
107
108 table.header {
109   width: 100%;
110   line-height: 1.8;
111 }
112
113 td.box {
114   background-color: #0000ff;
115   width: 15%;
116 }
117
118 td.title {
119   background-color: #004080;
120   color: #ffffff;
121   font-size: 2.0em;
122   text-align: right;
123 }