impress/app/stylesheets/screen.scss

83 lines
1.4 KiB
SCSS
Raw Normal View History

2010-05-15 16:34:13 -07:00
@import "blueprint/reset";
// The blue color scheme
@import "partials/blue";
@import "blueprint";
@import "compass";
2010-05-15 17:26:25 -07:00
@mixin module {
background: $module_background_color;
border: 1px solid $module_border_color;
}
2010-05-15 16:34:13 -07:00
body {
@include blueprint-typography(true);
@include blueprint-utilities;
@include blueprint-debug;
@include blueprint-interaction;
background: $background_color;
text-align: center;
}
#container {
margin: 0 auto;
padding: 1em 2em 1em;
text-align: center;
width: 800px;
}
2010-05-15 17:26:25 -07:00
form {
@include blueprint-form;
input[type=text] {
@include module;
color: inherit;
&:hover {
border-color: $input_hover_border_color;
}
&:focus {
border-color: $input_focus_border_color;
}
}
input[type=submit] {
background: $loud_button_background_color;
border: 1px solid $loud_button_border_color;
color: $loud_button_color;
cursor: pointer;
font-weight: bold;
padding: 5px;
&:focus {
border-color: $loud_button_focus_border_color;
}
}
}
2010-05-15 16:34:13 -07:00
2010-05-15 16:39:35 -07:00
.alert {
@include error;
}
2010-05-15 16:35:40 -07:00
h1 a {
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
2010-05-15 16:34:13 -07:00
.item {
@include inline-block;
padding: 10px;
text-align: center;
2010-05-15 17:46:41 -07:00
text-decoration: none;
2010-05-15 16:34:13 -07:00
vertical-align: top;
width: 100px;
img {
display: block;
height: 80px;
margin: 0 auto;
width: 80px;
}
}
2010-05-15 17:46:41 -07:00
@import "items/show";