Permalink
Browse files

missing file

  • Loading branch information...
1 parent a0e404f commit 93272b16a20b4b36f6187021805ec31d06ec16e3 @maccman committed May 1, 2012
Showing with 122 additions and 1 deletion.
  1. +1 −1 README.md
  2. +58 −0 assets/stylesheets/app/popup.css.styl
  3. +63 −0 public/assets/application.css
View
@@ -10,7 +10,7 @@ Phase 1:
* ✓ Select multiple items
* ✓ Toolbar menu
* Inspector panel (Element/Text/Ruler)
- * ½ Background (type/direction)
+ * ½ Background (direction)
* ✓ Border
* ✓ Shadow
* ✓ Text-shadow
@@ -0,0 +1,58 @@
+@import 'mixins'
+
+.popup {
+ position: absolute
+
+ border-radius: 4px
+ border: 1px solid rgba(181,181,181, 1)
+ border-bottom-color: rgba(167,167,167,1)
+ border-top-color: rgba(216,216,216,1)
+
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.24)
+ background: #FFF
+ min-width: 400px
+ color: #000
+ z-index: 10000
+
+ article {
+ padding: 5px
+ }
+
+ footer {
+ border-top: 1px solid rgba(0, 0, 0, 0.15)
+ inset-line(0.8)
+ vbg-gradient(lighten(rgba(238, 238, 238, 1), 80%), rgba(238, 238, 238, 0.9))
+ -webkit-border-radius: 0 0 4px 4px
+
+ button {
+ margin: 0
+
+ color: #717A81;
+ font-size: 11px;
+ font-weight: bold
+ text-transform: uppercase
+ text-shadow: 0 1px 1px #FFF;
+ padding: 8px 13px
+ box-shadow: inset -1px 0 1px rgba(255, 255, 255, 0.5)
+ border: none
+ border-right: 1px solid rgba(0, 0, 0, 0.15)
+ background: none
+ }
+ }
+}
+
+.popup.list {
+ .items {
+ min-height: 180px
+ }
+
+ .item {
+ padding: 10px
+ cursor: pointer
+
+ &.selected {
+ color: #FFF
+ vbg-gradient(#BAC4D8, #9AA8C7)
+ }
+ }
+}
@@ -865,6 +865,69 @@ body {
position: relative;
top: -6px;
}
+.popup {
+ position: absolute;
+ -moz-border-radius: 4px;
+ -webkit-border-radius: 4px;
+ border-radius: 4px;
+ border: 1px solid #b5b5b5;
+ border-bottom-color: #a7a7a7;
+ border-top-color: #d8d8d8;
+ -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.24);
+ -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.24);
+ box-shadow: 0 4px 8px rgba(0,0,0,0.24);
+ background: #fff;
+ min-width: 400px;
+ color: #000;
+ z-index: 10000;
+}
+.popup article {
+ padding: 5px;
+}
+.popup footer {
+ border-top: 1px solid rgba(0,0,0,0.15);
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.80);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.80);
+ -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.80);
+ -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.80);
+ box-shadow: inset 0 1px 0 rgba(255,255,255,0.80);
+ background: #fcfcfc;
+ background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(rgba(238,238,238,0.90)));
+ background: -webkit-linear-gradient(top, #fcfcfc, rgba(238,238,238,0.90));
+ background: -moz-linear-gradient(top, #fcfcfc, rgba(238,238,238,0.90));
+ background: linear-gradient(top, #fcfcfc, rgba(238,238,238,0.90));
+ -webkit-border-radius: 0 0 4px 4px;
+}
+.popup footer button {
+ margin: 0;
+ color: #717a81;
+ font-size: 11px;
+ font-weight: bold;
+ text-transform: uppercase;
+ text-shadow: 0 1px 1px #fff;
+ padding: 8px 13px;
+ -moz-box-shadow: inset -1px 0 1px rgba(255,255,255,0.50);
+ -webkit-box-shadow: inset -1px 0 1px rgba(255,255,255,0.50);
+ box-shadow: inset -1px 0 1px rgba(255,255,255,0.50);
+ border: none;
+ border-right: 1px solid rgba(0,0,0,0.15);
+ background: none;
+}
+.popup.list .items {
+ min-height: 180px;
+}
+.popup.list .item {
+ padding: 10px;
+ cursor: pointer;
+}
+.popup.list .item.selected {
+ color: #fff;
+ background: #bac4d8;
+ background: -webkit-gradient(linear, left top, left bottom, from(#bac4d8), to(#9aa8c7));
+ background: -webkit-linear-gradient(top, #bac4d8, #9aa8c7);
+ background: -moz-linear-gradient(top, #bac4d8, #9aa8c7);
+ background: linear-gradient(top, #bac4d8, #9aa8c7);
+}
#app .stage {
position: absolute;
top: 0;

0 comments on commit 93272b1

Please sign in to comment.