impress/app/stylesheets/screen.scss

146 lines
2.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;
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-06-08 07:39:23 -07:00
a {
2010-05-20 19:40:04 -07:00
img {
@include opacity(.9);
}
2010-06-08 07:39:23 -07:00
&:hover, &:focus {
img {
@include opacity(1);
}
2010-05-20 19:40:04 -07:00
}
}
2010-06-08 14:59:24 -07:00
#impress-link {
font: {
size: 125%;
weight: bold;
}
left: .5em;
padding: .5em;
text-decoration: none;
top: .5em;
position: absolute;
&:before {
content: "<< ";
}
&:hover {
background: $module_background_color;
}
span {
text-decoration: underline;
}
}
2010-05-20 19:40:04 -07:00
/* 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-06-08 07:39:23 -07:00
@import "items/index";
2010-05-15 17:46:41 -07:00
@import "items/show";