impress/app/stylesheets/screen.scss

119 lines
2 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;
2010-05-20 19:40:04 -07:00
font: {
family: Delicious, Helvetica, Arial, sans-serif;
size: 100%;
}
line-height: 1;
2010-05-15 16:34:13 -07:00
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
2010-05-20 19:40:04 -07:00
a.item {
img {
@include opacity(.9);
}
&:hover img {
@include opacity(1);
}
}
/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
font-family: Delicious;
src: url('http://impress.openneo.net/assets/fonts/Delicious-Roman.otf');
}
@font-face {
font: {
family: Delicious;
weight: bold;
}
src: url('http://impress.openneo.net/assets/fonts/Delicious-Bold.otf');
}
@font-face {
font: {
family: Delicious;
style: italic;
}
src: url('http://impress.openneo.net/assets/fonts/Delicious-Italic.otf');
}
2010-05-15 17:46:41 -07:00
@import "items/show";