refinerycms-core 2.1.5 → 3.0.0

data/app/assets/stylesheets/refinery/_mixins.scss

@@ -0,0 +1,84 @@
+@mixin rounded($radius) {
+  border-radius: $radius;
+  -moz-border-radius: $radius;
+  -webkit-border-radius: $radius;
+}
+@mixin top-rounded($radius) {
+  border-radius-top: $radius;
+  -moz-border-radius-topleft: $radius;
+  -moz-border-radius-topright: $radius;
+  -webkit-border-top-left-radius: $radius;
+  -webkit-border-top-right-radius: $radius;
+}
+@mixin right-rounded($radius) {
+  border-radius-right: $radius;
+  -moz-border-radius-topright: $radius;
+  -moz-border-radius-bottomright: $radius;
+  -webkit-border-top-right-radius: $radius;
+  -webkit-border-bottom-right-radius: $radius;
+}
+@mixin left-rounded($radius) {
+  border-radius-left: $radius;
+  -moz-border-radius-topleft: $radius;
+  -moz-border-radius-bottomleft: $radius;
+  -webkit-border-top-left-radius: $radius;
+  -webkit-border-bottom-left-radius: $radius;
+}
+@mixin bottom-rounded($radius) {
+  border-radius-bottom: $radius;
+  -moz-border-radius-bottomleft: $radius;
+  -moz-border-radius-bottomright: $radius;
+  -webkit-border-bottom-left-radius: $radius;
+  -webkit-border-bottom-right-radius: $radius;
+}
+@mixin box-sizing($box-model) {
+  -webkit-box-sizing: $box-model; // Safari <= 5
+     -moz-box-sizing: $box-model; // Firefox <= 19
+          box-sizing: $box-model;
+}
+@mixin faux_columns_2($col1_width, $col1_bg, $col2_bg) {
+  background-image: -webkit-gradient(
+    linear,
+    left top,
+    right top,
+    color-stop(0, $col1_bg),
+    color-stop($col1_width, $col1_bg),
+    color-stop($col1_width, $col2_bg),
+    color-stop(100%, $col2_bg)
+  );
+  background-image: -webkit-linear-gradient(
+    left,
+    $col1_bg,
+    $col1_bg $col1_width,
+    $col2_bg $col1_width,
+    $col2_bg 100%
+  );
+  background-image: -moz-linear-gradient(
+    left,
+    $col1_bg,
+    $col1_bg $col1_width,
+    $col2_bg $col1_width,
+    $col2_bg 100%
+  );
+  background-image: -ms-linear-gradient(
+    left,
+    $col1_bg,
+    $col1_bg $col1_width,
+    $col2_bg $col1_width,
+    $col2_bg 100%
+  );
+  background-image: -o-linear-gradient(
+    left,
+    $col1_bg,
+    $col1_bg $col1_width,
+    $col2_bg $col1_width,
+    $col2_bg 100%
+  );
+}
+@mixin form_actions() {
+  position: relative;
+  background-color: #F2F2F2;
+  border: 1px solid #CCCCCC;
+  margin-top: 10px;
+  height: 45px;
+}

data/app/assets/stylesheets/refinery/{submenu.css.scss → _submenu.scss}

