porthos 3.0.0.beta

data/app/assets/stylesheets/forms.css.scss

@@ -0,0 +1,118 @@
+legend {
+  margin:0 0 1em -1em;
+  padding:0 1em 0 1em;
+  font-weight:bold;
+  font-size:18px;
+  line-height:1.4em;
+  color:#000; }
+label {
+  display:block;
+  margin:1.5em 0 .3em 0;
+  font-size:14px;
+  color:#000;
+  font-weight:bold; }
+  label.notasimportant {font-weight:normal;}
+  input[type="hidden"] + label,
+  legend + label,
+  label.first_label  {margin-top:.5em;}
+fieldset {margin:.5em 0 1em 0;}
+fieldset.compact {
+  padding-top:1.5em;
+  padding-left:115px;
+  border-top:1px solid #ddd;
+  border-bottom:1px solid #ddd; }
+  fieldset.compact label {
+    float:left;
+    margin:0;
+    padding-top:.5em;
+    margin-left:-115px;
+    font-weight:normal;
+    font-size:12px;
+    width:100px;
+    text-align:right; }
+  fieldset.compact .fullwidth {
+    width:300px;
+    margin-bottom:1em;}
+  fieldset.compact .submit {
+    padding-left:115px; }
+
+form .uri_field {margin-top:.8em;}
+  form .uri_field label {
+    display:inline;
+    font-weight:normal;
+    color:#999; }
+  form .uri_field input {
+      margin-left:0;
+      padding:.1em;
+      font-size:.8571em; }
+
+form.button_to {
+  display:inline;
+  div { display:inline; }
+}
+
+.multiple_choice {
+  list-style:none;
+  margin:1.5em 0 1.5em 0;}
+  .multiple_choice li {margin:0;}
+  .multiple_choice li label {
+    font-weight:normal;
+    margin-top:.5em; }
+
+input.title {font-size:18px;font-weight:bold;}
+
+input[type="text"], input[type="password"], textarea, select { margin:0; }
+input[type="text"], input[type="password"], textarea { padding:4px; }
+
+select.choose_me {min-width:400px}
+
+.errorExplanation {
+  color:#d00; }
+  .errorExplanation ul {margin:0 0 1em 0;}
+
+.fieldWithErrors input,
+.fieldWithErrors textarea {
+  background:#fff2f2;
+  border:2px solid red;}
+
+p.fieldset_help {margin-top:0;}
+
+.form_help {
+  margin:.5em 0 .5em 0;
+  font-size:12px;
+  line-height:14px;
+  color:#666; }
+  label .form_help {
+    margin-left:.5em;
+    font-weight:normal; }
+
+.fullwidth {padding-right:10px;}
+  .fullwidth input {width:100%;}
+  .fullwidth textarea {width:100%;}
+
+div.contains_input {
+	margin: .8em 0 .3em 0; }
+	div.contains_input label,
+	div.contains_input input,
+	div.contains_input select { display:inline; }
+
+.submit {
+  margin-top:1.5em; }
+  .submit input {
+    cursor:pointer;
+    font-size:16px;
+    font-weight:bold; }
+
+form div.uri {
+  margin-top:.5em;
+  margin-bottom:1em;
+  font-weight:normal;
+  font-size:12px;
+  color:#777; }
+  form div.uri input {
+    margin:0 .2em;
+    padding:1px;
+    font-size:12px; }
+
+textarea.file {
+  font:normal 12px/16px monaco; }

data/app/assets/stylesheets/jquery.jcrop.css

@@ -0,0 +1,28 @@
+/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
+.jcrop-holder { text-align: left; }
+
+.jcrop-vline, .jcrop-hline {
+  font-size: 0px;
+  position: absolute;
+  background: white; }
+.jcrop-vline { height: 100%; width: 1px !important; }
+.jcrop-hline { width: 100%; height: 1px !important; }
+.jcrop-vline.right { right: 0px; }
+.jcrop-hline.bottom { bottom: 0px; }
+.jcrop-handle {
+  font-size: 1px;
+  width: 7px !important;
+  height: 7px !important;
+  border: 1px #eee solid;
+  background-color: #333;
+}
+
+.jcrop-tracker { width: 100%; height: 100%; }
+
+.custom .jcrop-vline,
+.custom .jcrop-hline { background: yellow; }
+.custom .jcrop-handle {
+  border-color: black;
+  background-color: #C7BB00;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px; }

data/app/assets/stylesheets/layout.css.erb

@@ -0,0 +1,269 @@
+#nav {
+  position:relative;
+  padding:10px 50px 0 60px;
+  background:#000;
+  overflow:hidden;}
+
+  #nav ul {
+    list-style:none;
+    margin:0; }
+    #nav ul li {
+      margin:0;
+      padding:0;
+      display:inline; }
+      #nav a {
+        padding:7px 10px 7px 10px;
+        font-size:.8571em;
+        color:rgb(255,242,0);
+        text-decoration:none; }
+
+  #main_nav,
+  #recent_nav {
+    float:left;
+    margin-right:10px; }
+  #recent_nav {
+    position:absolute;
+    top:42px;
+    left:450px;}
+  #main_nav a {
+    float:left;
+    margin-right:15px;
+    margin-bottom:-3px;
+    padding-bottom:10px;
+    padding-top:42px; }
+    #main_nav .pages_index a  { background:transparent url(<%= asset_path("ui_new.png") %>) 50% -200px no-repeat; }
+    #main_nav .nodes_index a  { background:transparent url(<%= asset_path("ui_new.png") %>) 50% -280px no-repeat; }
+    #main_nav .assets_index a { background:transparent url(<%= asset_path("ui_new.png") %>) 50% -130px no-repeat; }
+    #main_nav .users_index a  { background:transparent url(<%= asset_path("ui_new.png") %>) 50% -358px no-repeat; }
+    #main_nav a:hover,
+    #account_nav a:hover,
+    #site-structure_view .nodes_index a,
+    #users_view .users_index a,
+    #assets_view .assets_index a,
+    #pages_view .pages_index a,
+    #link_lists_view .link_lists_index a {
+      color:#fff;
+      background-color:#222;}
+  #account_nav {float:right;}
+    #account_nav a {padding:7px 12px 7px 12px;}
+
+#users_view #nav ul li.user a {
+  text-decoration:none;
+  font-weight:bold;
+  background:#222;
+  color:#fff; }
+
+#wrap {}
+
+body.layout2 {
+  background:rgb(214,221,229) url(<%= asset_path("layout2_bg_shadow.png") %>) 0 0 repeat-y; }
+
+body.layout2 #wrap {
+  padding-left:180px; }
+
+body.layout2 #sub_nav {
+  float:left;
+  width:180px;
+  margin-left:-180px; }
+
+body.layout2 #workspace {
+  float:left;
+  width:100%; }
+
+body.layout3 {
+  background:rgb(214,221,229) url(<%= asset_path("layout3_bg_shadow.png") %>) 100% 0 repeat-y; }
+
+body.layout3 #wrap {
+  padding-right:300px; }
+
+body.layout3 #sub_nav {
+  float:right;
+  width:300px;
+  margin-right:-300px; }
+
+body.layout3 #workspace {
+  float:left;
+  width:100%; }
+
+#sub_nav {
+  border-top:10px solid #000;
+  padding-top:1em; }
+  #sub_nav form,
+  #sub_nav ul.filter,
+  #sub_nav ul.tags,
+  #sub_nav ul.nav li a,
+  #sub_nav .label {
+    padding:.5em 60px .45em 20px; }
+  #sub_nav .back {
+    display:block;
+    padding:.3em 20px .3em 60px;}
+  #sub_nav p {
+    margin:0;
+    font-size:12px;
+    padding:0 20px .5em 20px;
+    color:#8598a4;}
+  #sub_nav ul.sortable li {
+    position:relative;
+    margin:0; }
+    #sub_nav ul.sortable li:hover .drag_handle {
+      position:absolute;
+      display:block;
+      top:1px;
+      left:16px;
+      cursor:move;
+      height:25px;
+      width:20px;
+      background:transparent url(<%= asset_path("ui_new.png") %>) 0 -790px no-repeat; }
+  #sub_nav .label {
+    margin:1em 0 1em 0;
+    font-size:12px;
+    text-transform:uppercase;
+    border-bottom:1px dashed #ccc;
+    color:#8598a4; }
+
+  #sub_nav .section {
+    border-top: 1px dashed #CCC; }
+  #sub_nav .section.current {border-top:none;}
+  #sub_nav #publish_now {padding:10px 20px;}
+
+#workspace {
+  margin:0 0 0 0;
+  background:#fff; }
+  #workspace .header {
+    padding:20px 60px 20px 60px;
+    border-bottom:1px solid #e1e1e1;
+    background:rgba(55,128,199,.05); }
+    #workspace .header h1 {display:inline;}
+      #workspace .header h1 img.cover {
+        margin:-10px 8px -14px 0;}
+      #workspace .header h1 .pre {
+        font-size:12px;
+        font-weight:normal;
+        color:#666;
+        text-transform:uppercase; }
+    #workspace .header a.action {
+      margin-left:1.5em;
+      padding:5px 0 5px 18px;
+      font-size:.8571em;
+      text-decoration:none;
+      color:#666; }
+      #workspace .header a.action:hover {color:#005e96;}
+    #workspace .header .private {
+      color:#c41134; }
+    #workspace .header .edit_settings {
+      background:transparent url(<%= asset_path("ui_new.png") %>) 0 -680px no-repeat; }
+    #workspace .header .public_link {
+      background:transparent url(<%= asset_path("ui_new.png") %>) 0 -630px no-repeat; }
+    #workspace .header .away { float:right; }
+    /* Page header */
+    #workspace .header {}
+      #workspace .header .parents {margin-bottom:.2em;}
+      #workspace .header .parents a {
+        margin:0;
+        padding:0;
+        font-size:1em; }
+      #workspace .header .page_title {
+        margin:.5em 0 .6em 0;}
+      #workspace .header .uri,
+      #workspace .header .navigation {
+        font-size:.8571em; }
+        #workspace .header .uri .key,
+        #workspace .header .navigation .key {
+          margin-right:.5em;
+          color:#aaa; }
+        #workspace .header .navigation .value {font-weight:bold;color:#000;}
+        #workspace .header .status {
+          margin-left:.5em;
+          line-height:1;
+          padding:2px 4px 1px 4px;
+          background:green;
+          color:#fff;
+          text-transform:uppercase;
+          font-size:9px;
+          -webkit-border-radius: 3px;
+          -moz-border-radius: 3px;
+          border-radius: 3px; }
+          #workspace .header .inactive {background:#d00;}
+          #workspace .header .hidden {background:#aaa;}
+      #workspace .header form {
+        width:70%; }
+        #workspace .header label:first-child {
+          margin-top:0; }
+        #workspace .header form .multiple_choice {margin:1em 0;}
+  #workspace .tools,
+  #workspace .adding {
+    padding:10px 60px;
+    font-size:.8571em;
+    background:#f8f9f9;
+    border-bottom:1px solid #e1e1e1; }
+    #workspace .tools a {
+      padding:7px;
+      text-decoration:none; }
+    #workspace .tools .add {
+      float:left;
+      padding-right:3.5em;
+      margin:0; }
+      #workspace .tools .add .from_library {
+        float:left;
+        margin:7px 0 0 .5em; }
+    #workspace .tools .actions {
+      float:left;
+      padding:7px 4em 7px 4em;
+      border-left:1px dashed #bbb;
+      color:#aaa; }
+      #workspace .tools .actions a {
+        margin-left:15px;
+        padding-left:27px; }
+      #workspace .tools .actions a.inactive {
+        cursor:default;
+        color:#ccc; }
+      #workspace .tools .actions #edit_selected {background:transparent url(<%= asset_path("ui_new.png") %>) -900px -400px no-repeat;}
+      #workspace .tools .actions #remove_selected {background:transparent url(<%= asset_path("ui_new.png") %>) -900px -520px no-repeat;}
+      #workspace .tools .actions #make_selected_cover {background:transparent url(<%= asset_path("ui_new.png") %>) -900px -460px no-repeat;}
+      #workspace .tools .actions #edit_selected:active,
+      #workspace .tools .actions #edit_selected.inactive {background:transparent url(<%= asset_path("ui_new.png") %>) 0 -400px no-repeat;}
+      #workspace .tools .actions #remove_selected:active,
+      #workspace .tools .actions #remove_selected.inactive {background:transparent url(<%= asset_path("ui_new.png") %>) 0 -520px no-repeat;}
+      #workspace .tools .actions #make_selected_cover:active,
+      #workspace .tools .actions #make_selected_cover.inactive {background:transparent url(<%= asset_path("ui_new.png") %>) 0 -460px no-repeat;}
+      #workspace .tools .actions #add_selected_to_set {background:transparent url(<%= asset_path("ui_new.png") %>) -900px -1000px no-repeat;}
+      #workspace .tools .actions #add_selected_to_set:active,
+      #workspace .tools .actions #add_selected_to_set.inactive {background:transparent url(<%= asset_path("ui_new.png") %>) 0 -1000px no-repeat;}
+
+      #workspace .tools #create_placements,
+      #workspace .tools #create_placements div {display:inline;}
+
+    #workspace .tools .sort {
+      float:right;
+      padding-top:7px; }
+      #workspace .tools .sort label {
+        margin:0 .3em 0 0;
+        display:inline;
+        font-size:12px;
+        font-weight:normal;
+        color:#666; }
+      #workspace .tools .sort select {margin:0;}
+  #workspace .adding select {margin:0;}
+  #workspace .adding label {
+    font-size:1em;
+    display:inline;
+    margin:0;
+    line-height:1;}
+  #workspace #content {
+    background:#fff;
+    padding:20px 60px;}
+    #workspace #c_1 {
+      float:left;
+      width:100%;
+      margin-bottom:30px;}
+      #workspace #c_1 > .inner {
+        padding-right:60px;
+        border-right:1px dashed #ccc;
+        margin-right:330px; }
+    #workspace #c_2 {
+      width:330px;
+      float:left;
+      margin:0 0 0 -330px; }
+      #workspace #c_2 > .inner {padding-left:60px;}
+
+.smart_autocomplete_container { background: #fff; }

data/app/assets/stylesheets/views/assets.css.erb

@@ -0,0 +1,112 @@
+#uploader {margin-bottom:50px;}
+  #init_file_dialogue h2 {margin-bottom:0;}
+  #init_file_dialogue p {margin-top:0;}
+  #uploader h2 {font-size:24px;}
+  #uploader ul {
+    list-style:none;
+    margin:0;
+    border:1px solid #ccc;
+    height: 200px;
+    width:500px;
+    overflow-y:auto;}
+  #uploader li,
+  #uploader .totals {
+    margin:0;
+    padding:7px 5px 5px 5px;
+    border-bottom: 1px solid #ddd; }
+    #uploader li .name,
+    #uploader li .size,
+    #uploader li .progress,
+    #uploader .totals .add_more,
+    #uploader .totals .size {float:left;}
+    #uploader li .name,
+    #uploader .totals .add_more {
+      width:335px;
+      color:#555;}
+    #uploader .size {
+      width:70px;
+      font-style:italic;
+      text-align:right;}
+    #uploader li .progress {
+      width:70px;
+      text-align:right; }
+    #uploader .progress {
+      color:#a8b561;
+      font-weight:bold; }
+  #uploader .totals {
+    margin-bottom:2em;
+    width:490px;
+    border:1px solid #ccc;
+    border-top:none; }
+    #uploader .totals .size,
+    #uploader .totals .progress {
+      font-weight:bold;
+      color:#000; }
+    #uploader .totals .progress {
+      float:left;
+      width:70px;
+      text-align:right; }
+  #uploader #upload_complete {
+    padding:7px 0 7px 35px;
+    background:transparent url(<%= asset_path("ui.png") %>) -19px -366px no-repeat; }
+.swfupload { position:absolute; }
+
+#assets_view .items {
+  width:100%;
+  overflow:hidden; }
+#assets_view .items li {
+  display:inline-block;
+  vertical-align:top;
+  min-height:100px;
+  width:47%;
+  margin-right:20px;
+  padding-left:0; }
+  #assets_view .items div.inner { padding-left:115px; }
+
+#assets_view.edit .meta { margin-bottom: 1em; }
+#assets_view.edit_cropping img { margin-bottom: 1em; }
+
+#assets_view.incomplete .describe_asset {
+  border-top:1px solid #ccc;
+  padding:0 0 20px 290px;
+  clear:left; }
+  #assets_view.incomplete .describe_asset .preview {
+    float:left;
+    margin:20px 0 0 -290px; }
+
+#asset_usages {}
+  #asset_usages div {
+    position:relative;
+    border-top:1px solid #ccc;
+    padding:10px 0 10px 30px; }
+  #asset_usages img {
+    margin-right:10px;
+    float:left;}
+  #asset_usages .edit {
+    position:absolute;
+    font-size:12px;
+    top:0;
+    right:0;
+    background:rgba(255,255,255,.8);
+    display:block; }
+    #asset_usages .edit a {
+      display:inline-block;
+      padding:10px 5px;
+      vertical-align:middle; }
+  #asset_usages .drag_handle {
+    position:absolute;
+    display:block;
+    top:10px;
+    left:0;
+    cursor:move;
+    height:25px;
+    width:20px;
+    background:transparent url(<%= asset_path("ui_new.png") %>) 0 -790px no-repeat; }
+
+#crop {}
+  #crop .jcrop-holder {float:left;}
+  #crop #cropped_image {
+    float:left; }
+  #crop #preview_container {
+    float:left;
+    margin:0 0 0 40px; }