pages_core 3.4.2

data/app/assets/stylesheets/pages/admin/buttons.css.erb

@@ -0,0 +1,5 @@
+form.button-to {
+  display:       inline;
+  margin:        0;
+  padding:       0;
+}

data/app/assets/stylesheets/pages/admin/controllers/artists.css.erb

@@ -0,0 +1,94 @@
+
+tr.ok {
+  background:  #ffe;
+}
+tr.published {
+  background:  #ffc;
+}
+
+.fieldgroup {
+  clear: both;
+}
+
+.field {
+  float: left;
+  margin-right: 8px;
+  margin-bottom:  8px;
+}
+.field label {
+  padding:  4px 6px;
+  display:  block;
+}
+
+.artistform .invite {
+  margin-top:  32px;
+}
+
+.artistform h2 {
+  border-bottom:  1px solid #ccc;
+  padding-bottom:  6px;
+}
+
+.artistform .h2button {
+  margin-top:  5px;
+  float:  right;
+}
+
+.upload {
+  background:  #ffe;
+  border:  1px solid #ccc;
+  padding:  8px;
+  margin:  -9px 0 8px 0;
+}
+.upload h3 {
+  background: #eed;
+  padding:  8px; margin: -8px -8px 4px -8px;
+  font-size:  1em;
+  color: #442;
+}
+#songlist li {
+  cursor:  pointer;
+  padding:  2px 0;
+}
+
+#images {
+  margin-bottom: 12px;
+}
+#images div.image {
+  float: left;
+  margin: 0 2px 2px 0;
+  padding: 0 4px 2px 4px;
+  color: #aaa;
+}
+#images div.image:hover {
+  background:  #cef;
+}
+#images div.image img {
+  margin: 0 -4px;
+}
+#images .actions {
+  font-weight: bold;
+  font-size: 11px;
+}
+
+.help {
+  margin: 8px 0;
+  padding:  8px;
+  margin-left:  12px;
+  background:  #ffe;
+  border:  1px solid #eed;
+  float: right;
+}
+
+#new_artist {
+  background:  #ffe;
+  border:  1px solid #ccc;
+  margin:  -33px -32px 32px -32px;
+  padding:  8px 32px;
+}
+#new_artist h3 {
+  background: #eed;
+  padding:  8px 32px; margin: -8px -32px 4px -32px;
+  font-size:  1em;
+  color: #442;
+}

data/app/assets/stylesheets/pages/admin/controllers/files.css.erb

@@ -0,0 +1,58 @@
+#images
+{
+  margin-right: 432px;
+}
+
+
+.image
+{
+  float: left;
+  margin: 0px 1px 1px 0px;
+}
+
+.image-box
+{
+  background: #ddd;
+  background: #000;
+  width: 180px;
+  height: 150px;
+  vertical-align: middle;
+  text-align: center;
+  display: table;
+  _position: relative;
+  overflow: hidden;
+}
+.image .image-description
+{
+  background: #111;
+  padding: 4px 8px;
+  overflow: hidden;
+  max-width: 164px;
+  font-size: 0.85em;
+  color: #aaa;
+  text-align: center;
+}
+.image-box .image-thumbnail
+{
+  _position: absolute;
+  _top: 50%;
+  display: table-cell;
+  vertical-align: middle;
+  text-align: center;
+}
+.image-box .image-thumbnail img
+{
+  _position: relative;
+  _top: -50%;
+  display: block;
+  margin: auto;
+}
+
+
+#edit-container
+{
+  min-height: 100px;
+  width: 400px;
+  float: right;
+  overflow: hidden;
+}

data/app/assets/stylesheets/pages/admin/controllers/pages.css.scss.erb

