sbdev-core 0.0.1

data/app/assets/stylesheets/_bar_nav.scss

@@ -0,0 +1,36 @@
+#top_nav {
+  width: $content-width;
+  padding: 10px;
+  background-color: $button-background-color;
+
+  .button {
+    margin: 0 !important;
+    padding-left: 10px;
+    padding-right: 10px;
+    @include box-shadow(0);
+    border-right: black 2px;
+  }
+}
+
+.content {
+  margin-top: 0 !important;
+}
+
+#main_container {
+  @include box-shadow($shadow-radius);
+  @include corners-bottom($corner-radius);
+  margin-top: 0px;
+  .content {
+    @include corners-bottom($corner-radius);
+  }
+}
+
+#header {
+  background-color: $content-background-color;
+  padding: $padding ;
+  width: $content-width;
+  h1 {
+    margin: 0;
+    text-align: center;
+  }
+}

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);
+}