sbdevcore 0.0.1

data/app/assets/stylesheets/_core.scss

@@ -0,0 +1,393 @@
+@import 'mixins';
+@import 'scrollable';
+/*layout*/
+body {
+  font-family: "Lucida Grande","Lucida Sans Unicode","bitstream vera sans","trebuchet ms",verdana,sans-serif;
+  background: url("/assets/background.jpg") repeat fixed center top $background-color;
+  font-size: 16px;
+  padding: 0;
+  margin: 0;
+}
+
+img {
+  padding: $padding;
+  max-width: $content-width - $padding*2 - 2*$shadow-radius/1.5;
+  background-color: $button-background-color;
+  @include corners-all(3px);
+  @include box-shadow($shadow-radius);
+  display: inline-block;
+}
+
+#container {
+  width: $window-width;
+  margin: 0 auto;
+  overflow: hidden;
+}
+
+.content {
+  background-color: $content-background-color;
+  padding: $padding ;
+  @include corners-all($corner-radius);
+  width: $content-width;
+}
+
+#footer {
+  background-color: $content-background-color;
+  font-size: 12px;
+  @include box-shadow($shadow-radius);
+  @include corners-all($corner-radius);
+}
+
+img.left, img.right {
+  max-width: ($content-width - $padding*2 - 2*$shadow-radius/1.5)/2;
+}
+
+/*utilities*/
+.right {
+  float: right;
+}
+
+.left {
+  float: left;
+}
+
+img.center {
+  margin: 0 auto;
+  display: block;
+}
+
+.toggleable_content {
+  display:none;
+}
+
+.clearfix { overflow: hidden; }
+
+/*Random*/
+
+a img {
+  border: none;
+}
+
+th {
+  min-width: 120px;
+  text-align: left;
+}
+
+select {
+  min-width: 200px;
+}
+
+ul, li {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}
+
+/*Nav*/
+.nav {
+  background: $button-background-color;
+  color: $content-background-color;
+  padding: $padding;
+  @include corners-all($corner-radius);
+  @include box-shadow($shadow-radius);
+  margin-bottom: 20px;
+}
+
+.inline_nav {
+  margin: 0 auto;
+}
+
+.inline_nav .button {
+  @include box-shadow($shadow-radius);
+  width: $content-width/2 - 2*$shadow-radius/1.5 - 2*$padding;
+}
+
+.inline_nav li, .inline_nav ul {
+  display: inline;
+}
+
+.accordion .button {
+  display: block;
+}
+
+#blog .button {
+  padding: 5px 25px 5px 10px;
+}
+
+#blog .button em {
+  float: right;
+}
+
+/*Buttons*/
+.nav .button {
+  width: 210px;
+  padding: 5px 0 !important;
+}
+
+img.button {
+  border: none;
+}
+
+.button {
+  background-color: $button-background-color;
+  cursor: pointer;
+  border: none;
+  display: inline-block;
+  padding: 5px;
+  margin: 5px;
+  text-align: center;
+  text-decoration: none;
+  color: $content-background-color;
+  font-size: 1.2em;
+  @include box-shadow($shadow-radius);
+  @include corners-all($corner-radius);
+}
+
+.button:hover, .current {
+  background-color: $content-background-color;
+  color: black !important;
+}
+
+.pagination .button{
+  width: auto;
+  padding: 5px;
+}
+.button em {
+  border-style:solid;
+  border-color:transparent transparent transparent $content-background-color;
+  border-width:9px;
+  display:inline-block;
+  bottom:-38px;
+  position: relative;
+  left: 10px;
+  top: 2px;
+  height:0;
+  width:0;
+}
+
+.button:hover em,.current em {
+  border-color: black transparent transparent transparent;
+  top: 8px;
+}
+
+/*Flash*/
+#flash_notice, #flash_error {
+  padding: 5px 8px;
+  margin: 10px 0;
+}
+
+#flash_notice {
+  background-color: #CFC;
+  border: solid 1px #6C6;
+}
+
+#flash_error {
+  background-color: #FCC;
+  border: solid 1px #C66;
+}
+
+.fieldWithErrors {
+  display: inline;
+}
+
+/*Specifics*/
+.circle {
+  background: $content-background-color;
+  border: 3px solid $button-background-color;
+  width: 230px;
+  height: 230px;
+  @include corners-all(50%);
+  @include box-shadow($shadow-radius);
+}
+
+.circle img {
+  border: none;
+  outline: none;
+  width: 224px;
+  height: 224px;
+}
+
+.nested_fields {
+  border: 2px solid black;
+  padding: 10px;
+  margin: 5px;
+}
+.nested_fields img {
+  float: left;
+  margin: 5px;
+}
+
+#testimonials li {
+  border: solid 2px black;
+  margin-bottom: 5px;
+  padding: 5px 10px;
+}
+
+#testimonials img {
+  max-height: 150px;
+}
+
+
+.overlay {
+
+  /* must be initially hidden */
+  display:none;
+
+  /* place overlay on top of other elements */
+  z-index:10000;
+
+  /* styling */
+  background-color: $content-background-color;
+
+  width:840px;
+  padding: 20px;
+  min-height:200px;
+  top: 0 !important;
+  /*overflow-y: auto;  */
+  /* CSS3 styling for latest browsers */
+  @include box-shadow(90px);
+}
+
+/* close button positioned on upper right corner */
+.overlay .close {
+  background:url(/assets/close.png);
+  position:absolute;
+  right:-15px;
+  top:-15px;
+  cursor:pointer;
+  height:35px;
+  width:35px;
+}
+
+.overlay img {
+  max-width: 800px;
+  max-height: 600px;
+}
+
+.clear {
+  clear:both;
+  height:15px;
+}
+
+.error em {
+  border:16px solid;
+  border-color:yellow transparent transparent;
+  bottom:-32px;
+  display:block;
+  height:0;
+  left:130px;
+  position:absolute;
+  width:0;
+}
+
+/* error message */
+.error {
+  height:15px;
+  background-color:yellow;
+  padding:5px 10px;
+  display:none;
+  font-size: 14px;
+  z-index: 10001;
+  @include corners-all($corner-radius);
+  @include box-shadow(6px);
+}
+
+.error p {
+  margin:0;
+}
+
+.tooltip em {
+  border:16px solid;
+  border-color:black transparent transparent;
+  bottom:-35px;
+  display:block;
+  height:0;
+  left: 70px;
+  position:absolute;
+  width:0;
+}
+
+/* tootip message */
+.tooltip {
+  background-color:black;
+  color: $content-background-color;
+  border: 3px solid black;
+  padding:10px 10px;
+  display:none;
+  min-width: 100px;
+  max-width: 300px;
+  @include corners-all($corner-radius);
+  @include box-shadow($shadow-radius);
+}
+
+.tooltip p {
+  margin:0;
+}
+
+.tooltip h3 {
+  margin:0;
+}
+
+.no_back {
+  background:none !important;
+  border:none !important;
+  -moz-box-shadow: none;
+  -webkit-box-shadow: none;
+}
+
+.course_nav {
+  margin-top: 0 !important;
+}
+
+.two-col {
+  width: 50%;
+  float: left;
+}
+
+.center {
+  text-align: center;
+}
+
+
+#trip_advisor {
+  margin-top: 10px;
+  border: 3px solid $content-background-color;
+}
+
+#trip_advisor div {
+  max-width: 224px !important;
+}
+
+#trip_advisor dt {
+  min-height: 35px !important;
+}
+
+table.mceLayout {
+  height: auto !important;
+}
+
+#facebook {
+  padding: 5px;
+}
+
+.asset-admin {
+  margin: 0;
+  text-align: center;
+}
+
+.highlight-section {
+  background-color: darken($background-color, 1);
+}
+
+.justify_right {
+  text-align: right;
+}
+
+.justify_center {
+  text-align: center;
+}
+
+td {
+  text-align: left;
+}
+