@@ -0,0 +1,178 @@
+/* pages/index */
+.morepages {
+  clear: both;
+}
+.morepages .morepageslink {
+  margin-left: 32px;
+  font-size: 0.9em;
+  margin-bottom: 1em;
+  font-weight: bold;
+  display: block;
+}
+.pagelist {
+  float: left;
+}
+.pagelist .page_listing {
+  border: 1px solid transparent;
+  padding: 3px 8px 2px 8px !important;
+}
+.pagelist ul {
+  border-left: 1px dotted #ccc !important;
+  margin-left: 12px !important;
+  padding-left: 8px !important
+}
+.pagelist ul li {
+  overflow: auto;
+}
+.pagelist ul .page {
+}
+.pagelist .page:hover {
+  background: #ffd;
+  border: 1px solid #dda;
+}
+.pagelist .page .status {
+  font-weight: normal;
+}
+.pagelist .page:hover .status {
+  display: none;
+}
+.pagelist .page a.page_name, .pagelist .page a.page_name:visited {
+  text-decoration: none;
+  color: #222;
+}
+.pagelist .hidden.page a.page_name {
+  color: #666;
+}
+.pagelist .page a.page_name:hover {
+  text-decoration: underline;
+}
+.drag_handle {
+  cursor: pointer;
+  float: left;
+  vertical-align: middle;
+  margin-top: 5px;
+  margin-left: 6px;
+  width: 13px;
+  height: 16px;
+  background-image: url('<%= asset_path "pages/admin/drag-icon.png" %>');
+}
+.pagelist .drag_handle {
+  display: none;
+}
+.pagelist.reorder .drag_handle {
+  display: block;
+}
+
+/* pages/news */
+.news_item_list .name {
+  line-height: 1.5;
+}
+.news_item_list .name .name_link {
+  font-weight: bold;
+}
+.news_item_list .name .status_label {
+  color: #666;
+}
+.news_item_list tr {
+}
+.news_item_list .draft, .news_item_list .hidden, .news_item_list .autopublish, .news_item_list .reviewed {
+  background: #f4f4f4;
+}
+.news_item_list .pinned .name {
+  background: #fff8e8;
+  background: transparent url('<%= asset_path "pages/admin/list-table-pin-blue.gif" %>') no-repeat 13px 50%;
+}
+.news_item_list .draft .name, .news_item_list .hidden .name, .news_item_list .autopublish .name, .news_item_list .autopublish .reviewed {
+  background: transparent url('<%= asset_path "pages/admin/list-table-pin-disabled.gif" %>') no-repeat 13px 50%;
+}
+
+/* pages/edit */
+.edit_page {
+  padding-top: 1px;
+  width: auto;
+}
+.edit_page .field {
+  margin-right: 20px;
+}
+
+.edit_page .hiddenOptions {
+  display: none;
+}
+
+.edit_page .advanced_options {
+  visibility: none;
+}
+
+#main .edit_page input[type=text], #main .edit_page textarea {
+  width: 100%;
+  max-width: 100%;
+}
+
+#main .edit_page input.page_title {
+  font-weight: bold;
+  font-size: 1.4em;
+  color: #222;
+}
+
+#documentPreview {
+  position: absolute;
+  top: 64px;
+  left: 24px;
+  right: 300px;
+  background: #eee;
+  border: 1px solid #ccc;
+  padding: 24px;
+  padding-top: 0;
+  padding-bottom: 48px;
+  font-family: Georgia, serif;
+  font-size: 1.2em;
+  color: #222;
+  line-height: 1.4;
+}
+
+#documentPreview .titleBar {
+  padding: 3px 24px;
+  background: #ddd;
+  color: #666;
+  margin: 0 -24px 24px -24px;
+  font-style: italic;
+}
+
+#documentPreview .postimage {
+  float: right;
+  margin: 0 0 24px 24px;
+  border: 1px solid #aaa;
+}
+
+
+.edit_page .images_list .thumbnail {
+  padding: 0;
+  width: 124px;
+}
+
+.filelist {
+  list-style-type: none;
+  margin-left: 0;
+  margin-right: 0;
+  padding: 0;
+  li {
+    line-height: 30px;
+    border-top: 1px solid #ddd;
+    &:first-child {
+      border-top: 0px;
+    }
+    .actions {
+      float: right;
+    }
+    .drag_handle {
+      margin-right: 10px;
+    }
+  }
+  .placeholder {
+    height: 30px;
+  }
+  .ui-sortable-helper {
+    border: 1px solid #ddd !important;
+    background: rgba(250, 250, 250, 0.8);
+  }
+}

data/app/assets/stylesheets/pages/admin/controllers/users.css.erb

@@ -0,0 +1,3 @@
+table.users tr.invite td {
+  color: #888;
+}

data/app/assets/stylesheets/pages/admin/editable_image.css.erb

@@ -0,0 +1,19 @@
+#modalLoadingNotice {
+  background: #040404;
+  color: #333;
+  padding: 40px;
+  width: 300px;
+  text-align: center;
+}
+#modalLoadingNotice img {
+  margin: 0 6px -4px -3px;
+}
+
+.modalWindow {
+  background: #040404;
+  padding: 10px;
+}
+.modalWindow .controls {
+  margin-top: 10px;
+}
+

data/app/assets/stylesheets/pages/admin/forms.css.scss.erb

