Permalink
Browse files

Structure integration

  • Loading branch information...
1 parent f184eee commit a2556692ff1ec9b9d05c5a64a21498ecb40009de Nathan Le Ray committed Jun 10, 2011
Showing with 266 additions and 27 deletions.
  1. +266 −0 app/views/stylesheets/app.css.scss
  2. +0 −27 app/views/stylesheets/site.css.sass
View
266 app/views/stylesheets/app.css.scss
@@ -0,0 +1,266 @@
+@import "compass/reset/utilities";
+@import "compass/css3/border-radius";
+
+$default-border-radius: 1em;
+$headings-color: #333333;
+$grey-background: #222222;
+$red-background: #c52f24;
+$red-background-darker: #980905;
+$blue-background: #D5E9F6;
+$clear-background: #FFFFFF;
+$link-color: #FFFFFF;
+$link-color-dark: #EE3F3F;
+$font-color-dark: #999999;
+$font-color-clear: #333333;
+
+@mixin notifications {
+ border: medium none;
+ margin-left: 0;
+ margin-top: 0.25em;
+ padding: 1.25em 1.25em 1.25em 48px;
+}
+
+@include global-reset;
+
+body {
+ color: #FFFFFF;
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: 87.5%;
+ line-height: 1.5em;
+}
+
+h2 {
+ font-size: 2.1428em;
+ font-weight: bold;
+ line-height: 1em;
+ margin: 0.7em 0 0.2333em;
+}
+
+h3 {
+ font-size: 1.7142em;
+ font-weight: bold;
+ line-height: 1.286em;
+ margin: 0.875em 0 0.2916em;
+}
+
+p {
+ margin: 0 0 1.5em;
+}
+
+dl {
+ margin: 0 0 1.5em;
+
+ dd {
+ margin-bottom: 1em;
+ }
+}
+
+strong {
+ font-weight: bold;
+}
+
+.wrapper {
+ width: 69em;
+ margin: 0 auto;
+}
+
+.clearfix {
+ clear: both;
+}
+
+.hide {
+ display: none;
+}
+
+.warning {
+ background: url("../images/tab_red.gif") no-repeat scroll left top #F9D9D8;
+ @include notifications;
+}
+
+.work-in-progress {
+ background: url("../images/tab_note.gif") no-repeat scroll left top #FFF9D8;
+ @include notifications;
+}
+
+.info {
+ background: url("../images/tab_info.gif") no-repeat scroll left top #D5E9F6;
+ @include notifications;
+}
+
+.code_container {
+ background: url("../images/tab_grey.gif") no-repeat scroll left top #EEEEEE;
+ @include notifications;
+}
+
+#nav {
+ padding: 1em 0;
+ background: $grey-background;
+ color: $font-color-dark;
+
+ a {
+ color: $link-color-dark;
+ }
+
+ strong a {
+ color: $link-color;
+ }
+}
+
+#header {
+ padding: 1.5em 0;
+ position: relative;
+ background: $red-background;
+
+ .wrapper h1 {
+ width: 300px;
+ height: 70px;
+ float: left;
+ background: url("../images/logo.png") no-repeat 0 0 transparent;
+ text-indent: -10000px;
+
+ a {
+ display: block;
+ height: 77px;
+ text-decoration: none;
+ }
+ }
+
+ #menu {
+ float: right;
+ padding-top: 1.5em;
+ font-size: 1.2857em;
+
+ li {
+ margin: 0 0 0 0.5em;
+ display: inline;
+
+ a {
+ color: $link-color;
+ text-decoration: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+
+ .expandable {
+ position: relative;
+ padding: 0.5em 1.5em;
+ @include border-radius;
+ background: $red-background-darker;
+
+ a {
+ position: relative;
+ padding-bottom: 0.125em;
+ padding-right: 1em;
+ background: url("../images/nav_arrow.gif") no-repeat top right;
+ z-index: 15;
+
+ &:hover {
+ background-position: right -81px;
+ }
+ }
+ }
+
+ #tuts {
+ display: block;
+ background: none repeat scroll 0 0 #980905;
+ border-radius: 1em 1em 1em 1em;
+ box-shadow: 0.25em 0.25em 1em rgba(0, 0, 0, 0.25);
+ color: #F1938C;
+ padding: 2em 2em 1.5em;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 27em;
+ z-index: 10;
+
+ hr {
+ background: none repeat scroll 0 0 #F1938C;
+ border: medium none;
+ color: #F1938C;
+ display: block;
+ height: 1px;
+ }
+
+ dt {
+ font-size: 0.722em;
+ font-weight: normal;
+ margin: 0.5em 0 0;
+ padding: 0;
+ }
+
+ dd {
+ font-size: 0.722em;
+ font-weight: normal;
+ margin: 0;
+ padding: 0;
+
+ a {
+ color: $link-color;
+ text-decoration: none;
+ background: none;
+
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ }
+
+ #left, #right {
+ float: left;
+ margin: 0;
+ padding: 0;
+ width: 50%;
+ }
+ }
+ }
+}
+
+#feature {
+ padding: 0.5em 0 1.5em;
+ background: $blue-background;
+ color: $font-color-clear;
+
+ .wrapper {
+ width: 45em;
+ padding-right: 23em;
+ position: relative;
+ }
+
+ p {
+ font-size: 1.2857em;
+ margin-bottom: 0.75em;
+ }
+
+ #sub-col {
+ background: $clear-background;
+ font-size: 0.9285em;
+ line-height: 1.3846em;
+ padding: 1em 1.5em 1em 1.25em;
+ position: absolute;
+ right: 0;
+ top: 0;
+ width: 17em;
+ }
+}
+
+#container {
+ color: $font-color-clear;
+
+ #main-col {
+ margin-left: 2em;
+ width: 45em;
+ }
+}
+
+#footer {
+ padding: 2em 0;
+ background: $grey-background;
+ color: $font-color-dark;
+
+ a {
+ color: $link-color-dark;
+ }
+}
View
27 app/views/stylesheets/site.css.sass
@@ -1,27 +0,0 @@
-@import "compass"
-@import "blueprint"
-
-$font-color: #2a2a2a
-$link-color: #0388a6
-$link-hover-color: #009ce0
-$link-focus-color: $link-color
-$link-active-color: $link-color
-$link-visited-color: $link-color
-
-$blueprint-font-family: 'Century Gothic', 'Apple Gothic', 'Helvetica Neue', arial, sans-serif
-$blueprint-font-size: 13px
-$blueprint-grid-columns: 12
-$blueprint-grid-width: 60px
-$blueprint-grid-margin: 20px
-
-+global-reset
-
-+blueprint-typography
-
-a
- +link-colors($link-color, $link-hover-color, $link-focus-color, $link-active-color, $link-visited-color)
-
-#main
- padding: 50px
- text-align: center
- +container

0 comments on commit a255669

Please sign in to comment.