Mercurial > hg > digilib

comparison client/digitallibrary/jquery/jquery.digilib.css @ 870:5d811828347b jquery

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
arrows: got basic functionality working
author hertzhaft
date Thu, 17 Mar 2011 16:43:59 +0100
parents e96f4ff42450
children df78d6b36540
comparison
equal deleted inserted replaced
869:5396529b3f46 870:5d811828347b
64 64
65 div.digilib div.region:hover { 65 div.digilib div.region:hover {
66 opacity: 0.5; 66 opacity: 0.5;
67 } 67 }
68 68
69 div.region { 69 div.digilib div.region {
70 color: white; 70 color: white;
71 font-family: Verdana, Arial, Helvetica, sans-serif; 71 font-family: Verdana, Arial, Helvetica, sans-serif;
72 font-size: 11px; 72 font-size: 11px;
73 } 73 }
74 74
75 div.region a.regionnumber { 75 div.digilib div.region a.regionnumber {
76 color: white; 76 color: white;
77 text-decoration: none; 77 text-decoration: none;
78 font-weight: bold; 78 font-weight: bold;
79 font-size: 11px; 79 font-size: 11px;
80 text-align: center; 80 text-align: center;
82 margin-right: 4px; 82 margin-right: 4px;
83 border: 1px solid white; 83 border: 1px solid white;
84 display: inline-block; 84 display: inline-block;
85 } 85 }
86 86
87 div.regioncontent { 87 div.digilib div.regioncontent {
88 display: none; 88 display: none;
89 } 89 }
90 90
91 div.regionHTML { 91 div.digilib div.regionHTML {
92 display: none; 92 display: none;
93 position: absolute; 93 position: absolute;
94 top: 100px; 94 top: 100px;
95 padding: 10px; 95 padding: 10px;
96 font-family: Verdana, Arial, Helvetica, sans-serif; 96 font-family: Verdana, Arial, Helvetica, sans-serif;
99 color: black; 99 color: black;
100 background-color: lightgrey; 100 background-color: lightgrey;
101 z-index: 1000; 101 z-index: 1000;
102 } 102 }
103 103
104 div.regionHTML a { 104 div.digilib div.regionHTML a {
105 color: white; 105 color: white;
106 text-decoration: none; 106 text-decoration: none;
107 font-size: 11px; 107 font-size: 11px;
108 font-weight: bold; 108 font-weight: bold;
109 } 109 }
125 div.infoheader { 125 div.infoheader {
126 width: 300px; 126 width: 300px;
127 margin-bottom: 20px; 127 margin-bottom: 20px;
128 } 128 }
129 129
130 div.arrow { 130 div.digilib div.arrows {
131 display: none;
132 }
133
134 div.digilib div.arrows div.button {
131 position: absolute; 135 position: absolute;
132 text-align: center; 136 text-align: center;
133 background-color: black; 137 background-color: black;
134 opacity: 0.08; 138 opacity: 0.08;
135 display: none; 139 }
136 }
137 140
138 div.arrow:hover { 141 div.digilib div.arrows div.button:hover {
139 opacity: 0.5; 142 opacity: 0.5;
140 } 143 }
141 144
142 /* special definitions for fullscreen */ 145 /* special definitions for fullscreen */
143 div.digilib.dl_fullscreen div.buttons { 146 div.digilib.dl_fullscreen div.buttons {
147 padding: 2px; 150 padding: 2px;
148 background-color: transparent; 151 background-color: transparent;
149 z-index: 100; 152 z-index: 100;
150 } 153 }
151 154
152 div.digilib.dl_fullscreen div.button:hover { 155 div.digilib.dl_fullscreen div.buttons div.button:hover {
153 background-image: url('img/fullscreen/corona.png'); 156 background-image: url('img/fullscreen/corona.png');
157 background-repeat: no-repeat;
154 } 158 }
155 159
156 div.digilib.dl_fullscreen div.button-on { 160 div.digilib.dl_fullscreen div.button-on {
157 background-image: url('img/fullscreen/whitedisc.png'); 161 background-image: url('img/fullscreen/whitedisc.png');
162 background-repeat: no-repeat;
158 } 163 }
159 164
160 div.digilib.dl_fullscreen div.birdview { 165 div.digilib.dl_fullscreen div.birdview {
161 position: fixed; 166 position: fixed;
162 bottom: 8px; 167 bottom: 8px;
176 background-color: grey; 181 background-color: grey;
177 opacity: 0.5; 182 opacity: 0.5;
178 z-index: 100; 183 z-index: 100;
179 } 184 }
180 185
181 div.digilib.dl_embedded div.button:hover { 186 div.digilib.dl_embedded div.buttons div.button:hover {
182 background-color: black; 187 background-color: black;
183 } 188 }
184 189
185 div.digilib.dl_embedded div.button-on { 190 div.digilib.dl_embedded div.button-on {
186 background-color: darkgreen; 191 background-color: darkgreen;
189 div.digilib.dl_embedded div.birdview { 194 div.digilib.dl_embedded div.birdview {
190 position: absolute; 195 position: absolute;
191 bottom: 0px; 196 bottom: 0px;
192 right: 0px; 197 right: 0px;
193 } 198 }
199