impress/app/stylesheets/items/_show.scss

108 lines
1.6 KiB
SCSS
Raw Normal View History

2010-05-15 17:46:41 -07:00
body.show {
header {
2010-06-30 11:51:49 -07:00
border-bottom: 1px solid $module-border-color;
2010-05-15 17:46:41 -07:00
display: block;
2010-05-15 17:49:13 -07:00
margin-bottom: 1em;
padding: 1em 0;
2010-09-08 19:49:39 -07:00
div, img {
@include inline-block;
}
div {
text-align: left;
}
a {
font-size: 75%;
margin-left: 1em;
}
2010-05-15 17:46:41 -07:00
}
#item-thumbnail {
2010-06-30 11:51:49 -07:00
border: 1px solid $module-border-color;
2010-05-15 17:46:41 -07:00
height: 80px;
2010-05-15 17:49:13 -07:00
margin-right: .5em;
2010-05-15 17:46:41 -07:00
width: 80px;
}
#item-name {
2010-09-08 19:49:39 -07:00
margin-bottom: 0;
2010-05-15 17:46:41 -07:00
}
#item-preview {
div {
float: left;
}
}
#item-preview-species {
width: 400px;
a, img {
height: 50px;
width: 50px;
}
a {
@include inline-block;
&.current {
2010-06-30 11:51:49 -07:00
background: $module-bg-color;
outline: 1px solid $module-border-color;
}
&.deactivated {
@include opacity(.5);
background: $error_bg_color;
//background: #fff;
//background: rgba(255, 255, 255, .5);
&.current {
outline-color: $error_border_color;
}
}
}
}
#item-preview-error {
display: none;
padding: 20px 10px 0;
width: 380px;
}
#item-preview-swf {
2010-05-20 19:05:13 -07:00
height: 300px;
overflow: hidden;
width: 300px;
}
2010-09-08 19:49:39 -07:00
#item-zones {
font: {
family: $body-font;
size: 85%;
}
p:first-child {
margin-bottom: .25em;
}
}
#item-preview-header {
margin-top: 3em;
h3, a {
@include inline-block;
}
a {
font-size: 85%;
margin: -1.5em 0 0 1em
}
}
.nc-icon {
height: 16px;
width: 16px;
}
2010-05-15 17:46:41 -07:00
}