rbbt-rest 1.1.5 → 1.2.0

data/share/views/compass/skeleton/layout.sass

@@ -0,0 +1,51 @@
+/**
+ * SASS/SCSS/Compass Transcription of Skeleton Responsive Grid
+ * originally authored by Dave Gamache. This translation offers
+ * mixins that support fluid and as well as fixed grids to supplement
+ * the work that Dave Gamache has done.
+ * @author Dennis Thompson <http://www.atomicpages.net>
+ * @copyright Copyright (c) 2013 AtomicPages LLC
+ * @license MIT
+ * @version 1.5.1
+
+// IMPORTS
+@import vars
+
+// import _global_variables.scss
+@import mixins
+
+// import _mixins.scss
+
+/* SITE STYLES
+ * ------------------------------------------------
+/* Add site styles here such as a { color: #000; }
+
+/* PAGE STYLES
+ * ------------------------------------------------
+/* Add page styles here such as .page-home { background: rgba(0, 0, 0, 0.4); }
+
+/* MEDIA QUERIES
+ * ------------------------------------------------
+/* Otherwise known as custom responsive code! Write it here!
+@media only screen and (min-width: $baseWidthMQ) and (max-width: 1280px)
+    /* add code here
+
+/* Smaller than standard #{strip-units($baseWidthMQ)} (devices and browsers)
+@media only screen and (max-width: $baseWidthMQ - 1)
+    /* add code here
+
+/* Tablet Portrait size to standard #{strip-units($baseWidthMQ)} (devices and browsers)
+@media only screen and (min-width: $tabletWidth) and (max-width: $baseWidthMQ - 1)
+    /* add code here
+
+/* All Mobile Sizes (devices and browser)
+@media only screen and (max-width: $tabletWidth - 1)
+    /* add code here
+
+/* Mobile Landscape Size to Tablet Portrait (devices and browsers)
+@media only screen and (min-width: 480px) and (max-width: $tabletWidth - 1)
+    /* add code here
+
+/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
+@media only screen and (max-width: 479px)
+    /* add code here

data/share/views/compass/skeleton/skeleton.sass

@@ -0,0 +1,105 @@
+/**
+ * SASS/SCSS/Compass Transcription of Skeleton Responsive Grid
+ * originally authored by Dave Gamache. This translation offers
+ * mixins that support fluid and as well as fixed grids to supplement
+ * the work that Dave Gamache has done.
+ * @author Dennis Thompson <http://www.atomicpages.net>
+ * @copyright Copyright (c) 2013 AtomicPages LLC
+ * @license MIT
+ * @version 1.5.1
+
+// IMPORTS
+@import vars
+
+// import _vars
+@import mixins
+
+// import _mixins
+
+/* BASE GRID
+ * ------------------------------------------------
+.container
+	position: relative
+	width: $baseWidth
+	margin: 0 auto
+	padding: 0
+	.column,
+	.columns
+		float: left
+		display: inline
+		position: relative
+		&.alpha
+			margin-left: 0
+		&.omega
+			margin-right: 0
+
+.row
+	margin-bottom: 20px
+
+// @include grid($baseWidth, true); // fluid
+// @include grid($baseWidth, false, 20px, 12); // 12-column fixed grid
+// @include grid($baseWidth, false, 20px, 20); // 20-column fixed grid
++grid($baseWidth)
+
+/* TABLET (PORTRAIT)
+ * ------------------------------------------------
+@media only screen and (min-width: 768px) and (max-width: 959px)
+	.container
+		width: $tabletWidth
+		.column, .columns
+			&.alpha
+				margin:
+					left: 0
+					right: 10px
+			&.omega
+				margin:
+					right: 0
+					left: 10px
+	.alpha.omega
+		margin:
+			left: 0
+			right: 0
+	// @include grid($tabletWidth, true); // fluid
+	// @include grid($tabletWidth, false, 20px, 12); // 12-column fixed grid
+	// @include grid($tabletWidth, false, 20px, 20); // 20-column fixed grid
+	+grid($tabletWidth, false)
+	// fixed
+
+/*  MOBILE (PORTRAIT)
+ * ------------------------------------------------
+@media only screen and (max-width: 767px)
+	+mobileGrid($mobilePortraitWidth)
+
+/* MOBILE (LANDSCAPE)
+ * ------------------------------------------------
+@media only screen and (min-width: 480px) and (max-width: 767px)
+	+mobileGrid($mobileLandscapeWidth)
+
+/* CLEARING
+ * ------------------------------------------------
+.container:after
+	content: "\0020"
+	display: block
+	height: 0
+	clear: both
+	visibility: hidden
+
+.clearfix, .row
+	zoom: 1
+	&:before, &:after
+		content: "\0020"
+		display: block
+		overflow: hidden
+		visibility: hidden
+		width: 0
+		height: 0
+	&:after
+		clear: both
+
+.clear
+	clear: both
+	display: block
+	overflow: hidden
+	visibility: hidden
+	width: 0
+	height: 0

data/share/views/compass/solarized.sass

@@ -0,0 +1,56 @@
+$base03:    #002b36
+$base02:    #073642
+$base01:    #586e75
+$base00:    #657b83
+$base0:     #839496
+$base1:     #93a1a1
+$base2:     #eee8d5
+$base3:     #fdf6e3
+$yellow:    #b58900
+$orange:    #cb4b16
+$red:       #dc322f
+$magenta:   #d33682
+$violet:    #6c71c4
+$blue:      #268bd2
+$cyan:      #2aa198
+$green:     #859900
+
+=rebase($rebase03,$rebase02,$rebase01,$rebase00,$rebase0,$rebase1,$rebase2,$rebase3)
+  background-color: $rebase03 
+  color: $rebase0
+  * 
+    color: $rebase0 
+  h1,h2,h3,h4,h5,h6 
+    color: $rebase1
+    border-color: $rebase0
+
+  a, a:active, a:visited 
+    color: $rebase1
+
+=accentize($accent1, $accent2) 
+  a, a:active, a:visited, code.url 
+    color: $accent1
+  h1,h2,h3,h4,h5,h6 
+    color: $accent2
+
+
+//@mixin rebase($rebase03,$rebase02,$rebase01,$rebase00,$rebase0,$rebase1,$rebase2,$rebase3)
+//{
+//    background-color:$rebase03;
+//    color:$rebase0;
+//    * { color:$rebase0; }
+//    h1,h2,h3,h4,h5,h6 { color:$rebase1; border-color: $rebase0; }
+//    a, a:active, a:visited { color: $rebase1; }
+//}
+//@mixin accentize($accent) {
+//    a, a:active, a:visited, code.url { color: $accent; }
+//    h1,h2,h3,h4,h5,h6 {color:$accent}
+//}
+///* light is default mode, so pair with general html definition */
+//html, .light { @include rebase($base3,$base2,$base1,$base0,$base00,$base01,$base02,$base03)}
+//.dark  { @include rebase($base03,$base02,$base01,$base00,$base0,$base1,$base2,$base3)}
+//html * {
+//    color-profile: sRGB;
+//    rendering-intent: auto;
+//}
+//