@@ -4,7 +4,7 @@ ul {
       position: relative;
       span.arrow {
         background-repeat: no-repeat;
-        background-image: image_url('refinery/icons/up.gif');
+        @include icon('sort-up');
         position: absolute;
         right: 10px;
         top: 13px;
@@ -13,7 +13,7 @@ ul {
         cursor: pointer;
       }
       &.closed span.arrow {
-        background-image: image_url('refinery/icons/down.gif');
+        @include icon('sort-down');
       }
     }
     > div {

data/app/assets/stylesheets/refinery/_ui.scss

@@ -0,0 +1,252 @@
+.ui-widget-overlay {
+  position: absolute;
+  top: 0px;
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  width: auto !important;
+  opacity: .75 !important;
+  filter:Alpha(Opacity=75) !important;
+  background: #000 !important;
+}
+.ui-dialog {
+  position: absolute;
+  background-color: #fff;
+  color: #000;
+  border: 4px solid #22A7F2;
+  width: auto;
+  z-index: 1;
+  #dialog_loading {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 208px;
+    height: 13px;
+    margin: -6px 0 0 -104px;
+  }
+  .ui-dialog-titlebar {
+    position: relative;
+    width: 100%;
+    height: 33px;
+    background-color: #22A7F2;
+  }
+  .ui-dialog-title {
+    float: left;
+    height: 33px;
+    line-height: 33px;
+    font-size: 16px;
+    padding-left: 10px;
+    color: white;
+  }
+  .ui-dialog-titlebar-close {
+    background-color: #22A7F2;
+    padding-right:0;
+    padding-left:0;
+    padding-top: 5px;
+    position: absolute;
+    right: 10px;
+    width: 22px;
+    height: 33px;
+    line-height: 33px;
+    border: none;
+    span {
+      display: block;
+      margin: 1px;
+      background: transparent image_url('refinery/cross.png') top left no-repeat;
+      text-indent:-10000px;
+    }
+  }
+  .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus {
+    padding: 0;
+  }
+  iframe {
+    clear:both;
+    border: 0px none;
+    margin-bottom:-1px;
+    margin-top:1px;
+    width: 100% !important;
+  }
+}
+/** Hide the tab without using display:none; This is required to hide flash embeds etc.**/
+.ui-tabs-hide {
+  display: block !important;
+  height: 0 !important;
+  width: 0 !important;
+  border: 0px none !important;
+  visibility: hidden !important;
+  position: absolute;
+  left: -10000px;
+  top: -10000px;
+  object,
+  embed {
+    height: 0px !important;
+    width: 0px !important;
+  }
+}
+.ie7 .ui-tabs-hide {
+  display: none !important !important;
+  height: auto !important !important;
+  width: auto !important !important;
+  position: static;
+}
+.ui-tabs li.ui-state-default {
+  float: left;
+  list-style: none;
+  margin-right: 2px;
+}
+.ui-tabs .ui-state-default a {
+  background-color: #bcbcbc;
+  color: white;
+  padding: 8px 13px;
+  border-bottom: none;
+  display: block;
+  margin-top: 6px;
+}
+.ui-tabs .ui-state-active a {
+  background-color: #808080;
+  padding: 11px 13px;
+  margin-top: 0px;
+}
+
+
+/*
+ * Styles so Refinery admin is compatible with jquery-ui stylesheet:
+ */
+#menu {
+  &.ui-corner-all {
+    border: none;
+  }
+
+  &.ui-widget {
+    font-family: inherit;
+    color: inherit;
+  }
+}
+
+#page-tabs {
+  &.ui-widget {
+    font-family: inherit;
+    font-size: inherit;
+    color: inherit;
+  }
+
+  &.ui-corner-all {
+    border: none;
+  }
+
+  &.ui-tabs {
+    padding: 0;
+
+    .ui-tabs-panel {
+      padding: 0;
+    }
+
+    .ui-tabs-nav li {
+      &.ui-state-default a {
+        padding: 8px 13px;
+      }
+
+      &.ui-state-active a {
+        padding: 11px 13px;
+      }
+    }
+  }
+
+  #page_parts {
+    &.ui-corner-all {
+      border: none;
+    }
+
+    &.ui-widget-header {
+      background: none;
+
+      .ui-state-default {
+        border: none;
+        background: none;
+        padding-bottom: 0;
+        margin: 0 2px 0 0;
+      }
+    }
+
+    &.ui-helper-reset {
+      line-height: inherit;
+    }
+
+    .ui-tabs-anchor {
+      color: white;
+    }
+  }
+
+  #page_part_editors {
+    .ui-corner-bottom {
+      border: none;
+    }
+  }
+}
+
+.ui-dialog[aria-describedby=editor_dialog],
+.ui-dialog[aria-describedby=dialog_iframe] {
+  outline: none;
+
+  &.ui-dialog {
+    padding: 0;
+  }
+
+  &.ui-corner-all {
+    border: 4px solid #22A7F2;
+    border-radius: 0;
+  }
+
+  &.ui-widget {
+    font-family: inherit;
+    color: inherit;
+  }
+
+  .ui-widget-header {
+    background-image: none;
+
+    &.ui-corner-all {
+      border: none;
+      border-radius: 0;
+    }
+  }
+
+  .ui-dialog-titlebar {
+    padding: 0;
+
+    .ui-dialog-title {
+      font-weight: normal;
+    }
+
+    .ui-dialog-titlebar-close {
+      background-color: #22A7F2;
+      background-image: none;
+      border: none;
+      outline: none;
+      cursor: pointer;
+      right: 10px;
+
+      .ui-button-text {
+        display: none;
+      }
+
+      &.ui-button-icon-only .ui-icon {
+        position: static;
+        height: 20px;
+      }
+    }
+  }
+
+  .ui-dialog-content {
+    padding: 0;
+    overflow: visible;
+  }
+
+  .editor_dialog {
+    border: none;
+  }
+
+  iframe#dialog_frame, iframe#dialog_iframe {
+    display: block !important;
+  }
+}