data/app/assets/stylesheets/_mixins.scss

@@ -0,0 +1,74 @@
+/* Corner radius */
+//.corner-tl { -moz-border-radius-topleft: $corner-radius; -webkit-border-top-left-radius: $corner-radius; border-top-left-radius: $corner-radius; behavior: url(/stylesheets/PIE.htc); }
+//.corner-tr { -moz-border-radius-topright: $corner-radius; -webkit-border-top-right-radius: $corner-radius; border-top-right-radius: $corner-radius; behavior: url(/stylesheets/PIE.htc); }
+//.corner-bl { -moz-border-radius-bottomleft: $corner-radius; -webkit-border-bottom-left-radius: $corner-radius; border-bottom-left-radius: $corner-radius; behavior: url(/stylesheets/PIE.htc); }
+//.corner-br { -moz-border-radius-bottomright: $corner-radius; -webkit-border-bottom-right-radius: $corner-radius; border-bottom-right-radius: $corner-radius; behavior: url(/stylesheets/PIE.htc); }
+//.corner-top { -moz-border-radius-topleft: $corner-radius; -webkit-border-top-left-radius: $corner-radius; border-top-left-radius: $corner-radius; -moz-border-radius-topright: $corner-radius; -webkit-border-top-right-radius: $corner-radius; border-top-right-radius: $corner-radius; behavior: url(/stylesheets/PIE.htc); }
+//.corner-bottom { -moz-border-radius-bottomleft: $corner-radius; -webkit-border-bottom-left-radius: $corner-radius; border-bottom-left-radius: $corner-radius; -moz-border-radius-bottomright: $corner-radius; -webkit-border-bottom-right-radius: $corner-radius; border-bottom-right-radius: $corner-radius; behavior: url(/stylesheets/PIE.htc); }
+//.corner-right {  -moz-border-radius-topright: $corner-radius; -webkit-border-top-right-radius: $corner-radius; border-top-right-radius: $corner-radius; -moz-border-radius-bottomright: $corner-radius; -webkit-border-bottom-right-radius: $corner-radius; border-bottom-right-radius: $corner-radius; behavior: url(/stylesheets/PIE.htc); }
+//.corner-left { -moz-border-radius-topleft: $corner-radius; -webkit-border-top-left-radius: $corner-radius; border-top-left-radius: $corner-radius; -moz-border-radius-bottomleft: $corner-radius; -webkit-border-bottom-left-radius: $corner-radius; border-bottom-left-radius: $corner-radius; behavior: url(/stylesheets/PIE.htc); }
+//.corner-all { -moz-border-radius: $corner-radius; -webkit-border-radius: $corner-radius; border-radius: $corner-radius; behavior: url(/stylesheets/PIE.htc); }
+//
+@mixin box-shadow($radius){
+  margin: $radius;
+  -moz-box-shadow: 0 0 $radius black;
+  -webkit-box-shadow: 0 0 $radius black;
+  behavior: url(/stylesheets/PIE.htc);
+}
+
+@mixin box-shadow-sides($radius){
+  margin: $radius;
+//  -moz-box-shadow: 0 $shadow-radius*1.5 0 $content-background-color, 0 0 $shadow-radius black, 0 (-$shadow-radius*1.5) 0 $content-background-color, 0 0 $shadow-radius black;
+//  -webkit-box-shadow: 0 0 $radius black;
+  behavior: url(/stylesheets/PIE.htc);
+}
+
+@mixin corners-all($radius){
+  border-radius: $radius;
+  -moz-border-radius: $radius;
+  -webkit-border-radius: $radius;
+  behavior: url(/stylesheets/PIE.htc);
+}
+
+@mixin corners-top($radius) {
+  -moz-border-radius-topleft: $radius;
+  -webkit-border-top-left-radius: $radius;
+  border-top-left-radius: $radius;
+
+  -moz-border-radius-topright: $radius;
+  -webkit-border-top-right-radius: $radius;
+  border-top-right-radius: $radius;
+
+  -moz-border-radius-bottomleft: 0 !important;
+  -webkit-border-bottom-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+
+  -moz-border-radius-bottomright: 0 !important;
+  -webkit-border-bottom-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+
+  behavior: url(/stylesheets/PIE.htc);
+}
+
+@mixin corners-bottom($radius) {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+
+  -moz-border-radius-bottomleft: $radius;
+  -webkit-border-bottom-left-radius: $radius;
+  border-bottom-left-radius: $radius;
+
+  -moz-border-radius-bottomright: $radius;
+  -webkit-border-bottom-right-radius: $radius;
+  border-bottom-right-radius: $radius;
+
+  -moz-border-radius-topleft: 0 !important;
+  -webkit-border-top-left-radius: 0 !important;
+  border-top-left-radius: 0 !important;
+
+  -moz-border-radius-topright: 0 !important;
+  -webkit-border-top-right-radius: 0 !important;
+  border-top-right-radius: 0 !important;
+  behavior: url(/stylesheets/PIE.htc);
+}

