1
0
Fork 0
forked from OpenNeo/impress
impress/app/stylesheets/items/_show.sass

141 lines
2.4 KiB
Sass

body.items-show
#item-header
border-bottom: 1px solid $module-border-color
display: block
margin-bottom: 1em
padding: 1em 0
div, img
+inline-block
div
text-align: left
a
font-size: 75%
margin-left: 1em
#item-thumbnail
border: 1px solid $module-border-color
height: 80px
margin-right: .5em
width: 80px
#item-name
margin-bottom: 0
#item-preview
div
float: left
#item-preview-species
width: 400px
a, img
height: 50px
width: 50px
a
+inline-block
&.current
background: $module-bg-color
outline: 1px solid $module-border-color
&.deactivated
+opacity(0.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
height: 300px
overflow: hidden
width: 300px
#item-zones
font:
family: $text-font
size: 85%
margin-bottom: 1em
p
display: inline
&:first-child
margin-right: 1em
#trade-hangers
font-size: 85%
text-align: left
p
position: relative
&:first-child
margin-bottom: .5em
&.overflows
.toggle
display: block
&.showing-more
.toggle
.less
display: block
.more
display: none
.toggle
background: white
bottom: 0
cursor: pointer
display: none
font-family: $main-font
padding: 0 1em
position: absolute
right: 0
&:hover
text-decoration: underline
.less
display: none
#item-preview-header
margin-top: 3em
h3, a
+inline-block
a
font-size: 85%
margin: -1.5em 0 0 1em
.nc-icon
height: 16px
width: 16px
#closet-hangers
border: 1px solid $module-border-color
float: right
font-size: 85%
margin-left: 1em
padding: 1em
width: 21em
label, header
display: block
font-weight: bold
header
font-size: 125%
form
padding: .5em 0
select
width: 9em
input[type=number]
width: 4em
&.js
#trade-hangers
p
max-height: 3em
overflow: hidden
&.showing-more
max-height: none