@@ -0,0 +1,73 @@
+#main form {
+  margin:        16px 32px;
+}
+
+form .field {
+  margin:        16px 0;
+  padding:       0;
+}
+
+form .field label {
+  display:       block;
+  padding:       0;
+  margin:        0 0 4px 0;
+  font-weight:   bold;
+  font-size:     13px;
+  color:         #444;
+  /*
+  text-transform: uppercase;
+  font-size:     11px;
+  */
+}
+/*
+#sidebar form .field label {
+  color: #666;
+}*/
+form .field .description {
+  color:         #888;
+  margin:        0 0 6px 0;
+}
+form .field_with_errors {
+  background:    #fff0f3;
+  border-top:    1px solid #ffd0d3;
+  border-bottom: 1px solid #ffd0d3;
+  margin:        0 -32px -1px -32px;
+  padding:       12px 32px 16px 32px;
+}
+form .field_with_errors label {
+  color:         #c00007;
+}
+
+.fieldWithErrors {
+  display:       table;
+  padding:       1px;
+  padding-right: 22px;
+  background:    transparent url('<%= asset_path "pages/admin/warning-icon.gif" %>') right 5px no-repeat;
+}
+.fieldWithErrors input, .fieldWithErrors textarea {
+}
+
+
+#main {
+
+  input[type=text], input[type=password], textarea {
+    border:        1px solid #d4d4d4;
+    background:    #fff url('<%= asset_path "pages/admin/formelement-bg.gif" %>') repeat-x;
+    padding:       8px 10px;
+    line-height:   1.4;
+    font-family:   Helvetica, Arial, sans-serif;
+    font-size:     13px;
+  }
+
+  input[type=text], input[type=password] {
+    width: 100%;
+    max-width: 450px;
+    min-width: 200px;
+  }
+}
+
+input[type=text], input[type=password] {
+  &.large, #main .login-form & {
+    font-size: 1.4em;
+  }
+}

data/app/assets/stylesheets/pages/admin/header.css.erb

@@ -0,0 +1,129 @@
+#header {
+  display:         block;
+  background:      #000;
+  height:          82px;
+  clear:           both;
+  color:           #ddd;
+  font-size:       11px;
+  text-shadow:     0 0 0 #000;
+  -moz-opacity:    0.9999;
+  border-bottom: 1px solid #555;
+}
+
+#header a, #header a:visited {
+  background:      none;
+  border:          0;
+  padding:         0;
+  margin:          0;
+  color:           #fff;
+}
+
+#header #logo {
+  position:        absolute;
+  z-index:         2;
+  top:             11px;
+  left:            16px;
+  width:           21px;
+  height:          27px;
+}
+#header #site-name {
+  color:           #fff;
+  position:        absolute;
+  top:             15px;
+  left:            52px;
+}
+#header #site-name h1 {
+  margin:          0;
+  padding:         0;
+  font-family:     Arial, Helvetica, sans-serif;
+  display:         inline;
+  font-size:       20px;
+  font-weight:     normal;
+}
+#site-name h1 a {
+  font-weight:bold;
+  text-decoration:none;
+  padding-right: 6px;
+}
+#header .user {
+  font-size:       12px;
+  position:        absolute;
+  top:             20px;
+  right:           16px;
+}
+#header .user .separator {
+  color:           #777;
+  margin:          0 4px;
+}
+
+#header .tabs {
+  position:        absolute;
+  top:             54px;
+  height:          29px;
+  left:            16px;
+  right:           8px;
+}
+
+#header .tabs ul {
+  padding:         0;
+  margin:          0 8px 0 0;
+  list-style-type: none;
+  display:         block;
+  float:           left;
+}
+#header .tabs ul.account {
+  float:           right;
+}
+
+#header .tabs li {
+  display:         inline;
+  margin:          0;
+  padding:         0;
+  font-weight:     normal;
+  font-size:       12px;
+}
+#header .tabs a, #header .tabs a:visited {
+  background:      #484848;
+  border-left:     1px solid #383838;
+  border-right:    1px solid #383838;
+  color:           #fff;
+  text-shadow:     #404040 1px 1px 1px;
+  display:         block;
+  float:           left;
+  padding:         0 15px;
+  padding-top:     8px;
+  height:          21px;
+  margin:          0 2px 0 0;
+  text-decoration: none;
+}
+
+#header .tabs a:hover, #header .tabs a.current, #header .tabs a.current:visited {
+  background:      #fefefe url('<%= asset_path "pages/admin/header-tab-current-bg.gif" %>');
+  border-left:     1px solid #fefefe;
+  border-right:    1px solid #fefefe;
+  color:           #000;
+  text-shadow: #fff 1px 1px 1px;
+}
+
+#content-tabs {
+  list-style-type: none;
+  margin: 24px 0px -11px -18px;
+  padding: 0;
+}
+#content-tabs li {
+  color:hsla(0,0%,0%,0.25);
+  display: inline;
+  background: transparent;
+  padding: 6px 17px;
+  font-weight: bold;
+}
+#content-tabs li.current {
+  background: #fff;
+  padding: 5px 16px;
+  border: 1px solid #cae6f1;
+  border-bottom: 1px solid #fff;
+}
+#content-tabs li.current a, #content-tabs li.current a:visited {
+  text-decoration: none;
+  color: #444;
+}

