1 files changed, 244 insertions, 0 deletions
diff --git a/gallery/main.css b/gallery/main.css
new file mode 100644
index 0000000..ba7dc0a
--- /dev/null
+++ b/gallery/main.css
@@ -0,0 +1,244 @@
+html,body{width:100%;height:100%;margin:0;padding:0;}
+body
+  {
+  background-color: white;
+  padding: 0; margin: 0;
+  }
+#images
+  {
+  margin: 12px 0 0 8px;
+  }
+div, div img
+  {
+  padding: 0; margin: 0;
+  margin-left: -4px;
+  margin-top: -4px;
+  }
+"""
+else:
+  print """
+body
+  {
+  background-color: #eee;
+  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.32, rgb(245,238,235)), color-stop(0.66, rgb(252,252,252)));
+  background-image: -moz-linear-gradient( center bottom, rgb(245,238,235) 32%, rgb(252,252,252) 66%); overflow-y: scroll;
+  }
+"""
+print """
+html
+  {
+  padding-bottom: 200px;
+  }
+#images
+  {
+  width: 100%;
+  margin-top:70px;
+  }
+#images div
+  {
+  width: 200px;
+  display: inline-block;
+  }
+div img
+  {
+  max-width: 200px;
+  max-height: 200px;
+  border: 0;
+  }
+#images img
+  {
+  cursor: pointer;
+  display: none;
+  }
+#dump
+  {
+  position: fixed;
+  left: 0;
+  bottom: 10px;
+  padding: 10px;
+  width: 100%;
+  border-bottom: 2px solid #000;
+  background-color: #f8f8f8;
+  border-top: 1px solid #888;
+  z-index: 1000;
+  }
+#dump #rebus
+  {
+  clear: right;
+  width: 90%;
+  max-height: 700px;
+  overflow-y: scroll;
+  background-color: #fff;
+  padding-bottom: 5px;
+  border-bottom: 1px solid #ddd;
+  margin-bottom: 5px;
+  }
+#dump #rebus img
+  {
+  cursor: pointer;
+  display: inline;
+  max-width: 400px;
+  max-height: 400px;
+  margin-right: -4px;
+  }
+#dump #urlz
+  {
+  width: 90%;
+  font-size: 15px;
+  }
+#actions
+  {
+  position: fixed;
+  top: 10px;
+  left: 10px;
+  cursor: pointer;
+  text-align: left;
+  font-family: sans-serif;
+  z-index:1000;
+  }
+#tags
+  {
+  position: fixed;
+  top: 10px;
+  left: 200px;
+  cursor: pointer;
+  text-align: left;
+  font-family: sans-serif;
+  z-index:1000;
+  }
+#help
+  {
+  position: fixed;
+  top: 10px;
+  right: 10px;
+  cursor: pointer;
+  text-align: right;
+  font-family: sans-serif;
+  z-index:1000;
+  }
+#help b {
+  text-align: right;
+}
+#help div{
+  background: rgba(200,200,200,0.8);
+}
+#keys div{
+  background: none;
+}
+#help .small{
+  font-size: 11px;
+}
+#help b, #actions b, #tags b
+  {
+  padding: 5px;
+  background-color: #f8f4fb;
+  display: block;
+  max-width: 160px;
+  }
+#help b:hover, #actions b:hover, #tags b:hover
+  {
+  color: cyan;
+
+  }
+#help #keys, #sorting-optionsContainer, #tag-optionsContainer
+  {
+  clear: both;
+  padding: 5px;
+  display: none;
+  min-width: 120px;
+  font-size: 14px;
+  }
+.sorting-options, .tag-options {
+  color:black;
+  cursor: pointer;
+  background: rgba(200,200,200,0.8);
+}
+.tag-clear{
+  color:#333;
+  cursor: pointer;
+  background: rgba(200,200,200,0.8);
+
+}
+.sorting-optionsContainer div:hover{
+  color: red;
+}
+.tag-optionsContainer div:hover{
+  color: pink;
+}
+.sorting-options:hover, .tag-options:hover, .tag-clear:hover {
+background: gold;
+}
+#nextpage
+  {
+  position: fixed;
+  right: 190px;
+  font-family: sans-serif;
+  top: 10px;
+  padding: 5px;
+  background-color: rgba(255,255,255,0.7);
+  z-index:9999
+  }
+#nextpage a
+  {
+  color: #33f;
+  }
+.rtlink
+  {
+  display: block;
+  width: 100%;
+  text-align: right;
+  }
+#d_clip_container
+  {
+  display: inline-block;
+  }
+#d_clip_button, #clear
+  {
+  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
+  color: #333;
+  font-size: 13px;
+  line-height: 13px;
+  text-align: center;
+  margin: 2px; padding: 5px;
+  display: inline-block;
+  border-top: 1px solid #888;
+  border-left: 1px solid #888;
+  border-right: 1px solid #555;
+  border-bottom: 1px solid #333;
+  background-image: linear-gradient(bottom, rgb(235,235,235) 0%, rgb(250,250,250) 53%);
+  background-image: -o-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(250,250,250) 53%);
+  background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(250,250,250) 53%);
+  background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(250,250,250) 53%);
+  background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 0%, rgb(250,250,250) 53%);
+  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(235,235,235)), color-stop(0.53, rgb(250,250,250)));
+  }
+#d_clip_button.hover, #clear:hover
+  {
+  color: #555;
+  background-image: linear-gradient(bottom, rgb(245,240,245) 0%, rgb(255,255,255) 78%);
+  background-image: -o-linear-gradient(bottom, rgb(245,240,245) 0%, rgb(255,255,255) 78%);
+  background-image: -moz-linear-gradient(bottom, rgb(245,240,245) 0%, rgb(255,255,255) 78%);
+  background-image: -webkit-linear-gradient(bottom, rgb(245,240,245) 0%, rgb(255,255,255) 78%);
+  background-image: -ms-linear-gradient(bottom, rgb(245,240,245) 0%, rgb(255,255,255) 78%);
+  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(245,240,245)), color-stop(0.78, rgb(255,255,255)));
+  }
+#d_clip_button.active, #clear:active
+  {
+  color: #111;
+  border-top: 1px solid #333;
+  border-left: 1px solid #555;
+  border-right: 1px solid #555;
+  border-bottom: 1px solid #333;
+  background-image: linear-gradient(bottom, rgb(194,194,194) 0%, rgb(235,235,235) 53%);
+  background-image: -o-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(235,235,235) 53%);
+  background-image: -moz-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(235,235,235) 53%);
+  background-image: -webkit-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(235,235,235) 53%);
+  background-image: -ms-linear-gradient(bottom, rgb(194,194,194) 0%, rgb(235,235,235) 53%);
+  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(194,194,194)), color-stop(0.53, rgb(235,235,235)));
+  }
+
+.pulsate_and_grow {
+    -webkit-animation: pulsate_and_grow 0.5s ease-out;
+    -webkit-animation-iteration-count: 3;
+    opacity: 1.0;
+}