Work on the register UI

This commit is contained in:
nikolark committed 2012-01-07 03:36:12 +01:00
1 parent 7a15006455
commit 135fe821e1
16 files changed
+290 -167

No files matched your search

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

+63
View File
@@ -11,3 +11,66 @@
@import "partials/page";
@import "partials/form";
@import "partials/two_col";
@import "compass";
body {
background-color: $blueprint-background-color;
#header {
nav {
margin:2em;
ul {
@include inline-block-list;
}
}
}
#register {
#customer {
ul {
@include inline-block-list;
li {
img { }
padding: 1em;
text-align: center;
width: 100px;
&:hover {
background-color: darken($blueprint-background-color, 20%);
}
&.selected {
background-color: darken($blueprint-background-color, 20%);
}
}
}
}
#products {
ul {
@include inline-block-list;
li {
padding: 1.5em;
text-align: center;
&:hover {
background-color: darken($blueprint-background-color, 20%);
}
}
}
}
}
input[type=submit] {
padding: 1em;
padding-left: 1.5em;
padding-right: 1.5em;
position:relative;
left: 100px;
}
section {
margin-bottom:2em;
}
}
-24
View File
@@ -1,108 +1,84 @@
/* line 7, ../sass/ie.scss */
body.bp {
text-align: center;
}
/* line 44, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
* html body.bp legend {
margin: 0px -8px 16px 0;
padding: 0;
}
/* line 48, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
html > body.bp p code {
*white-space: normal;
}
/* line 60, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp .container {
text-align: left;
}
/* line 62, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp sup {
vertical-align: text-top;
}
/* line 64, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp sub {
vertical-align: text-bottom;
}
/* line 66, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp hr {
margin: -8px auto 11px;
}
/* line 68, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp img {
-ms-interpolation-mode: bicubic;
}
/* line 70, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp fieldset {
padding-top: 0;
}
/* line 72, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp legend {
margin-top: -0.2em;
margin-bottom: 1em;
margin-left: -0.5em;
}
/* line 76, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp fieldset, body.bp #IE8#HACK {
padding-top: 1.4em;
}
/* line 77, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp legend, body.bp #IE8#HACK {
margin-top: 0;
margin-bottom: 0;
}
/* line 78, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp textarea {
overflow: auto;
}
/* line 80, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp label {
position: relative;
top: -0.25em;
}
/* line 84, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp input.text {
margin: 0.5em 0;
background-color: white;
border: 1px solid #bbbbbb;
}
/* line 88, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp input.text:focus {
border: 1px solid #666666;
}
/* line 90, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp input.title {
margin: 0.5em 0;
background-color: white;
border: 1px solid #bbbbbb;
}
/* line 94, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp input.title:focus {
border: 1px solid #666666;
}
/* line 96, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp input.checkbox {
position: relative;
top: 0.25em;
}
/* line 99, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp input.radio {
position: relative;
top: 0.25em;
}
/* line 102, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp input.button {
position: relative;
top: 0.25em;
}
/* line 105, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp textarea {
margin: 0.5em 0;
}
/* line 107, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp select {
margin: 0.5em 0;
}
/* line 109, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_ie.scss */
body.bp button {
position: relative;
top: 0.25em;
-14
View File
@@ -1,4 +1,3 @@
/* line 4, ../sass/print.scss */
body.bp {
line-height: 1.5;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
@@ -6,11 +5,9 @@ body.bp {
background: none;
font-size: 10pt;
}
/* line 45, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp .container {
background: none;
}
/* line 47, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp hr {
background: #cccccc;
color: #cccccc;
@@ -20,54 +17,43 @@ body.bp hr {
padding: 0;
border: none;
}
/* line 55, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp hr.space {
background: white;
color: white;
}
/* line 58, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
/* line 60, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp code {
font-size: 0.9em;
font-family: "andale mono", "lucida console", monospace;
}
/* line 65, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp a img {
border: none;
}
/* line 68, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp a:link, body.bp a:visited {
background: transparent;
font-weight: 700;
text-decoration: underline;
}
/* line 72, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp p img.top {
margin-top: 0;
}
/* line 74, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp blockquote {
margin: 1.5em;
padding: 1em;
font-style: italic;
font-size: 0.9em;
}
/* line 79, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp .small {
font-size: 0.9em;
}
/* line 81, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp .large {
font-size: 1.1em;
}
/* line 83, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp .quiet {
color: #999999;
}
/* line 85, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_print.scss */
body.bp .hide {
display: none;
}
+98 -100
View File
@@ -1,11 +1,9 @@
/* line 4, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
html {
margin: 0;
padding: 0;
border: 0;
}
/* line 18, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
.bp-reset-element, body, h1, h2, h3, h4, h5, h6, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, blockquote, q, th, td, caption, table,
div, span, object, iframe, p,
pre, a, abbr, acronym, address,
@@ -23,21 +21,17 @@ caption, tbody, tfoot, thead, tr {
vertical-align: baseline;
}
/* line 20, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
display: block;
}
/* line 21, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
blockquote, q {
quotes: "" "";
}
/* line 67, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
/* line 22, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
th, td, caption {
float: none !important;
text-align: left;
@@ -45,261 +39,207 @@ th, td, caption {
vertical-align: middle;
}
/* line 23, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
table {
border-collapse: separate;
border-spacing: 0;
vertical-align: middle;
}
/* line 24, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/reset/_utilities.scss */
a img {
border: none;
}
/* line 9, ../sass/partials/_page.scss */
body.bp {
line-height: 1.5;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #333333;
font-size: 75%;
}
/* line 51, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
font-weight: normal;
color: #222222;
}
/* line 52, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp h1 img, body.bp h2 img, body.bp h3 img, body.bp h4 img, body.bp h5 img, body.bp h6 img {
margin: 0;
}
/* line 53, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp h1 {
font-size: 3em;
line-height: 1;
margin-bottom: 0.50em;
}
/* line 54, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp h2 {
font-size: 2em;
margin-bottom: 0.75em;
}
/* line 55, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp h3 {
font-size: 1.5em;
line-height: 1;
margin-bottom: 1.00em;
}
/* line 56, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp h4 {
font-size: 1.2em;
line-height: 1.25;
margin-bottom: 1.25em;
}
/* line 57, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp h5 {
font-size: 1em;
font-weight: bold;
margin-bottom: 1.50em;
}
/* line 58, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp h6 {
font-size: 1em;
font-weight: bold;
}
/* line 59, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp p {
margin: 0 0 1.5em;
}
/* line 60, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp p .left {
display: inline;
float: left;
margin: 1.5em 1.5em 1.5em 0;
padding: 0;
}
/* line 61, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp p .right {
display: inline;
float: right;
margin: 1.5em 0 1.5em 1.5em;
padding: 0;
}
/* line 62, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp a {
text-decoration: underline;
color: #0066cc;
}
/* line 18, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
body.bp a:visited {
color: #004c99;
}
/* line 21, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
body.bp a:focus {
color: #0099ff;
}
/* line 24, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
body.bp a:hover {
color: #0099ff;
}
/* line 27, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/compass/stylesheets/compass/typography/links/_link-colors.scss */
body.bp a:active {
color: #bf00ff;
}
/* line 63, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp blockquote {
margin: 1.5em;
color: #666666;
font-style: italic;
}
/* line 64, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp strong, body.bp dfn {
font-weight: bold;
}
/* line 65, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp em, body.bp dfn {
font-style: italic;
}
/* line 66, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp sup, body.bp sub {
line-height: 0;
}
/* line 67, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp abbr, body.bp acronym {
border-bottom: 1px dotted #666666;
}
/* line 68, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp address {
margin: 0 0 1.5em;
font-style: italic;
}
/* line 69, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp del {
color: #666666;
}
/* line 70, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp pre {
margin: 1.5em 0;
white-space: pre;
}
/* line 71, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp pre, body.bp code, body.bp tt {
font: 1em "andale mono", "lucida console", monospace;
line-height: 1.5;
}
/* line 72, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp li ul, body.bp li ol {
margin: 0;
}
/* line 73, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp ul, body.bp ol {
margin: 0 1.5em 1.5em 0;
padding-left: 1.5em;
}
/* line 74, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp ul {
list-style-type: disc;
}
/* line 75, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp ol {
list-style-type: decimal;
}
/* line 76, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp dl {
margin: 0 0 1.5em 0;
}
/* line 77, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp dl dt {
font-weight: bold;
}
/* line 78, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp dd {
margin-left: 1.5em;
}
/* line 79, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp table {
margin-bottom: 1.4em;
width: 100%;
}
/* line 80, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp th {
font-weight: bold;
}
/* line 81, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp thead th {
background: #c3d9ff;
}
/* line 82, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp th, body.bp td, body.bp caption {
padding: 4px 10px 4px 5px;
}
/* line 85, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp table.striped tr:nth-child(even) td,
body.bp table tr.even td {
background: #e5ecf9;
}
/* line 86, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp tfoot {
font-style: italic;
}
/* line 87, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp caption {
background: #eeeeee;
}
/* line 88, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp .quiet {
color: #666666;
}
/* line 89, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_typography.scss */
body.bp .loud {
color: #111111;
}
/* line 9, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
body.bp .clear {
clear: both;
}
/* line 12, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
body.bp .nowrap {
white-space: nowrap;
}
/* line 16, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
body.bp .clearfix {
overflow: hidden;
*zoom: 1;
}
/* line 18, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
body.bp .small {
font-size: 0.8em;
margin-bottom: 1.875em;
line-height: 1.875em;
}
/* line 22, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
body.bp .large {
font-size: 1.2em;
line-height: 2.5em;
margin-bottom: 1.25em;
}
/* line 26, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
body.bp .first {
margin-left: 0;
padding-left: 0;
}
/* line 29, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
body.bp .last {
margin-right: 0;
padding-right: 0;
}
/* line 32, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
body.bp .top {
margin-top: 0;
padding-top: 0;
}
/* line 35, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_utilities.scss */
body.bp .bottom {
margin-bottom: 0;
padding-bottom: 0;
}
/* line 25, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_debug.scss */
body.bp .showgrid {
background-image: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(5%, rgba(0, 0, 0, 0.5)), color-stop(5%, rgba(0, 0, 0, 0))), -webkit-gradient(linear, 0% 50%, 960 50%, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(0%, rgba(100, 100, 225, 0.25)), color-stop(3.125%, rgba(100, 100, 225, 0.25)), color-stop(3.125%, rgba(0, 0, 0, 0)), color-stop(4.167%, rgba(0, 0, 0, 0)), color-stop(4.167%, rgba(100, 100, 225, 0.25)), color-stop(7.292%, rgba(100, 100, 225, 0.25)), color-stop(7.292%, rgba(0, 0, 0, 0)), color-stop(8.333%, rgba(0, 0, 0, 0)), color-stop(8.333%, rgba(100, 100, 225, 0.25)), color-stop(11.458%, rgba(100, 100, 225, 0.25)), color-stop(11.458%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(0, 0, 0, 0)), color-stop(12.5%, rgba(100, 100, 225, 0.25)), color-stop(15.625%, rgba(100, 100, 225, 0.25)), color-stop(15.625%, rgba(0, 0, 0, 0)), color-stop(16.667%, rgba(0, 0, 0, 0)), color-stop(16.667%, rgba(100, 100, 225, 0.25)), color-stop(19.792%, rgba(100, 100, 225, 0.25)), color-stop(19.792%, rgba(0, 0, 0, 0)), color-stop(20.833%, rgba(0, 0, 0, 0)), color-stop(20.833%, rgba(100, 100, 225, 0.25)), color-stop(23.958%, rgba(100, 100, 225, 0.25)), color-stop(23.958%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)), color-stop(25%, rgba(100, 100, 225, 0.25)), color-stop(28.125%, rgba(100, 100, 225, 0.25)), color-stop(28.125%, rgba(0, 0, 0, 0)), color-stop(29.167%, rgba(0, 0, 0, 0)), color-stop(29.167%, rgba(100, 100, 225, 0.25)), color-stop(32.292%, rgba(100, 100, 225, 0.25)), color-stop(32.292%, rgba(0, 0, 0, 0)), color-stop(33.333%, rgba(0, 0, 0, 0)), color-stop(33.333%, rgba(100, 100, 225, 0.25)), color-stop(36.458%, rgba(100, 100, 225, 0.25)), color-stop(36.458%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(0, 0, 0, 0)), color-stop(37.5%, rgba(100, 100, 225, 0.25)), color-stop(40.625%, rgba(100, 100, 225, 0.25)), color-stop(40.625%, rgba(0, 0, 0, 0)), color-stop(41.667%, rgba(0, 0, 0, 0)), color-stop(41.667%, rgba(100, 100, 225, 0.25)), color-stop(44.792%, rgba(100, 100, 225, 0.25)), color-stop(44.792%, rgba(0, 0, 0, 0)), color-stop(45.833%, rgba(0, 0, 0, 0)), color-stop(45.833%, rgba(100, 100, 225, 0.25)), color-stop(48.958%, rgba(100, 100, 225, 0.25)), color-stop(48.958%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(100, 100, 225, 0.25)), color-stop(53.125%, rgba(100, 100, 225, 0.25)), color-stop(53.125%, rgba(0, 0, 0, 0)), color-stop(54.167%, rgba(0, 0, 0, 0)), color-stop(54.167%, rgba(100, 100, 225, 0.25)), color-stop(57.292%, rgba(100, 100, 225, 0.25)), color-stop(57.292%, rgba(0, 0, 0, 0)), color-stop(58.333%, rgba(0, 0, 0, 0)), color-stop(58.333%, rgba(100, 100, 225, 0.25)), color-stop(61.458%, rgba(100, 100, 225, 0.25)), color-stop(61.458%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(0, 0, 0, 0)), color-stop(62.5%, rgba(100, 100, 225, 0.25)), color-stop(65.625%, rgba(100, 100, 225, 0.25)), color-stop(65.625%, rgba(0, 0, 0, 0)), color-stop(66.667%, rgba(0, 0, 0, 0)), color-stop(66.667%, rgba(100, 100, 225, 0.25)), color-stop(69.792%, rgba(100, 100, 225, 0.25)), color-stop(69.792%, rgba(0, 0, 0, 0)), color-stop(70.833%, rgba(0, 0, 0, 0)), color-stop(70.833%, rgba(100, 100, 225, 0.25)), color-stop(73.958%, rgba(100, 100, 225, 0.25)), color-stop(73.958%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(100, 100, 225, 0.25)), color-stop(78.125%, rgba(100, 100, 225, 0.25)), color-stop(78.125%, rgba(0, 0, 0, 0)), color-stop(79.167%, rgba(0, 0, 0, 0)), color-stop(79.167%, rgba(100, 100, 225, 0.25)), color-stop(82.292%, rgba(100, 100, 225, 0.25)), color-stop(82.292%, rgba(0, 0, 0, 0)), color-stop(83.333%, rgba(0, 0, 0, 0)), color-stop(83.333%, rgba(100, 100, 225, 0.25)), color-stop(86.458%, rgba(100, 100, 225, 0.25)), color-stop(86.458%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(0, 0, 0, 0)), color-stop(87.5%, rgba(100, 100, 225, 0.25)), color-stop(90.625%, rgba(100, 100, 225, 0.25)), color-stop(90.625%, rgba(0, 0, 0, 0)), color-stop(91.667%, rgba(0, 0, 0, 0)), color-stop(91.667%, rgba(100, 100, 225, 0.25)), color-stop(94.792%, rgba(100, 100, 225, 0.25)), color-stop(94.792%, rgba(0, 0, 0, 0)), color-stop(95.833%, rgba(0, 0, 0, 0)), color-stop(95.833%, rgba(100, 100, 225, 0.25)), color-stop(98.958%, rgba(100, 100, 225, 0.25)), color-stop(98.958%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 5%, rgba(0, 0, 0, 0) 5%), -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0px, rgba(100, 100, 225, 0.25) 0px, rgba(100, 100, 225, 0.25) 30px, rgba(0, 0, 0, 0) 30px, rgba(0, 0, 0, 0) 40px, rgba(100, 100, 225, 0.25) 40px, rgba(100, 100, 225, 0.25) 70px, rgba(0, 0, 0, 0) 70px, rgba(0, 0, 0, 0) 80px, rgba(100, 100, 225, 0.25) 80px, rgba(100, 100, 225, 0.25) 110px, rgba(0, 0, 0, 0) 110px, rgba(0, 0, 0, 0) 120px, rgba(100, 100, 225, 0.25) 120px, rgba(100, 100, 225, 0.25) 150px, rgba(0, 0, 0, 0) 150px, rgba(0, 0, 0, 0) 160px, rgba(100, 100, 225, 0.25) 160px, rgba(100, 100, 225, 0.25) 190px, rgba(0, 0, 0, 0) 190px, rgba(0, 0, 0, 0) 200px, rgba(100, 100, 225, 0.25) 200px, rgba(100, 100, 225, 0.25) 230px, rgba(0, 0, 0, 0) 230px, rgba(0, 0, 0, 0) 240px, rgba(100, 100, 225, 0.25) 240px, rgba(100, 100, 225, 0.25) 270px, rgba(0, 0, 0, 0) 270px, rgba(0, 0, 0, 0) 280px, rgba(100, 100, 225, 0.25) 280px, rgba(100, 100, 225, 0.25) 310px, rgba(0, 0, 0, 0) 310px, rgba(0, 0, 0, 0) 320px, rgba(100, 100, 225, 0.25) 320px, rgba(100, 100, 225, 0.25) 350px, rgba(0, 0, 0, 0) 350px, rgba(0, 0, 0, 0) 360px, rgba(100, 100, 225, 0.25) 360px, rgba(100, 100, 225, 0.25) 390px, rgba(0, 0, 0, 0) 390px, rgba(0, 0, 0, 0) 400px, rgba(100, 100, 225, 0.25) 400px, rgba(100, 100, 225, 0.25) 430px, rgba(0, 0, 0, 0) 430px, rgba(0, 0, 0, 0) 440px, rgba(100, 100, 225, 0.25) 440px, rgba(100, 100, 225, 0.25) 470px, rgba(0, 0, 0, 0) 470px, rgba(0, 0, 0, 0) 480px, rgba(100, 100, 225, 0.25) 480px, rgba(100, 100, 225, 0.25) 510px, rgba(0, 0, 0, 0) 510px, rgba(0, 0, 0, 0) 520px, rgba(100, 100, 225, 0.25) 520px, rgba(100, 100, 225, 0.25) 550px, rgba(0, 0, 0, 0) 550px, rgba(0, 0, 0, 0) 560px, rgba(100, 100, 225, 0.25) 560px, rgba(100, 100, 225, 0.25) 590px, rgba(0, 0, 0, 0) 590px, rgba(0, 0, 0, 0) 600px, rgba(100, 100, 225, 0.25) 600px, rgba(100, 100, 225, 0.25) 630px, rgba(0, 0, 0, 0) 630px, rgba(0, 0, 0, 0) 640px, rgba(100, 100, 225, 0.25) 640px, rgba(100, 100, 225, 0.25) 670px, rgba(0, 0, 0, 0) 670px, rgba(0, 0, 0, 0) 680px, rgba(100, 100, 225, 0.25) 680px, rgba(100, 100, 225, 0.25) 710px, rgba(0, 0, 0, 0) 710px, rgba(0, 0, 0, 0) 720px, rgba(100, 100, 225, 0.25) 720px, rgba(100, 100, 225, 0.25) 750px, rgba(0, 0, 0, 0) 750px, rgba(0, 0, 0, 0) 760px, rgba(100, 100, 225, 0.25) 760px, rgba(100, 100, 225, 0.25) 790px, rgba(0, 0, 0, 0) 790px, rgba(0, 0, 0, 0) 800px, rgba(100, 100, 225, 0.25) 800px, rgba(100, 100, 225, 0.25) 830px, rgba(0, 0, 0, 0) 830px, rgba(0, 0, 0, 0) 840px, rgba(100, 100, 225, 0.25) 840px, rgba(100, 100, 225, 0.25) 870px, rgba(0, 0, 0, 0) 870px, rgba(0, 0, 0, 0) 880px, rgba(100, 100, 225, 0.25) 880px, rgba(100, 100, 225, 0.25) 910px, rgba(0, 0, 0, 0) 910px, rgba(0, 0, 0, 0) 920px, rgba(100, 100, 225, 0.25) 920px, rgba(100, 100, 225, 0.25) 950px, rgba(0, 0, 0, 0) 950px, rgba(0, 0, 0, 0) 960px);
@@ -313,89 +253,72 @@ body.bp .showgrid {
background-size: 100% 18px, auto;
background-position: left top;
}
/* line 4, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .feedback, body.bp .error, body.bp .alert, body.bp .notice, body.bp .success, body.bp .info {
padding: 0.8em;
margin-bottom: 1em;
border: 2px solid #dddddd;
}
/* line 5, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .error, body.bp .alert {
background: #fbe3e4;
color: #8a1f11;
border-color: #fbc2c4;
}
/* line 27, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .error a, body.bp .alert a {
color: #8a1f11;
}
/* line 7, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .notice {
background: #fff6bf;
color: #514721;
border-color: #ffd324;
}
/* line 36, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .notice a {
color: #514721;
}
/* line 8, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .success {
background: #e6efc2;
color: #264409;
border-color: #c6d880;
}
/* line 45, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .success a {
color: #264409;
}
/* line 9, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .info {
background: #d5edf8;
color: #205791;
border-color: #92cae4;
}
/* line 54, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .info a {
color: #205791;
}
/* line 10, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .hide {
display: none;
}
/* line 11, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .highlight {
background: yellow;
}
/* line 12, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .added {
background: #006600;
color: white;
}
/* line 13, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_interaction.scss */
body.bp .removed {
background: #990000;
color: white;
}
/* line 39, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
body.bp .box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #e5ecf9;
}
/* line 42, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
body.bp .border {
padding-right: 4px;
margin-right: 5px;
border-right: 1px solid #dddddd;
}
/* line 45, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
body.bp .colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #dddddd;
}
/* line 47, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
body.bp hr {
background: #dddddd;
color: #dddddd;
@@ -406,7 +329,6 @@ body.bp hr {
margin: 0 0 1.45em;
border: none;
}
/* line 49, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
body.bp hr.space {
background: #dddddd;
color: #dddddd;
@@ -420,116 +342,192 @@ body.bp hr.space {
color: white;
visibility: hidden;
}
/* line 51, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_scaffolding.scss */
body.bp form.inline {
line-height: 3;
}
/* line 6, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
body.bp form.inline p {
margin-bottom: 0;
}
/* line 18, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp label {
font-weight: bold;
}
/* line 19, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp fieldset {
padding: 1.4em;
margin: 0 0 1.5em 0;
}
/* line 20, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp legend {
font-weight: bold;
font-size: 1.2em;
}
/* line 26, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] {
margin: 0.5em 0;
background-color: white;
padding: 5px;
}
/* line 27, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp input.title {
font-size: 1.5em;
}
/* line 29, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp textarea {
margin: 0.5em 0;
padding: 5px;
}
/* line 30, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp select {
margin: 0.5em 0;
}
/* line 55, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp fieldset {
border: 1px solid #cccccc;
}
/* line 58, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password],
form.bp textarea {
background-color: #fff;
border: 1px solid #bbbbbb;
}
/* line 61, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp input.text:focus, form.bp input.title:focus, form.bp input[type=email]:focus, form.bp input[type=text]:focus, form.bp input[type=password]:focus,
form.bp textarea:focus {
border-color: #666666;
}
/* line 65, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp select {
background-color: #fff;
border-width: 1px;
border-style: solid;
}
/* line 44, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp input.text, form.bp input.title, form.bp input[type=email], form.bp input[type=text], form.bp input[type=password] {
width: 300px;
}
/* line 46, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_form.scss */
form.bp textarea {
width: 390px;
height: 250px;
}
/* line 25, ../sass/partials/_two_col.scss */
body.two-col #container {
width: 950px;
margin: 0 auto;
overflow: hidden;
*zoom: 1;
}
/* line 27, ../sass/partials/_two_col.scss */
body.two-col #header, body.two-col #footer {
display: inline;
float: left;
margin-right: 10px;
width: 950px;
}
/* line 147, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html body.two-col #header, * html body.two-col #footer {
overflow-x: hidden;
}
/* line 29, ../sass/partials/_two_col.scss */
body.two-col #sidebar {
display: inline;
float: left;
margin-right: 10px;
width: 310px;
}
/* line 147, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html body.two-col #sidebar {
overflow-x: hidden;
}
/* line 33, ../sass/partials/_two_col.scss */
body.two-col #content {
display: inline;
float: left;
margin-right: 0;
width: 630px;
}
/* line 147, ../../../../../../../var/lib/gems/1.9.1/gems/compass-0.11.6/frameworks/blueprint/stylesheets/blueprint/_grid.scss */
* html body.two-col #content {
overflow-x: hidden;
}
body {
background-color: #eeeeee;
}
body #header nav {
margin: 2em;
}
body #header nav ul {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
*zoom: 1;
}
body #header nav ul li {
list-style-image: none;
list-style-type: none;
margin-left: 0px;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
white-space: nowrap;
}
body #header nav ul li {
*display: inline;
}
body #register #customer ul {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
*zoom: 1;
}
body #register #customer ul li {
list-style-image: none;
list-style-type: none;
margin-left: 0px;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
white-space: nowrap;
}
body #register #customer ul li {
*display: inline;
}
body #register #customer ul li {
padding: 1em;
text-align: center;
width: 100px;
}
body #register #customer ul li:hover {
background-color: #bbbbbb;
}
body #register #customer ul li.selected {
background-color: #bbbbbb;
}
body #register #products ul {
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
*zoom: 1;
}
body #register #products ul li {
list-style-image: none;
list-style-type: none;
margin-left: 0px;
display: -moz-inline-box;
-moz-box-orient: vertical;
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
white-space: nowrap;
}
body #register #products ul li {
*display: inline;
}
body #register #products ul li {
padding: 1.5em;
text-align: center;
}
body #register #products ul li:hover {
background-color: #bbbbbb;
}
body input[type=submit] {
padding: 1em;
padding-left: 1.5em;
padding-right: 1.5em;
position: relative;
left: 100px;
}
body section {
margin-bottom: 2em;
}