pure-admin-rails 2.0.0

data/app/assets/stylesheets/pure_admin/pagination.css.scss

@@ -0,0 +1,67 @@
+div.pagination-info {
+  font-size: 12px;
+  display: block;
+  color: #777777;
+  line-height: 3em;
+
+  @media (min-width: 35.5em) {
+    float: left;
+    line-height: 2em;
+  }
+}
+
+nav.pagination {
+  font-size: 12px;
+  text-transform: uppercase;
+  line-height: 100%;
+
+  @media (min-width: 35.5em) {
+    float: right;
+  }
+
+  span {
+    display: inline-block;
+    background: #fefefe;
+    border: 1px solid #dbdbdb;
+    height: 20px;
+
+    &:hover {
+      background: #efefef;
+    }
+
+    &.prev, &.next {
+      position: relative;
+      top: 1px;
+
+      a {
+        position: relative;
+        top: -1px;
+        font-family: 'FontAwesome';
+      }
+    }
+
+    &.current {
+      display: inline-block;
+      padding: 4px 6px;
+      background: #efefef;
+      line-height: 100%;
+    }
+
+    &.gap {
+      display: inline-block;
+      padding: 4px 4px;
+      border: none;
+      background: transparent;
+    }
+
+    a {
+      display: inline-block;
+      padding: 4px 6px;
+      color: #555555;
+
+      &:hover {
+        color: #555555;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/pure_admin/portlets.css.scss

@@ -0,0 +1,154 @@
+$icon-chevron-up: '\f077';
+$icon-chevron-down: '\f078';
+$icon-minus: '\f068';
+
+.portlet {
+  background: $white;
+  border: 1px solid $grey-medium;
+  clear: both;
+  margin-bottom: $base-font-size * 2;
+  margin-top: $base-font-size;
+  position: relative;
+
+  @media (min-width: 48em) {
+    margin-left: $base-font-size * 0.4;
+    margin-right: $base-font-size * 0.4;
+  }
+
+  &.expanded {
+    .portlet-indicator:before {
+      content: $icon-chevron-up;
+    }
+
+    .portlet-body {
+      display: block;
+    }
+  }
+
+  &.loading {
+    .portlet-indicator:before {
+      // Line ( - )
+      content: $icon-minus;
+    }
+
+    .portlet-body {
+      background-image: image-url('pending.gif');
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: contain;
+      height: auto;
+      margin: 0 auto;
+      padding: 1em;
+      width: 3em;
+
+      -webkit-transition: all 0.2s linear;
+         -moz-transition: all 0.2s linear;
+          -ms-transition: all 0.2s linear;
+           -o-transition: all 0.2s linear;
+              transition: all 0.2s linear;
+    }
+  }
+}
+
+.portlet-heading {
+  background: $grey-light;
+  min-height: $base-font-size * 2;
+  padding: $base-font-size * 0.4 0;
+
+  h4 {
+    display: inline-block;
+    font-size: 1em;
+    font-weight: 400;
+    line-height: $base-font-size * 1.5;
+    padding: 0 $base-font-size * 0.8;
+    margin: 0;
+    text-transform: uppercase;
+    position: relative;
+    top: 1px;
+    display: table-cell;
+    width: 100%;
+  }
+}
+
+.portlet.expanded {
+  .portlet-heading {
+    border-bottom: 1px solid $grey-medium;
+  }
+}
+
+.portlet[data-closable=true] {
+  .portlet-heading {
+    cursor: pointer;
+
+    &:hover {
+      background: lighten($grey-light, 1.5%);
+    }
+  }
+}
+
+.portlet-heading-icon.fa {
+  line-height: $base-font-size * 1.5;
+  border-right: 1px solid $grey-medium-dark;
+  padding: 0 $base-font-size * 0.8;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.portlet-controls {
+  line-height: $base-font-size * 1.5;
+  border-left: 1px solid $grey-medium-dark;
+  padding: 0 $base-font-size * 0.8;
+  padding-right: 0;
+  display: table-cell;
+  vertical-align: middle;
+  white-space: nowrap;
+
+  .portlet-control-item {
+    display: inline-block;
+    margin-right: $base-font-size * 0.8;
+
+    .pure-button,
+    .pure-menu-link {
+      font-size: 0.75rem;
+    }
+
+    .dropdown {
+      float: none;
+    }
+
+    .pure-menu-has-children {
+      display: block;
+    }
+  }
+}
+
+.portlet-indicator {
+  padding-right: $base-font-size * 0.8;
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  &:before {
+    font-family: FontAwesome;
+    content: $icon-chevron-down;
+  }
+}
+
+.portlet-body {
+  display: none;
+  font-size: 14px;
+  padding: 0 $base-font-size;
+
+  &.vertically-padded {
+    padding: 16px;
+  }
+
+  &.top-padded {
+    padding-top: 16px;
+  }
+
+  &.bottom-padded {
+    padding-bottom: 16px;
+  }
+}

data/app/assets/stylesheets/pure_admin/scopes.css.scss

@@ -0,0 +1,44 @@
+.scopes {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  padding-top: 0.9em;
+  font-size: 0.75em;
+  text-transform: uppercase;
+  line-height: 1em;
+
+  @media (min-width: 35.5em) {
+    float: left;
+  }
+
+  span {
+    color: #777777;
+    font-size: 0.8em;
+    padding-right: 0.75em;
+    margin-bottom: 0.5em;
+    display: block;
+
+    @media (min-width: 35.5em) {
+      display: inline;
+      margin-bottom: 0;
+    }
+  }
+
+  li {
+    display: inline-block;
+    padding-right: 0.5em;
+    margin-bottom: 0.5em;
+
+    @media (min-width: 35.5em) {
+      margin-bottom: 0;
+    }
+
+    a {
+      color: #777777;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/pure_admin/shell.css.scss

@@ -0,0 +1,222 @@
+* {
+  font-family: "Exo 2", "Helvetica", "Arial", sans-serif;
+}
+
+body {
+  background-color: #fafafa;
+}
+
+a {
+  color: darken($link-color, 10%);
+  text-decoration: none;
+
+  &:hover {
+    color: $link-color;
+  }
+}
+
+h1, h2, h3 {
+  font-family: "Exo 2", "Helvetica", "Arial", sans-serif;
+  text-transform: uppercase;
+  font-weight: 700;
+}
+
+h1 {
+  font-size: 1.75em;
+  margin: 0.7em 0;
+}
+
+h2 {
+  font-size: 1.6em;
+  margin: 0.7em 0;
+}
+
+h3 {
+  font-size: 1.4em;
+}
+
+h4, h5 {
+  text-transform: uppercase;
+}
+
+h4, h5, h6 {
+  font-family: "Exo 2", "Helvetica", "Arial", sans-serif;
+}
+
+.pure-form {
+  input[type="text"],
+  input[type="password"],
+  input[type="email"],
+  input[type="url"],
+  input[type="date"],
+  input[type="month"],
+  input[type="time"],
+  input[type="datetime"],
+  input[type="datetime-local"],
+  input[type="week"],
+  input[type="number"],
+  input[type="search"],
+  input[type="tel"],
+  input[type="color"],
+  textarea,
+  select {
+    font-family: "Exo 2", "Helvetica", "Arial", sans-serif;
+  }
+}
+
+.pure-g [class*="pure-u"] {
+  font-family: "Exo 2", "Helvetica", "Arial", sans-serif;
+}
+
+#wrap {
+  position: relative;
+  padding-top: 106px;
+  padding-left: 0;
+  left: 0;
+  -webkit-transition: all 0.1s linear;
+     -moz-transition: all 0.1s linear;
+      -ms-transition: all 0.1s linear;
+       -o-transition: all 0.1s linear;
+          transition: all 0.1s linear;
+}
+
+#main-header {
+  background: #272a2a;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 10;
+  -webkit-transition: all 0.1s linear;
+     -moz-transition: all 0.1s linear;
+      -ms-transition: all 0.1s linear;
+       -o-transition: all 0.1s linear;
+          transition: all 0.1s linear;
+
+  h1 {
+    margin: 0;
+  }
+
+  .pure-menu-heading {
+    padding: 12px 0 9px 16px;
+    height: 46px;
+    font-weight: 400;
+    font-size: 120%;
+    float: left;
+
+    a {
+      color: #ffffff;
+    }
+  }
+
+  .pure-menu-selected a {
+    color: white;
+  }
+
+  #account-menu {
+    ul {
+      float: right;
+      position: relative;
+      top: 6px;
+      right: 8px;
+
+      li {
+        color: #cccccc;
+
+        &.user-details {
+          padding: 0 1em;
+        }
+
+        &:last-child {
+          padding-right: 0;
+
+          a {
+            padding-right: 0;
+          }
+        }
+
+        a {
+          color: #eeeeee;
+        }
+
+        a:hover, a:focus {
+          background: none;
+          border: none;
+          color: #ffffff;
+        }
+
+        .fa {
+          margin-right: 0.2em;
+          position: relative;
+          top: 1px;
+        }
+      }
+    }
+  }
+}
+
+#wrap.no-header {
+  padding-top: 58px;
+
+  #main-header {
+    top: -48px;
+  }
+}
+
+#wrap {
+  -webkit-transition: all 0.1s linear;
+     -moz-transition: all 0.1s linear;
+      -ms-transition: all 0.1s linear;
+       -o-transition: all 0.1s linear;
+          transition: all 0.1s linear;
+}
+
+#main {
+  padding-left: $base-font-size;
+  padding-right: $base-font-size;
+  padding-bottom: $base-font-size;
+
+  @media (min-width: 35.5em) {
+    padding-left: $base-font-size * 1.5;
+    padding-right: $base-font-size * 1.5;
+  }
+
+  @media (min-width: 64em) {
+    padding-left: $base-font-size * 2;
+    padding-right: $base-font-size * 2;
+    padding-bottom: $base-font-size * 1.5;
+  }
+}
+
+#main-title {
+  background: #e4e4e4;
+  padding: $base-font-size * 0.5 $base-font-size;
+  margin-bottom: $base-font-size * 0.5;
+  margin-top: $base-font-size * 2;
+  border: 1px solid #dbdbdb;
+
+  h1 {
+    padding: 0;
+    margin: 0;
+    line-height: 1.1em;
+    float: left;
+    max-width: 100%;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+}
+
+#main-content {
+  padding-top: 15px;
+  padding-bottom: 15px;
+  line-height: 1.6em;
+}
+
+#main-footer {
+  border-top: 1px solid #e5e5e5;
+  padding: 1em;
+  margin-top: 1em;
+  font-size: 14px;
+  color: #aaaaaa;
+}