data/share/views/compass/style.sass

@@ -1,116 +1,2 @@
-@import "colors"
-@import url(http://fonts.googleapis.com/css?family=Noticia+Text)
-@import url(http://fonts.googleapis.com/css?family=Open+Sans)
-
-body, p, h1, h2, h3, h4, h5, h6
-  font-family: "Open Sans", "Trebuchet MS", "Noticia Text", Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif
-  line-height: 1.4em
-
-body
-  font-size: 16px
-
-footer
-  @extend .panel
-  text-align: center
-  font-size: 1em
-  margin-top: 25px
-  padding-top: 25px
-  padding-bottom: 10px
-
-.action_controller
-  background-color: lighten($primary-color, 65%)
-  border: 1px solid
-  border-color: lighten($primary-color, 30%)
-  padding-top: 3px
-  ul.actions > li.active > a
-    background-color: darken($primary-color, 30%)
-
-  ul.controls, ul.actions
-    @extend .button-group-list
-    
-  ul.controls 
-    li.parameters:not(.active), li.reload:not(.active)
-      a
-        background-color: lighten($primary-color, 50%)
-        border-color: lighten($primary-color, 30%)
-
-.action_loader
-  span.loading, span.error
-    margin-top: 1em
-    display: inline-block
-
-.action_parameters
-  +panel_background()
-
-.action_loader
-  &.reloading
-    *
-      color: rgba(0,0,0,0.2) !important
-
-.entity_list_card
-  .sidebar
-    ul.entity_list
-      li
-        overflow: hidden
-        text-overflow: ellipsis
-
-.sidebar
-  font-size: 0.9em
-@media #{$not_small}
-  .action_controller
-    font-size: 0.9em
-  .action_loader
-    img
-      max-width: 900px 
-
-@media #{$only_small}
-  ul.actions
-    li.select, li.select a
-      background-color: rgba(0,0,0,0)
-      color: rgba(0,0,0,0)
-      z-index: 15
-
-  ul.actions.select
-    @include panel()
-    background-color: $color_main_text_bg
-    position: absolute
-    bottom: -4em
-    z-index: 15
-    li
-      position: relative
-      margin-bottom: 2px
-      z-index: 16
-    li.select
-      display: none
-
-ul.clean_list
-  list-style: none
-
-span.error_message
-  font-size: 1.2em
-  display: block
-  margin: 1em 0px
-
-ul.error_backtrace, ul.step_messages
-  color: gray
-  
-select.favourite_entities
-  option:disabled
-    font-weight: bold
-
-a.entity.highlighted
-  font-weight: bold
-  
-.help
-  margin: auto
-  ul
-    margin-left: 2em
-    
-  p 
-    max-width: 60em
-
- 
-a.help
-  display: block
-  font-size: 2em
-  line-height: 2em
+.menu_item
+  +_rbbt_menu_item

data/share/views/compass/theme.sass

@@ -1,58 +1,71 @@
-$red: #900
-$white: #fff
-$black: #000
-$black: #222
+@import 'solarized'
 
-$color1: #A9DC3A
-$color2: #2FCAD8
-$color3: #D45354
-$color4: #CDCDC1
+$color1: $base03
+$color2: $base02
+$color3: $base3
 
-$color1: #21445B
-$color2: #5D8A66
-$color4: #1A6566
-$color3: #EBD096
+$color_main: $color1
+$color_alt: $yellow
+$color_alt2: $magenta
+$color_alt3: $cyan
 
+$color_panel_bg: $color_main
 
-$main: #FFFFFF
-$contrast: #AFD687
-$primary: #008798
-$secondary: #00C3A9
-$contrast: $primary
+$color_menu_border: #494949
+$color_menu_text: #020202
 
 
-// $color_main_text: #222 
-// $color_main_text_bg: #fff
-$color_main_text: darken($main, 95%)
-$color_main_text_bg: lighten($main, 70%)
-$color_main_text_bg: lighten($main, 70%)
-//
+.dark
+  +rebase($base3,$base2,$base1,$base0,$base00,$base01,$base02,$base03)
+.light
+  +rebase($base03,$base02,$base01,$base00,$base0,$base1,$base2,$base3)
 
-// $color_contrast_text: #fff 
-// $color_contrast_text_bg: #111
-$color_contrast_text: $white
-$color_contrast_text_bg: darken($contrast, 20%)
-//
+body
+  background-color: $base3
 
-// $primary-color:                                         #2ba6cb
-// $secondary-color:                                       #e9e9e9
-$primary-color: $primary
-//$secondary-color: $secondary
-//
+html
+  *
+    color-profile: sRGB
+    rendering-intent: auto
+  @extend .dark
+  +accentize($color_alt, $color_alt2)
+  
 
-//{{{{{{ COMPUTED
+//{{{ RBBT MENUS
 
-$subtle_main_text_bg: darken($color_main_text_bg, 20%)
-$subtle_main_text: lighten($color_main_text, 30%)
+$color_top_menu: $base02
 
-$very_subtle_main_text_bg: darken($color_contrast_text_bg, 5%)
-$very_subtle_main_text_bg:                                              darken($color_main_text_bg, 5%)
-$very_subtle_main_text: lighten($color_contrast_text, 10%)
+$color_menu_bg: $base03
+$color_menu_text: $base0
+$color_menu_item_bg: $base03
+$color_menu_item_text: $base0
+$color_menu_content_bg: $base3
+$color_menu_content_text: $base0
 
-// SECTION
-$section_title: $very_subtle_main_text
-$section_title_bg: $very_subtle_main_text_bg
-$section_active_bg: $subtle_main_text_bg
-$section_content_bg: $color_main_text_bg
+$color_list_management_bg: $base02
+//{{{ RBBT PANEL
 
+$color_panel_bg: $base02
+$color_panel_border: $base1
+$color_panel_text: $base0
 
+//{{{ ACTIONS
+
+$action-color: $base02
+$color_action_controler_bg: $action-color
+$color_action_controler_border: $base01
+
+$color_action_active_bg: $base03
+$color_action_active_border: $base02
+
+$color_action_inactive_bg: $base01
+$color_action_inactive_border: $base01
+
+$color_action_parameters_bg: $base2
+$color_action_parameters_text: $base0
+$color_action_parameters_border: $base01
+$color_action_parameter_label: $base01
+
+//{{{ TABLES
+
+$table_color: lighten($color_alt, 60)