+
+#picture-view {
+ left: 0;
+ right: 0;
+ position:absolute;
+ top: 0;
+ bottom: 0;
+ z-index: 10;
+}
-#picture-view img.canvas {
- width: 700px;
- margin: 3rem auto 1rem auto;
+#picture-view .picture-wrap {
+ background-repeat: no-repeat;
+ margin: 0 auto 0 auto;
display: block;
-// position: fixed;
+ position: relative;
+ z-index: 10;
+// cursor: move;
+
}
-#picture-view .toolbar {
- position: fixed;
- top: 1.5rem;
- right: 0rem;
- background: #333;
- color: #FFF;
- opacity: 0.9;
- z-index: 99;
- list-style: none;
- padding: 0;
- margin: 0;
+.picture-wrap .mark {
+ border: 2px solid rgba(200, 200, 200, 0.7);
+ position: absolute;
+ display: block;
}
-#picture-view .toolbar .button a {
+.picture-wrap .mark .label {
+ position: absolute;
display: block;
- height:1.5rem;
- width:1.5rem;
- text-align: center;
- color: #FFF;
- padding: 0.2rem;
- text-decoration: none;
+ background-color: rgba(200, 200, 200, 0.7);
+ color: rgba(0,0,0,0.6);
+ font-size: 0.9rem;
+// bottom: -1.5em;
+}
+
+.button.inactive:active,
+.button.inactive:link,
+.button.inactive:visited
+{
+ color: #606060 !important;
+ cursor: not-allowed;
+}
+
+#sponsors {
+ margin-top: 3em;
+}
+#sponsors img {
+ width: 100%;
+}
+
+#spinner {
+ height: 1em;
+ z-index:10;
}
-#picture-view .toolbar .button a:link,
-#picture-view .toolbar .button a:visited {
- color: #FFF;
+.dropdown-body {
+ font-size: 0.8rem;
+ background-color: #444;
}
-#picture-view .toolbar.button a:active {
- color: yellow;
-}
\ No newline at end of file