data/app/assets/stylesheets/pages/admin/images.css.scss.erb

@@ -0,0 +1,160 @@
+#main  .page_images {
+  * {
+    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
+  }
+
+  .images {
+    margin-left: 200px;
+  }
+
+  .image {
+    float:left;
+    cursor:pointer;
+    line-height:1px;
+    margin-left:10px;
+    margin-bottom:10px;
+
+    background-image: linear-gradient(right bottom, rgb(245,245,245) 23%, rgb(240,240,240) 58%);
+    background-image: -o-linear-gradient(right bottom, rgb(245,245,245) 23%, rgb(240,240,240) 58%);
+    background-image: -moz-linear-gradient(right bottom, rgb(245,245,245) 23%, rgb(240,240,240) 58%);
+    background-image: -webkit-linear-gradient(right bottom, rgb(245,245,245) 23%, rgb(240,240,240) 58%);
+    background-image: -ms-linear-gradient(right bottom, rgb(245,245,245) 23%, rgb(240,240,240) 58%);
+    background-image: -webkit-gradient(
+      linear,
+      right bottom,
+      left top,
+      color-stop(0.23, rgb(245,245,245)),
+      color-stop(0.58, rgb(240,240,240))
+    );
+    background-color: #eee;
+
+    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
+
+    &:hover, &.selected {
+      /*-webkit-transition:all .2s ease-in;*/
+      outline:solid 3px hsl(198,67%,35%);
+      outline-offset: -1px;
+    }
+
+    img {
+      width: 120px;
+      height: 120px;
+    }
+
+    &.primary {
+      margin-left: 0px;
+      img {
+        width: 190px;
+        height: 190px;
+      }
+    }
+  }
+
+  .editor {
+    line-height: 1px;
+    margin-bottom: 40px;
+    background-image: url('<%= asset_path "pages/admin/image-editor-bg.png" %>');
+    box-shadow: 0px 2px 15px hsla(0,0%,0%,0.35);
+
+    h4 {
+      margin:0;
+      margin-right:10px;
+    }
+
+    h4, .controls {
+      line-height: 20px;
+    }
+
+    .controls {
+      padding: 10px 10px 15px 10px;
+      background-color: hsl(0,0%,0%);
+      color: #fff;
+      line-height: 1.6;
+
+      fieldset {
+        border: 0px;
+        margin: 0px;
+        padding: 0px;
+        position: relative;
+        label, input {
+          display: block;
+          float: left;
+        }
+        label {
+          width: 100px;
+          line-height: 40px;
+        }
+        input {
+          position: absolute;
+          width: auto;
+          left: 100px;
+          right: 0px;
+        }
+      }
+
+      .caption-fieldset {
+        margin-bottom: 15px;
+      }
+
+      .embed {
+        float: right;
+        margin-top: -10px;
+        background: #111;
+        color: #888;
+        border-color: #333;
+        width: 150px;
+        min-width: 0px;
+      }
+
+      .nav {
+        float: right;
+        a {
+          margin-left:5px;
+          color:hsl(198,37%,65%);
+        }
+      }
+    }
+
+    .edit-image-container {
+      position: relative;
+      .previous, .next {
+        //text-indent: -9000px;
+        //background: yellow;
+        position: absolute;
+        height: 100%;
+        width: 40px;
+        opacity: 0.4;
+        &:hover {
+          opacity: 0.8;
+        }
+        &:after {
+          content: "";
+          position: absolute;
+          top: 50%;
+          //left: 10px;
+          margin-top: -10px;
+          width: 0;
+          height: 0;
+          border-top: 20px solid transparent;
+          border-bottom: 20px solid transparent;
+        }
+      }
+      .next {
+        right: -20px;
+      }
+      .next:after {
+        border-left: 20px solid #888;
+        left: 20px;
+      }
+      .previous {
+        left: -20px;
+      }
+      .previous:after {
+        border-right: 20px solid #888;
+      }
+      .edit-image {
+        padding: 25px;
+      }
+    }
+  }
+}