data/app/assets/stylesheets/_scrollable.scss

@@ -0,0 +1,129 @@
+#gallery {
+  width: 676px;
+  margin: 10px auto;
+  display: block;
+}
+
+#gallery_wrap {
+  /* dimensions */
+  margin: 0 auto;
+  /* centered */
+  text-align:center;
+  min-height: 666px;
+}
+
+#gallery_wrap a.browse {
+  margin-top: 300px !important;
+}
+#gallery_wrap_inner {
+  width: 596px;
+  margin: 0;
+}
+#gallery_wrap img {
+  max-width: 566px;
+  max-height: 660px;
+}
+
+.scroll_nav {
+  margin: 0 auto;
+  width: 676px;
+}
+/*
+	root element for the scrollable.
+	when scrolling occurs this element stays still.
+*/
+.scrollable {
+
+	/* required settings */
+	position:relative;
+	overflow:hidden;
+	width: 596px;
+	height:160px;
+  padding: 0;
+  margin: 0;
+  float:left;
+  
+	/* custom decorations */
+  background-color: transparent;
+}
+
+.items div {
+	float:left;
+	width:600px;
+}
+
+/* single scrollable item */
+.scrollable .button {
+	float:left;
+	margin: 7px;
+  padding: 5px !important;
+  height:130px;
+  width:125px;
+  border: none;
+}
+
+.scrollable img {
+  max-height:120px;
+  max-width:125px;
+  margin: 0;
+  padding: 0;
+}
+
+
+/*
+	root element for scrollable items. Must be absolutely positioned
+	and it should have a extremely large width to accomodate scrollable items.
+	it's enough that you set the width and height for the root element and
+	not for this element.
+*/
+.scrollable .items {
+	/* this cannot be too large */
+	width:20000em;
+	position:absolute;
+	clear:both;
+}
+
+/* prev, next, prevPage and nextPage buttons */
+a.browse {
+	background:url(../images/hori_large.png) no-repeat;
+	display:block;
+	width:30px;
+	height:30px;
+	float:left;
+	margin:50px 10px 0;
+	cursor:pointer;
+	font-size:1px;
+}
+
+/* right */
+a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
+a.right:hover 		{ background-position:-30px -30px; }
+a.right:active 	{ background-position:-60px -30px; }
+
+
+/* left */
+a.left				{ margin-left: 0px; }
+a.left:hover  		{ background-position:-30px 0; }
+a.left:active  	{ background-position:-60px 0; }
+
+/* up and down */
+/*a.up, a.down		{*/
+	/*background:url(../img/scrollable/arrow/vert_large.png) no-repeat;*/
+	/*float: none;*/
+	/*margin: 10px 50px;*/
+/*}*/
+
+/* up */
+/*a.up:hover  		{ background-position:-30px 0; }*/
+/*a.up:active  		{ background-position:-60px 0; }*/
+
+/* down */
+/*a.down 				{ background-position: 0 -30px; }*/
+/*a.down:hover  		{ background-position:-30px -30px; }*/
+/*a.down:active  	{ background-position:-60px -30px; }*/
+
+
+/* disabled navigational button */
+a.disabled {
+	visibility:hidden !important;
+}

