Rearrange source to src dir.
[redakcja.git] / src / redakcja / static / css / toolbar.css
diff --git a/src/redakcja/static/css/toolbar.css b/src/redakcja/static/css/toolbar.css
new file mode 100644 (file)
index 0000000..7b96820
--- /dev/null
@@ -0,0 +1,88 @@
+/*
+ * Toolbars
+ */
+
+.toolbar {
+    border-bottom: 1px solid #777;
+    background-color: #C1C1C1;
+    margin: 0px;
+    padding: 0px;
+    z-index: 100;
+    height: 28px;
+    position: relative;
+}
+
+.toolbar > .group_selector {
+       position: absolute;
+
+    margin: 1px 5px 1px 0;
+    border: 1px solid #999;
+    padding: 1px;
+
+    top: 0px;
+    left: 0px;
+    bottom: 0px;
+    width: 180px;
+}
+
+.toolbar > .group_selector + button {
+       position: absolute;
+       width: 20px;
+       top: 0px;
+    left: 180px;
+    bottom: 0px;
+}
+
+.toolbar > .button_group_container {
+       position: absolute;
+       top: 0px;
+       left: 200px;
+       right: 20px;
+       bottom: 0px;
+
+       overflow: hidden;
+}
+
+.toolbar > .button_group_container + button {
+       position: absolute;
+       width: 20px;
+       top: 0px;
+    right: 0px;
+    bottom: 0px;
+}
+
+.toolbar ul.button_group {
+       margin: 0;
+       padding: 0;
+       width: 10000%;
+}
+
+.toolbar ul.button_group li {
+       display: inline-block;
+       margin: 0;
+       padding: 0;
+}
+
+
+.toolbar .button_group button {
+    display: block;
+    margin: 4px 0 2px 0;
+    padding: 2px 5px;
+    border: none;
+    background: none;
+    color: #424242;
+}
+
+.toolbar .button_group button img {
+       margin: 0;
+       padding: 0;
+       margin-bottom: -3px;
+}
+
+.toolbar .button_group button:hover,
+.toolbar .button_group button:active {
+    background: #777;
+    color: #FFF;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+}
\ No newline at end of file