platform 3.1.1

data/app/assets/stylesheets/platform/layout.css.scss

@@ -0,0 +1,119 @@
+  body                        {margin:0;padding:0;font:normal normal 12px Arial, Helvetica, sans-serif;text-align:left;background:#f5f5f5;color:#444;}
+
+  h1,h2,h3,h4,h5,h6           {margin:0 0 5px 0;padding:0;line-height: 1em;}
+  h1,.h1                      {font:normal normal 35px Georgia, serif;color:#424c56;letter-spacing:-1px;}
+  h2,.h2                      {font: normal normal normal 24px/normal Arial, Helvetica, sans-serif;color:#666;margin:0 0 8px 0;letter-spacing:-1px;}
+  h3,.h3                      {font: normal normal bold 18px/normal Arial, Helvetica, sans-serif;color:#555;margin:0 0 8px 0;padding-bottom:5px;}
+  h4,.h4                      {font:normal normal 14px Arial, Helvetica, sans-serif;color:#444;padding:6px;}
+  h5,.h5                      {font:normal bold 11px Arial, Helvetica, sans-serif;color:#999}
+  h6,.h6                      {font:normal bold 11px Arial, Helvetica, sans-serif;color:#444}
+
+
+  a                           {color:#3B5998;text-decoration: none;outline:none}
+  a:focus, a:hover            {text-decoration: underline }
+  a:visited                   {color:#3B5998;}
+
+  p                           {margin:0 0 10px 0;}
+  table                       {border-collapse:collapse;border-spacing:0}
+  table,ul,ol,dt,dl,dd        {padding:0;margin:0;list-style-type:none}
+  td,th                       {vertical-align:top}
+  img                         {vertical-align:middle;border:none}
+  input, select, textarea     {vertical-align:middle;border:solid 1px #eee;border-color:#bbb #eee #eee #bbb;border-width:1px;font:normal normal 11px Arial, Helvetica, sans-serif;color:#444;outline:none;padding:3px;}
+  select                      {padding:2px;}
+  input[type=checkbox],
+  input[type=radio],
+  input[type=file],
+  checkbox,
+  radio                       {border:none;padding:0;}
+
+
+/* Page Template */
+
+  .page_fixed                 {width:1000px;margin:0 auto;}
+  .page_elastic               {width:auto;margin:0;}
+  .page_fluid                 {max-width:1100px;min-width:925px;_width:960px;margin:0 auto;padding:0 25px;}
+
+  .page_body,
+  .page_body .main_col        {overflow:hidden;_overflow:visible;_zoom:1;}
+  .page_body .left_col        {float:left; width:250px;_margin-right:-3px;}
+  .page_body .right_col       {float:right; width: 300px;_margin-left:-3px;}
+
+
+/* Header */
+
+  .page_head {background:#fff;border-bottom: 1px solid #DDD;border-top: 4px solid #6699cc;margin-bottom: 25px;padding: 5px 15px 2px;}
+  .logo a   {color:#424c56;text-decoration:none}
+  .logo a:hover {color:#000}
+  .top_nav {padding-top:13px;}
+
+/* Grids */
+
+  .line, .last_unit           {overflow:hidden;_overflow:visible;_zoom:1; }
+  .unit                       {float:left;_zoom:1;}
+  .size_1of1                  {float:none;}
+  .size_1of2                  {width:50%;}
+  .size_1of3                  {width:33.33333%;}
+  .size_2of3                  {width:66.66666%;}
+  .size_1of4                  {width:25%;}
+  .size_3of4                  {width:75%;}
+  .size_1of5                  {width:20%;}
+  .size_2of5                  {width:40%;}
+  .size_3of5                  {width:60%;}
+  .size_4of5                  {width:80%;}
+  .last_unit                  {float:none;_position:relative;_left:-3px;_margin-right:-3px;width:auto;}
+
+
+/* Page Content */
+
+  .content_module             {margin:0 10px 10px;}
+  .content_inner              {border:1px solid #D7D7D7;border-color:#e9e9e9 #cdcdcd #a4a4a4;border-width:1px 1px 2px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
+
+
+  .content_hd,
+  .content_bd,
+  .content_ft                 {overflow:hidden;zoom:1;padding:25px}
+
+
+
+/* Module */
+
+  .module                     {margin:10px;}
+  .hd,.bd,.ft                 {overflow:hidden;_overflow:visible;_zoom:1;}
+  .inner                      {position:relative;}
+
+
+/* Rounded Corners */
+
+  .tl, .tr, .bl, .br          {height:10px; width:10px;position:absolute;}
+  .tl                         {background-position: left top;left:0}
+  .tr                         {background-position: right top;}
+  .bl                         {background-position: left bottom;left:0}
+  .br                         {background-position: right bottom;}
+  .br,.tr                     {right:0}
+  .tr,.tl                     {overflow:hidden;margin-bottom:-32000px;}
+  .bl,.br                     {bottom:0}
+
+
+/* Complex Module  */
+
+  .complex                    {overflow:visible;margin: 10px 20px 20px 10px; background-position:left top;}
+  .complex .inner             {right:-10px; bottom:-10px; background-position:right bottom;padding:0 10px 10px 0;}
+  .complex .tl, .complex .br  {display:none;}
+  .complex .bl                {bottom:-10px;}
+  .complex .tr                {right:-10px;}
+
+
+/* Media Block */
+
+  .media                      {overflow:auto;zoom:1}
+  .media .thumb               {width:100px;float:left;}
+  .media .desc                {margin-left:110px;}
+
+
+/* Clear Floats */
+  .clearfix:after             {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
+  .clearfix                   {display: inline-block; }
+  /* start commented backslash hack \*/
+  * html .clearfix            {height: 1%;}
+  .clearfix                   {display:block;}
+  /* close commented backslash hack */

data/app/assets/stylesheets/platform/oauth.css

@@ -0,0 +1,51 @@
+.body {
+	margin:0px;
+	font-size:12px;
+	font-family:Arial;
+ }
+.header {
+	  background-color:#F6F7FA;
+	  border-bottom-color:#CAD3DD;
+	  border-bottom-style:solid;
+	  border-bottom-width:1px;
+	  border-top-color:#3D76BB;
+	  border-top-style:solid;
+	  border-top-width:2px;
+	  box-shadow:rgba(0, 0, 0, 0.0976562) 0 1px 1px;
+	  padding:10px;
+	  position:relative;
+	  text-shadow:#FFFFFF 0 1px 0;
+		font-size:25px;
+		font-weight:bold;
+}
+.logo_img {
+	max-width:200px;
+	max-height:60px;
+}
+a {
+	color:#1166BB;
+  outline-color:initial;
+  outline-style:none;
+  outline-width:initial;
+	text-decoration:none;
+}
+a:hover {
+	text-decoration:underline;
+}
+.intro {
+	font-family: Helvetica;
+	margin-bottom:15px;
+}
+.soft {
+	font-size:12px;
+	color:#676767;
+}
+.img {
+	float:left;
+  margin-right:10px;
+	vertical-align:middle;
+}
+.buttons {
+	margin-top:50px;
+	text-align:center;
+}

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

@@ -0,0 +1,311 @@
+/****************************************************************************
+  Copyright (c) 2010-2011 Michael Berkovich, Ian McDaniel
+
+  Permission is hereby granted, free of charge, to any person obtaining
+  a copy of this software and associated documentation files (the
+  "Software"), to deal in the Software without restriction, including
+  without limitation the rights to use, copy, modify, merge, publish,
+  distribute, sublicense, and/or sell copies of the Software, and to
+  permit persons to whom the Software is furnished to do so, subject to
+  the following conditions:
+
+  The above copyright notice and this permission notice shall be
+  included in all copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+  NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+  LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+  OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+  WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+****************************************************************************/
+
+@mixin rounded-corners($radius) {
+  border-radius: $radius;
+  -moz-border-radius: $radius;
+  -webkit-border-radius: $radius;
+}
+
+@mixin shadow($info) {
+	box-shadow:$info;
+	-moz-box-shadow:$info;
+	-webkit-box-shadow:$info;
+}
+
+/****************************************/
+/*** General guidelines
+/****************************************/
+
+.platform {
+	width:100%; 
+	font-size:11px; 
+	font-family:arial;
+	
+	.section {
+		background-color:#fff;
+		padding:10px;
+		margin-bottom:15px;
+		border:solid 1px #e8e8e8;
+		border-color:#e8e8e8 #bababa #bababa #e8e8e8;
+	 	@include rounded-corners(10px);	
+		
+		&.grey {
+			background-color:#f9f8f7;
+		}
+
+		&.blue {
+			background-color:#EFF8FF;
+		}
+		
+		&.yellow {
+			background-color:#FDFFF0;	
+		}
+	}
+	div {
+		font-family:arial;
+	}   
+	a {
+		text-decoration:none; 
+		color:#16b; 
+		outline:none; 
+		border:0px;
+	} 
+	a:hover {
+		text-decoration:underline;
+		img {
+			border:0px;
+		}
+	}
+	table {
+		width:100%;
+		border-collapse: collapse; 
+		font-size:12px; 
+		padding:0px; 
+		margin:0px;
+	}
+	td {
+		vertical-align:top; 
+		padding:0px; 
+		spacing:0px;
+	}
+	th {
+		vertical-align:top;
+		text-align:left; 
+		padding:0px; 
+		spacing:0px;
+	}
+	input {
+		border: 1px solid #ccc; 
+		padding: 3px; 
+		margin: 0px;
+	 	@include rounded-corners(10px);	
+	}   
+	select {
+		border: 1px solid #ccc; 
+		padding: 3px; 
+		margin: 0px;
+		background-color: #E6E6E6;
+	 	@include rounded-corners(10px);	
+	}   
+	textarea {
+		border:1px solid #ccc; 
+		padding:3px;
+	 	@include rounded-corners(10px);	
+	}   
+	select {
+		border:1px solid #ccc; 
+		padding:3px;
+	}  
+	.pagination {
+		text-align:right; 
+		padding:0px; 
+		margin:0px;
+	}
+  .cat_item {
+    padding-left:10px;
+    padding-top:5px;
+    padding-bottom:5px;
+    font-size:12px;
+    border-bottom: 1px dotted #ccc;
+  }
+  .cat_item_selected {
+    background:#5C96D2;
+    color:white;
+  }
+  .cat_item_selected a {
+    color:white;
+  }	
+  .sub_cat_item {
+    padding-left:20px;
+    padding-top:5px;
+    padding-bottom:5px;
+    font-size:12px;
+    border-bottom: 1px dotted #ccc;
+  }
+  .sub_cat_item_selected {
+    background:#5C96D2;
+    color:white;
+  }
+  .sub_cat_item_selected a {
+    color:white;
+  }	
+}
+
+/****************************************/
+/*** Classes for the popup windows
+/****************************************/
+
+.section_title                                  {padding-top:10px; border-bottom: 1px solid #ccc; margin-bottom:10px; color:black;font-size:18px;}  
+.small_section_title                            {padding-top:5px; border-bottom: 1px solid #ccc; margin-bottom:10px; color:black; font-size:12px; font-weight: bold;}  
+
+.topic_header                                   {color: grey; padding-bottom:5px;}
+.topic_value                                    {padding-top:5px; padding-bottom:5px;}
+
+.platform_right_horiz_list                          {float:right;overflow:hidden;text-align:left;list-style-type:none;font-family:arial;font-size:12px;margin-top:0px;}
+.platform_right_horiz_list li                       {margin-right:-11px;border-right:solid 1px #ccc;padding:0px 10px;margin-left:10px;float:left;}
+
+.platform_btn                                 {position:relative;border:0;padding:0;margin:0 2px 0 -2px;cursor:pointer;overflow:visible;background:transparent url('/assets/platform/site_sprite.gif') no-repeat right -100px;font-size:11px;font-weight:bold;text-align:center;font-family:Arial;vertical-align:middle;}
+.platform_btn span                            {position:relative;display:block;white-space:nowrap;background:transparent url('/assets/platform/site_sprite.gif') no-repeat left top;}
+button::-moz-focus-inner                        {border:none;}
+.platform_submit_btn                          {padding:0 10px 0 0;background-position:right -35px;}
+.platform_submit_btn span                     {padding:0px 0 0px 10px;line-height:30px;height:30px;background-position:left 0;color:#fff;font-size:14px;}
+.platform_small_btn                           {padding:0 10px 0 0;background-position:right -35px;}
+.platform_small_btn span                      {padding:0px 0 0px 10px;line-height:30px;height:30px;background-position:left 0;color:#fff;font-size:12px;}
+
+.language_selector_trigger                      {cursor: pointer; font-family:arial; font-size:12px; vertical-algin:middle}
+.language_selector                              {position: absolute;top: 0;left: 0;font-family: verdana;width: 14em;background: #f9f8f7;padding: 0;}
+
+.platform_lightbox_overlay                          {position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); }
+.platform_lightbox                                  {position: absolute; top: 5%; left: 25%; width: 50%; height: 80%; padding: 16px; border:solid 2px #e8e8e8; border-color:#e8e8e8 #bababa #bababa #e8e8e8; background-color: white; z-index:1002; overflow: auto; }
+
+/****************************************/
+/*** Classes for the feature tabs
+/****************************************/
+   
+.platform_navigation                  {height:70px; position:relative; padding:15px 15px 0px; background-color:#f1f4f9; border:1px solid #ccc; margin:0px; margin-bottom:10px;}
+
+.platform_tab_nav                     {list-style-type:none;bottom:-1px !important;position:absolute;margin:0px;padding:0px;font-family:arial;}
+.platform_tab_nav li                  {float:left;margin-right:2px;cursor:pointer;text-align:bottom;}
+.platform_tab_nav li a                {display:block;padding:6px 0px 6px 10px; outline:none;}
+
+.platform_tabs                        {margin-left:5px;zoom:1}
+.platform_tabs li                     {background: url('/assets/platform/site_sprite.gif') no-repeat right -255px;font-size:12px;font-weight:bold;margin:0;position:relative;z-index:1}
+.platform_tabs li a                   {padding:13px 30px 6px 6px;color:#1166bb;cursor:pointer;text-decoration:none;line-height:14px;}
+.platform_tabs li a:hover             {text-decoration:none}
+.platform_tabs li.current             {margin-left: -30px;background-position:right -360px;z-index:2}
+.platform_tabs li.current a           {padding-left:30px;background: url('/assets/platform/site_sprite.gif') no-repeat left -325px;color: #333;font-size:13px;}
+.platform_tabs li.last                {background-position:right -290px;}
+.platform_tabs li.last a              {padding-right:30px;}
+.platform_tabs li.last_current        {margin-left: -25px;background-position:right -430px;}
+.platform_tabs li.last_current a      {padding-left:30px;color: #000;}
+.platform_tabs li.first a             {padding-left:30px;background:url('/assets/platform/site_sprite.gif') no-repeat 0 -220px;}
+.platform_tabs li.first_current       {margin:0}
+.platform_tabs li.first_current a     {background-position:0 -395px;color: #000;}
+
+/****************************************/
+/*** Classes for the admin user page
+/****************************************/
+.platform_admin                                {font-size: 12px; font-family:arial}
+.platform_admin h1                             {font-size: 20px; font-weight:bold; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom:3px; padding-top:5px; }
+.platform_admin h2                             {font-size: 16px; font-weight:bold; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom:3px; padding-top:5px; }
+
+.platform .admin_table                         {width: 100%; font-size: 12px; border: 1px #e5e5e5 solid; border-collapse: collapse; background-color: white; margin-bottom: 10px; }
+.platform .admin_table td                      {padding: 5px; border: 1px solid #e5e5e5; vertical-align:top; text-align:left;}
+.platform .admin_table th                      {background-color: #efefef; border: none; border: 1px #e5e5e5 solid; font-weight:bold; padding: 5px; vertical-align:top; text-align:left;}
+.platform .admin_table tr:hover                {background-color: #eee; }
+.platform .admin_table td.numeric              {text-align: right; }
+.platform .admin_table th.numeric              {text-align: right; }
+
+.app_fields {
+  font-size:12px;
+  border: 1px solid #ccc; 
+	border-color:#e8e8e8 #bababa #bababa #e8e8e8;
+  padding:10px; 
+  background: #fafafa;
+  margin-bottom:20px; 
+ 	@include rounded-corners(10px);	
+}
+
+.app_fields th {
+  padding-top:5px;
+  padding-right:15px;
+  white-space: nowrap;
+}
+
+.app_fields td {
+  padding-top:5px;
+  padding-right:15px;
+}
+
+.comments {
+  color: #666;
+  font-size: 10px;
+}
+
+.platform td {
+  vertical-align:top;
+}
+
+.platform th {
+  vertical-align:top;
+  text-align:right;
+}
+
+.apps_header {
+  padding-bottom:5px;
+  margin-bottom:5px;
+  font-size:14px;
+  border-bottom: 1px solid #ccc;
+  font-weight:bold;
+}
+
+.app_fields_section_header {
+  background-color:#F0F2F7;
+  padding:5px;
+  margin-bottom:10px;
+  margin-top:10px;
+  border-top:1px dotted #ccc;
+} 
+
+.edit_section_header {
+  background-color:#eee;
+  padding:5px;width:100%;margin-bottom:10px;
+  border-top: 1px solid #ccc;
+} 
+
+
+/****************************************/
+/***  Pure CSS Buttons.
+/***  Learn more ~ http://www.halmatferello.com/lab/pure-css-buttons/
+/***  Licensed under GPL and MIT.
+/****************************************/
+
+.platform_pcb {
+	background: url('/assets/platform/buttons.png') no-repeat; 
+	height: 23px; 
+	line-height: 23px; 
+	padding: 3px 0 7px 0; 
+
+	span {
+		background: url('/assets/platform/buttons.png') no-repeat; 
+		height: 23px; 
+		line-height: 23px; 
+		padding: 3px 0 7px 0; 
+	}
+}
+.platform_pcb {color: #333; font-size: 12px; font-style:bold; font-family:arial; padding-left: 14px; text-decoration: none !important; }
+a.platform_pcb:link {color: #333; font-size: 12px; font-style:bold; font-family:arial; padding-left: 14px; text-decoration: none !important; } 
+a.platform_pcb:visited  {color: #333; font-size: 12px; font-style:bold; font-family:arial; padding-left: 14px; text-decoration: none !important; }
+
+.platform_pcb span                                  {background-position: right -326px; padding-right: 14px; }
+a.platform_grey_button                              {background-position: left -219px; padding-top: 3px; }
+a.platform_grey_button span                         {background-position: right -545px; padding-top: 3px; }
+a.platform_grey_button:hover                        {background-position: left -246px; }
+a.platform_grey_button:hover span                   {background-position: right -572px; }
+a.platform_grey_button:active, .grey_active_button  {background-position: left -273px; }
+a.platform_grey_button:active span, .grey_active_button span {background-position: right -599px; }
+body.platform_grey_disabled_button                  {background-position: left -300px; color: #bbb !important; }
+body.platform_grey_disabled_button span             {background-position: right -626px; }
+
+.platform_cancel_link                               {font-size:12px;font-family:arial;}