Form stylesheet tweaks

jraddaoui · Jan 28, 2013 · d700b0f · d700b0f
1 parent 618148c
commit d700b0f
Show file tree

Hide file tree

Showing 4 changed files with 178 additions and 25 deletions.
diff --git a/css/graphic.css b/css/graphic.css
@@ -31,18 +31,6 @@
   color: #666;
 }
 
-button.delete-small {
-  background: transparent url('../images/delete.png');
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-attachment: scroll;
-  width: 16px;
-  height: 16px;
-  border: none;
-  vertical-align: top;
-  cursor: pointer;
-}
-
 /*********************************************************
               NOTE SPAN
 **********************************************************/
@@ -158,17 +146,6 @@ table.compound_digiobj td.download_link {
   padding: 2px;
 }
 
-/*********************************************************
-             LOGOS
-**********************************************************/
-
-#footer a
-{
-  bottom: 1em;
-  position: fixed;
-  right: 1em;
-}
-
 /*********************************************************
              MULTIUPLOADER
   TODO: Apply default markup, .section, h3, etc...

diff --git a/plugins/arDominionPlugin/css/less/forms.less b/plugins/arDominionPlugin/css/less/forms.less
@@ -97,3 +97,149 @@ fieldset table {
   }
 
 }
+
+// Autocomplete
+// Old /vendor/yui/autocomplete/assets/skins/sam/autocomplete.css
+
+.yui-skin-sam {
+
+  .yui-ac {
+
+    position: relative;
+
+    iframe {
+      .opacity(0);
+      padding-right: .3em;
+      padding-bottom: .3em; /* Bug 2026798: extend iframe to shim the shadow */
+    }
+
+    > ul {
+      list-style-type: disc !important;
+      margin: 0 0 10px 20px !important;
+      li {
+        cursor: pointer;
+        &:hover {
+          list-style-image: url(../../../../images/delete.png);
+        }
+      }
+    }
+
+  }
+
+  .yui-ac-input {
+
+    // I don't think that we need this and it is causing some problems
+    // position: absolute;
+
+    width: 100%;
+
+  }
+
+  .yui-ac-container {
+
+    position: absolute;
+    top: 1.6em;
+    width: 100%;
+
+  }
+
+  .yui-ac-content {
+
+    .box-sizing(border-box);
+    position: absolute;
+    width: 100%;
+    border: 1px solid @grayLight;
+    background: #fff;
+    overflow: hidden;
+    z-index: 9050;
+    .border-radius(4px);
+
+    ul {
+
+      margin: 0;
+      padding: 0;
+      width: 100%;
+
+    }
+
+    li {
+
+      margin: 0;
+      padding: 2px 5px;
+      cursor: default;
+      white-space: nowrap;
+      list-style: none;
+      cursor: pointer;
+      zoom: 1; /* For IE to trigger mouse events on LI */
+
+      .yui-ac-prehighlight {
+        background: #b3d4ff;
+      }
+
+      .yui-ac-highlight {
+        background: #426fd9;
+        color: @white;
+      }
+
+      &:hover {
+        background-color: @grayLighter;
+      }
+
+    }
+
+  }
+
+  .yui-ac-shadow {
+
+    position: absolute;
+    margin: .3em;
+    width: 100%;
+    background: @black;
+    .opacity(10); // 10/100
+    z-index:9049;
+
+  }
+
+}
+
+// Resizable textarea
+
+.resizable-textarea {
+
+  margin-bottom: 10px;
+
+  .grippie {
+
+    height: 9px;
+    overflow: hidden;
+    background: #eee url(../../../sfDrupalPlugin/vendor/drupal/misc/grippie.png) no-repeat center 2px;
+    border: 1px solid #ddd;
+    border-top-width: 0;
+    cursor: s-resize;
+
+  }
+
+}
+
+html.js .resizable-textarea textarea {
+
+  margin-bottom: 0;
+  display: block;
+  resize: none;
+
+}
+
+// Delete buttons (e.g. ISDIAH edit form, contact area)
+
+button.delete-small {
+  background: transparent url('../../../../images/delete.png');
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-attachment: scroll;
+  width: 16px;
+  height: 16px;
+  border: none;
+  vertical-align: top;
+  cursor: pointer;
+  content: '.';
+}
diff --git a/plugins/arDominionPlugin/css/less/scaffolding.less b/plugins/arDominionPlugin/css/less/scaffolding.less
@@ -606,6 +606,32 @@ section .vcard:last-child > .field:last-child > div {
   }
 }
 
+// Messages (metadata validation box)
+// Pretty much like Twitter Bootstrap .alert plus .alert-*
+
+.messages {
+
+  background-color: @white;
+  border: 1px solid @grayLighter;
+  padding: @baseLineHeight / 2;
+  margin-bottom: @baseLineHeight;
+  .border-radius(4px);
+  font-size: 12px;
+
+  ul {
+    margin-bottom: 0;
+    margin-left: 0;
+    list-style: none;
+  }
+
+  &.error {
+    background-color: rgb(255, 237, 237);
+    border: 1px solid #eed3d7;
+  }
+
+}
+
+
 // Responsive design
 
 @media (min-width: 1200px) {

diff --git a/plugins/arDominionPlugin/css/main.less b/plugins/arDominionPlugin/css/main.less
@@ -39,11 +39,11 @@
 
 // Load YUI
 @import "../../../vendor/yui/container/assets/skins/sam/container.css";
-@import "../../../vendor/yui/autocomplete/assets/skins/sam/autocomplete.css";
 @import "../../../vendor/yui/tabview/assets/skins/sam/tabview.css";
 @import "../../../vendor/yui/calendar/assets/skins/sam/calendar.css";
 @import "../../../vendor/yui/button/assets/skins/sam/button.css";
 @import "../../../vendor/yui/menu/assets/skins/sam/menu.css";
+// @import "../../../vendor/yui/autocomplete/assets/skins/sam/autocomplete.css"; (merged into less/forms.less)
 
 // Include files
 @import "less/mixins.less";
@@ -60,4 +60,8 @@
 @import "less/buttons.less";
 @import "less/legacy.less";
 
-// TODO: edit.css, imageflow...
+// TODO
+// Merge css/* (including classic)
+// Use html.js if possible
+// Review Caribou and Trillium code in case I forgot something
+//   - Like .throbbing