data/app/assets/stylesheets/_side_nav.scss

@@ -0,0 +1,39 @@
+#side_bar {
+  width: $side_bar-width;
+  float: left;
+
+  img {
+    margin: 0 auto 10px !important;
+    max-width: $side_bar-width - 2*$shadow-radius/1.5 - 3*$padding;
+  }
+
+  .content {
+    float: none;
+    width: auto;
+    padding: 10px;
+  }
+
+  .button {
+    width: $side_bar-width - 2*$shadow-radius/1.5 - 2*$padding;
+
+    em {
+      border-color:transparent $content-background-color transparent transparent !important;
+      left: -10px;
+      float:right;
+      top: 3px;
+    }
+  }
+  .button:hover em, .current em {
+    border-color: transparent transparent transparent black !important;
+    top: 3px;
+    left: -2px;
+  }
+}
+
+#side_section {
+  padding: 10px;
+  margin-top: 10px;
+  color: black;
+  background-color: $content-background-color;
+  @include box-shadow($shadow-radius);
+}

data/app/assets/stylesheets/_tab_nav.scss

@@ -0,0 +1,21 @@
+#top_nav {
+  width: $content-width;
+  margin: $shadow-radius/1.5 0 0 14px;
+
+  .button {
+    margin-bottom: 0 !important;
+    -moz-box-shadow: 0 $shadow-radius*1.5 0 $content-background-color, 0 0 $shadow-radius black;
+    -webkit-box-shadow: 0 $shadow-radius 0 $content-background-color, 0 0 $shadow-radius black;
+    @include corners-top($corner-radius);
+    margin-right: 0 !important;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+
+.content {
+  margin-top: 0 !important;
+//  -moz-border-radius-topleft: 0 !important;
+//  -webkit-border-top-left-radius: 0 !important;
+//  border-top-left-radius: 0 !important;
+}

data/app/controllers/contacts_controller.rb

@@ -0,0 +1,38 @@
+class ContactsController < ApplicationController
+  before_filter :get_index, :only => [:new]
+  before_filter :authenticate_admin!, :except => [:new, :create]
+  
+  def index
+    @contacts = Contact.all
+  end
+  
+  def show
+    @contact = Contact.find(params[:id])
+  end
+  
+  def new
+    @contact = Contact.new
+    render :layout => false
+  end
+  
+  def create
+    @contact = Contact.new(params[:contact])
+    if @contact.save
+      flash[:notice] = "Your message has been sent."
+      redirect_to root_url
+    else
+      render :action => 'new'
+    end
+  end
+  
+  def destroy
+    @contact = Contact.find(params[:id])
+    @contact.destroy
+    flash[:notice] = "Successfully destroyed contact."
+    redirect_to contacts_url
+  end
+
+  def get_index
+    Index.find_by_name(controller_name)
+  end
+end