data/app/assets/stylesheets/refinery/refinery.scss

@@ -0,0 +1,10 @@
+@import 'mixins';
+@import 'colours';
+@import 'font-awesome-sprockets', 'font-awesome';
+@import 'icons';
+
+@import 'layout';
+@import 'site_bar';
+@import 'submenu';
+@import 'tooltips';
+@import 'ui';

data/app/assets/stylesheets/refinery/site_bar.scss

@@ -0,0 +1,126 @@
+#site_bar {
+  background: #404650;
+
+  #site_bar_content {
+    color: white;
+    font-family: Arial;
+    font-size: 0.9em;
+    font-weight: normal;
+    margin: 0 auto;
+    max-width: 1080px;
+    padding: 0.8em 0.8em 0.5em;
+    zoom: 1;
+
+    &:before,
+    &:after { content: ""; display: table; }
+    &:after { clear: both; }
+
+    a {
+      color: white;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+
+    #editor_switch {
+      text-align: center;
+
+      a {
+        display: inline-block;
+        margin-right: 0.3em;
+        margin-bottom: 0.5em;
+        padding: 0em 1em 0em;
+      }
+      @media screen and (min-width: 37.5em) {
+        text-align: left;
+      }
+    }
+
+    #site_bar_refinery_cms_logo {
+      background: image_url('refinery/logo-site-bar.png') no-repeat 0 100%;
+      display: none;
+      height: 29px;
+      overflow: hidden;
+      margin-top: -2px;
+      position: relative;
+      width: 96px;
+
+      @media screen and (min-width: 58em) {
+        display: block;
+      }
+
+      span {
+        position: absolute;
+        left: -1000em;
+      }
+    }
+
+    #site_bar_branding, #editor_switch {
+      display: block;
+      margin-top: 0.5em;
+
+      @media screen and (min-width: 37.5em) {
+        margin-top: 0.25em;
+      }
+    }
+
+    #site_bar_branding {
+      text-align: center;
+
+      @media screen and (min-width: 37.5em) {
+        text-align: right;
+      }
+
+      #site_bar_company_name {
+        display: block;
+        font-weight: bold;
+
+        @media screen and (min-width: 37.5em) {
+          display: inline-block;
+        }
+      }
+
+      #logout {
+        display: block;
+        margin-left: 0.9em;
+
+        @media screen and (min-width: 37.5em) {
+          display: inline-block;
+        }
+      }
+    }
+  }
+}
+
+@media screen and (min-width: 37.5em) {
+  #site_bar {
+    #site_bar_content {
+      #editor_switch,
+      #site_bar_branding {
+        float: left;
+        width: 50%;
+      }
+    }
+  }
+}
+
+@media screen and (min-width: 58em) {
+  #site_bar {
+    #site_bar_content {
+      #editor_switch {
+        width: 50%;
+      }
+
+      #site_bar_branding {
+        width: 38%;
+      }
+
+      #site_bar_refinery_cms_logo {
+        float: left;
+        width: 12%;
+      }
+    }
+  }
+}