Merge branch 'obrazy' into rwd
[wolnelektury.git] / apps / wolnelektury_core / static / css / master.picture.css
diff --git a/apps/wolnelektury_core/static/css/master.picture.css b/apps/wolnelektury_core/static/css/master.picture.css
new file mode 100644 (file)
index 0000000..81bc698
--- /dev/null
@@ -0,0 +1,136 @@
+
+#picture-view {
+    width: 100%;
+    position:absolute;
+    top: 0;
+    bottom: 0;
+    z-index: 10;
+}
+#picture-view .picture-wrap {
+    background-repeat: no-repeat;
+    margin: 3rem auto 1rem auto;
+    display: block;
+    position: relative;
+    z-index: 10;
+//    cursor: move;
+
+}
+
+
+.picture-wrap img.loading {
+    margin-left: -10000px;
+}
+
+.picture-wrap .mark {
+    border: 2px solid rgba(200, 200, 200, 0.7);
+    position: absolute;
+    display: block;
+}
+
+.picture-wrap .mark .label {
+    position: absolute;
+    display: block;
+    background-color: rgba(200, 200, 200, 0.7);
+    color: rgba(0,0,0,0.6);
+    font-size: 0.9rem;
+//    bottom: -1.5em;
+}
+
+
+.toolbar {
+    position: fixed;
+    //top: 1.5rem;
+    left: 0rem;
+    color: #FFF;
+    z-index: 99;
+    list-style: none; 
+    padding: 0;
+    margin: 0;
+    
+    background: #333;
+    opacity: 0.9;
+    width: 8rem;
+}
+
+.toolbar ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    font-size: 0.8rem;
+    background-color: #222;
+}
+
+.toolbar .button.inactive a:active,
+.toolbar .button.inactive a:link,
+.toolbar .button.inactive a:visited
+{
+    color: #606060 !important;
+    cursor: not-allowed;
+}
+
+.toolbar .button a {
+    //background: #333;
+    //opacity: 0.9;
+    display: block;
+    height:1.5rem;
+
+    text-align: center;
+    color: #FFF;
+    padding: 0.2rem 0;
+    text-decoration: none;
+}
+
+.toolbar .button .dropdown-body a {
+    height: 1.2rem;
+    white-space: nowrap;
+}
+
+#picture-view .toolbar .button.square a {
+    width: 4rem; //1.5rem;
+    font-weight: bold;
+}
+
+li.button {
+    clear: both;
+}
+li.button.square {
+    clear: none;
+    float: left;
+}
+
+.toolbar .button a:link,
+.toolbar .button a:visited {
+    color: #FFF;
+}
+
+#picture-view .toolbar.button a:active {
+    color: yellow;
+}
+
+.moveright {
+    margin-left: 8rem !important;
+}
+
+#sponsors {
+    position: absolute;
+    display: block;
+    left: 0;
+    bottom: 0;
+    width: 8rem;
+
+    z-index:1;
+}
+#sponsors div {
+    z-index: 10;
+}
+
+#sponsors img {
+    width: 100%;
+    z-index: 10;
+}
+
+#spinner {
+    height: 1em;
+    z-index:10;
+}
\ No newline at end of file