cartoset 0.0.1

data/app/assets/stylesheets/admin/pages/htmlArea.css.scss

@@ -0,0 +1,13 @@
+  
+  body {font:normal 13px Arial; color:#666666;}
+  h1 {font:normal 18px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0;}
+  h2 {font:normal 16px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0;}
+  h3 {font:normal 13px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0; text-transform:uppercase;}
+  h4 {font:normal 12px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0;}
+  h5 {font:normal 12px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0;}
+  h6 {font:normal 10px "PT Sans Bold",Arial; color:#666666; margin:10px 0 0 0;}
+  p {font:normal 13px Arial; color:#666666; margin:10px 0 0 0;}
+  p a {color:#D05F4C; text-decoration:none;}
+  p a:hover {text-decoration:underline; cursor:pointer;}
+  ul {width:100%; margin:10px 0 0 0; padding:0 0 6px; list-style:inside disc;}
+  ul li {padding:3px 0 3px 13px; font:normal 13px Arial; color:#666666;}

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

@@ -0,0 +1,25 @@
+@import 'main.vars';
+
+body{
+  font-family: Helvetica;
+  font-size: 16px;
+  margin: 20px 0;
+}
+
+body > div.header,
+body > div#main_content{
+  width: $app_width;
+  margin: 0 auto;
+}
+
+body > div.header{
+  text-align: right;
+}
+
+h1{
+  font-size: 4em;
+}
+
+span.label{
+  font-weight: bold;
+}

data/app/assets/stylesheets/features/index.css.scss

@@ -0,0 +1,6 @@
+#features_map{
+  width: 800px;
+  height: 300px;
+  margin: 20px auto;
+  border: 1px solid black;
+}

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

@@ -0,0 +1,120 @@
+@import 'mixins.css3.scss';
+
+.jspContainer
+{
+  overflow: hidden;
+  position: relative;
+  padding-bottom: 10px;
+}
+
+.jspPane
+{
+  position: absolute;
+}
+
+.jspVerticalBar
+{
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 10px 10px 10px 0;
+  width: 10px;
+  height: 100%;
+  background: transparent;
+}
+
+.jspHorizontalBar
+{
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  margin: 0 10px 10px 10px;
+  height: 10px;
+  width: 100%;
+  background: transparent;
+}
+
+.jspVerticalBar *,
+.jspHorizontalBar *
+{
+  margin: 0;
+  padding: 0;
+}
+
+.jspCap
+{
+  display: none;
+}
+
+.jspHorizontalBar .jspCap
+{
+  float: left;
+}
+
+.jspTrack
+{
+  background: transparent;
+  position: relative;
+}
+
+.jspDrag
+{
+  background: #acacac;
+  position: relative;
+  top: 0;
+  left: 0;
+  cursor: pointer;
+  @include border-radius(5px);
+
+}
+
+.jspHorizontalBar .jspTrack,
+.jspHorizontalBar .jspDrag
+{
+  float: left;
+  height: 100%;
+}
+
+.jspArrow
+{
+  background: #50506d;
+  text-indent: -20000px;
+  display: block;
+  cursor: pointer;
+}
+
+.jspArrow.jspDisabled
+{
+  cursor: default;
+  background: #80808d;
+}
+
+.jspVerticalBar .jspArrow
+{
+  height: 16px;
+}
+
+.jspHorizontalBar .jspArrow
+{
+  width: 16px;
+  float: left;
+  height: 100%;
+}
+
+.jspVerticalBar .jspArrow:focus
+{
+  outline: none;
+}
+
+.jspCorner
+{
+  background: #eeeef4;
+  float: left;
+  height: 100%;
+}
+
+/* Yuk! CSS Hack for IE6 3 pixel bug :( */
+* html .jspCorner
+{
+  margin: 0 -3px 0 0;
+}

data/app/assets/stylesheets/reset.css

@@ -0,0 +1,44 @@
+/*   HTML5 Boilerplate
+
+  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
+  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
+*/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+  margin:0;
+  padding:0;
+  border:0;
+  outline:0;
+  font-size:100%;
+  vertical-align:baseline;
+  background:transparent;
+}
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+    display:block;
+}
+nav ul { list-style:none; }
+blockquote, q { quotes:none; }
+blockquote:before, blockquote:after,
+q:before, q:after { content:''; content:none; }
+a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
+ins { background-color:#ff9; color:#000; text-decoration:none; }
+mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
+del { text-decoration: line-through; }
+abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
+table { border-collapse:collapse; border-spacing:0; }
+hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
+input, select { vertical-align:middle; }
+
+/* End of Reset CSS

data/app/assets/stylesheets/sessions/_sessions.colors.scss

@@ -0,0 +1,9 @@
+$background: #4780A5;
+
+$main_action_background_gradient_top:    #2D3755;
+$main_action_background_gradient_bottom: #1D2337;
+$main_action_font:                       #FFFFFF;
+$main_action_font_shadow:                #000000;
+$main_action_border:                     #000033;
+
+$help_message:  #B6CDDC;

data/app/assets/stylesheets/sessions/new.css.scss

@@ -0,0 +1,94 @@
+@import 'main.fonts.scss';
+@import 'main.mixins.scss';
+@import 'mixins.css3.scss';
+@import 'sessions/sessions.colors.scss';
+
+body{
+  background-color: $background;
+  font-family: Arial;
+  font-size: 16px;
+  margin: 0;
+}
+
+div.small_content_box {
+  width: 584px;
+  margin: 0 auto;
+  padding: 30px;
+  background: #FFFFFF;
+  @include border-radius(3px);
+  @include shadow(0px 3px 3px #407292);
+
+  h1 {
+      margin: 0 0 15px 0;
+      font-family: "MuseoSans500","Arial";
+      font-size: 25px;
+      font-weight: normal;
+      color: #333333;
+  }
+
+  p {
+      font-family: "MuseoSans500","Arial";
+      font-size: 15px;
+      font-weight: normal;
+      color: #666666;
+  }
+}
+
+div.help {
+      margin: 15px 0 0 0;
+      font-family: "MuseoSans500","Arial";
+      font-size: 13px;
+      font-weight: normal;
+      color: #B6CDDC;
+      text-align: center;
+
+      a {
+        color: $help_message;
+      }
+}
+
+
+.main_action{
+  @include inline-block;
+  vertical-align: middle;
+  margin: 0;
+  padding: 7px 15px;
+  border: 1px solid $main_action_border;
+  font-family: "MuseoSans500","Arial";
+  font-size: 19px;
+  font-weight: normal;
+  color: $main_action_font;
+  text-shadow: 0 1px 0 $main_action_font_shadow;
+  text-decoration: none;
+  @include border-radius(4px);
+  @include gradient($main_action_background_gradient_top, $main_action_background_gradient_bottom);
+
+  &:hover{
+    @include gradient($main_action_background_gradient_bottom, $main_action_background_gradient_top);
+  }
+  &:active{
+    @include gradient($main_action_background_gradient_bottom, $main_action_background_gradient_top);
+    @include inner-shadow(0 3px 3px rgba(102, 102, 102, 0.7));
+  }
+
+}
+
+div.small_content_box {
+  margin-top: 200px;
+  height: 200px;
+  background: #FFFFFF url(image-path("globe_with_clouds.png")) no-repeat top right ;
+}
+
+div.small_content_box {
+  h1.lowered {
+    margin: 30px 0 15px;
+  }
+}
+
+p.success_message {
+  width: 300px;
+  }
+
+a.main_action {
+  margin: 20px 0 0 0;
+}

data/app/assets/stylesheets/setup/_setup.colors.scss

@@ -0,0 +1,32 @@
+$background: #4780A5;
+
+$main_action_background_gradient_top:    #95C700;
+$main_action_background_gradient_bottom: #88B600;
+$main_action_font:                       #FFFFFF;
+$main_action_font_shadow:                #537000;
+$main_action_border:                     #6E9400;
+$main_action_background_disabled_bottom: #D2D2D2;
+$main_action_background_disabled_top:    #CACACA;
+$main_action_border_disabled:            #C4C4C4;
+$main_action_font_shadow_disabled:       #A0A0A0;
+
+$red_button_background_gradient_top:     #E93E3F;
+$red_button_background_gradient_bottom:  #CA393B;
+$red_button_border:                      #962A2D;
+$red_button_font_color:                  #FFFFFF;
+$red_button_font_shadow:                 #990000;
+
+$select_text:  #333333;
+$select_text_list:  #666666;
+$select_text_highlighted:  #333333;
+$select_top:  #F9F9F9;
+$select_bottom: #F1F1F1;
+$select_border: #CCCCCC;
+$select_shadow: #CCCCCC;
+
+$steps_selected:  #FFFFFF;
+$steps_unselected:  #B6CDDC;
+$help_message:  #B6CDDC;
+
+$data_table_header_top: #DBE7EE;
+$data_table_header_bottom: #D1DCE3;

data/app/assets/stylesheets/setup/index.css.scss

@@ -0,0 +1,138 @@
+@import 'main.fonts.scss';
+@import 'main.mixins.scss';
+@import 'mixins.css3.scss';
+@import 'setup/setup.colors.scss';
+@import 'setup/setup.vars.scss';
+
+body{
+  background-color: $background;
+  font-family: Arial;
+  font-size: 16px;
+  margin: 0;
+}
+
+ol.step_indicator {
+
+  margin: 150px auto 30px auto;
+  bottom: 100px;
+  width: 588px;
+
+  li {
+    @include inline-block;
+    width: 161px;
+    margin: 0 30px 0 0;
+    font-family: "MuseoSans500","Arial";
+    font-size: 15px;
+    font-weight: normal;
+    color: $steps_unselected;
+
+    &.selected {
+      color: $steps_selected;
+    }
+
+    span.step_number {
+      @include inline-block;
+      float: left;
+      display: block;
+      width: 15px;
+      height: 15px;
+      padding: 2px;
+      margin: 0 6px 0 0;
+      border: 1px solid $steps_unselected;
+      @include border-radius(10px);
+      line-height: 15px;
+      text-align: center;
+
+      &.selected {
+      border: 1px solid $steps_selected;
+        }
+    }
+
+    span.step_description {
+      float: left;
+      @include inline-block;
+      margin: 3px 0 0 0;
+    }
+  }
+}
+
+
+div.small_content_box {
+  width: 584px;
+  margin: 0 auto;
+  padding: 30px;
+  background: #FFFFFF;
+  @include border-radius(3px);
+  @include shadow(0px 3px 3px #407292);
+
+  h1 {
+      margin: 0 0 15px 0;
+      font-family: "MuseoSans500","Arial";
+      font-size: 25px;
+      font-weight: normal;
+      color: #333333;
+  }
+
+  p {
+      font-family: "MuseoSans500","Arial";
+      font-size: 15px;
+      font-weight: normal;
+      color: #666666;
+  }
+}
+
+div.help {
+      margin: 15px 0 0 0;
+      font-family: "MuseoSans500","Arial";
+      font-size: 13px;
+      font-weight: normal;
+      color: #B6CDDC;
+      text-align: center;
+
+      a {
+        color: $help_message;
+      }
+}
+
+
+.main_action{
+  @include inline-block;
+  vertical-align: middle;
+  margin: 0;
+  padding: 7px 15px;
+  border: 1px solid $main_action_border;
+  font-family: "MuseoSans500","Arial";
+  font-size: 19px;
+  font-weight: normal;
+  color: $main_action_font;
+  text-shadow: 0 1px 0 $main_action_font_shadow;
+  text-decoration: none;
+  @include border-radius(4px);
+  @include gradient($main_action_background_gradient_top, $main_action_background_gradient_bottom);
+
+  &:hover{
+    @include gradient($main_action_background_gradient_bottom, $main_action_background_gradient_top);
+  }
+  &:active{
+    @include gradient($main_action_background_gradient_bottom, $main_action_background_gradient_top);
+    @include inner-shadow(0 3px 3px rgba(102, 102, 102, 0.7));
+  }
+
+  &.disabled, &:disabled {
+    @include gradient($main_action_background_disabled_bottom, $main_action_background_disabled_top);
+    border: 1px solid $main_action_border_disabled;
+    text-shadow: 0 1px 0 $main_action_font-shadow_disabled;
+  }
+}
+
+input[type="text"] {
+  @include border-radius(5px);
+  background: url(image-path("bg_input.png")) repeat-x 0 0 white;
+  height: 34px;
+  border: 1px solid #CCCCCC;
+  font: normal 15px Arial;
+  color: #999;
+  padding: 0 15px;
+  margin: 0 0 25px 0;
+}
+