move from scss to sass
This commit is contained in:
parent
61b55d418e
commit
defafa0eb6
13 changed files with 259 additions and 348 deletions
21
app/stylesheets/_clean_constants.sass
Normal file
21
app/stylesheets/_clean_constants.sass
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
$text-color: #004400
|
||||
$link-color: $text-color + #222222
|
||||
$module-bg-color: #eeffee
|
||||
$module-border-color: #006600
|
||||
$input-border-color: #cceecc
|
||||
$marked-button-color: #0b61a4
|
||||
|
||||
$notice-color: #264409
|
||||
$notice-bg-color: #e6efc2
|
||||
$notice-border-color: #c6d880
|
||||
$error-color: #8a1f11
|
||||
$error-bg-color: #fbe3e4
|
||||
$error-border-color: #fbc2c4
|
||||
|
||||
$header-font: Delicious, Helvetica, Arial, Verdana, sans-serif
|
||||
$body-font: "Droid Serif", Georgia, "Times New Roman", Times, serif
|
||||
|
||||
$object-img-size: 80px
|
||||
$object-width: 100px
|
||||
$object-padding: 6px
|
||||
$nc-icon-size: 16px
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
$text-color: #040;
|
||||
$link-color: $text-color + #222;
|
||||
$module-bg-color: #efe;
|
||||
$module-border-color: #060;
|
||||
$input-border-color: #cec;
|
||||
$marked-button-color: #0b61a4;
|
||||
|
||||
$notice-color: #264409;
|
||||
$notice-bg-color: #e6efc2;
|
||||
$notice-border-color: #c6d880;
|
||||
$error-color: #8a1f11;
|
||||
$error-bg-color: #fbe3e4;
|
||||
$error-border-color: #fbc2c4;
|
||||
|
||||
$header-font: Delicious, Helvetica, Arial, Verdana, sans-serif;
|
||||
$body-font: "Droid Serif", Georgia, "Times New Roman", Times, serif;
|
||||
|
||||
$object-img-size: 80px;
|
||||
$object-width: 100px;
|
||||
$object-padding: 6px;
|
||||
$nc-icon-size: 16px;
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
@import "blueprint";
|
||||
|
||||
// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
|
||||
// +blueprint-ie
|
||||
|
||||
//Recommended Blueprint configuration with scoping and semantic layout:
|
||||
body.bp {
|
||||
@include blueprint-ie(true);
|
||||
// Note: Blueprint centers text to fix IE6 container centering.
|
||||
// This means all your texts will be centered under all version of IE by default.
|
||||
// If your container does not have the .container class, don't forget to restore
|
||||
// the correct behavior to your main container (but not the body tag!)
|
||||
// Example:
|
||||
// .my-container
|
||||
// text-align: left
|
||||
}
|
||||
33
app/stylesheets/items/_index.sass
Normal file
33
app/stylesheets/items/_index.sass
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
=main_unit
|
||||
float: left
|
||||
width: 49%
|
||||
h2
|
||||
font-size: 125%
|
||||
|
||||
body.items-index
|
||||
form
|
||||
margin-bottom: 2em
|
||||
|
||||
.object .nc-icon
|
||||
height: 16px
|
||||
position: absolute
|
||||
right: ($object-width - $object-img-size) / 2 + $object-padding
|
||||
top: $object-img-size - $nc-icon-size
|
||||
width: 16px
|
||||
&:hover
|
||||
+opacity(0.5)
|
||||
|
||||
#search-help
|
||||
+main_unit
|
||||
padding-right: 1%
|
||||
dl
|
||||
text-align: left
|
||||
dd
|
||||
margin-bottom: 1em
|
||||
|
||||
#species-search-links
|
||||
+main_unit
|
||||
padding-left: 1%
|
||||
img
|
||||
height: 80px
|
||||
width: 80px
|
||||
|
|
@ -1,48 +0,0 @@
|
|||
form {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
.object .nc-icon {
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
right: ($object-width - $object-img-size) / 2 + $object-padding;
|
||||
top: $object-img-size - $nc-icon-size;
|
||||
width: 16px;
|
||||
|
||||
&:hover {
|
||||
@include opacity(.5);
|
||||
}
|
||||
}
|
||||
|
||||
@mixin main_unit {
|
||||
float: left;
|
||||
width: 49%;
|
||||
|
||||
h2 {
|
||||
font-size: 125%;
|
||||
}
|
||||
}
|
||||
|
||||
#search-help {
|
||||
@include main_unit;
|
||||
padding-right: 1%;
|
||||
|
||||
dl {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
}
|
||||
|
||||
#species-search-links {
|
||||
@include main_unit;
|
||||
|
||||
padding-left: 1%;
|
||||
|
||||
img {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
}
|
||||
64
app/stylesheets/items/_show.sass
Normal file
64
app/stylesheets/items/_show.sass
Normal file
|
|
@ -0,0 +1,64 @@
|
|||
body.items-show
|
||||
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: $body-font
|
||||
size: 85%
|
||||
p:first-child
|
||||
margin-bottom: .25em
|
||||
#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
|
||||
|
|
@ -1,107 +0,0 @@
|
|||
body.show {
|
||||
header {
|
||||
border-bottom: 1px solid $module-border-color;
|
||||
display: block;
|
||||
margin-bottom: 1em;
|
||||
padding: 1em 0;
|
||||
|
||||
div, img {
|
||||
@include 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 {
|
||||
@include inline-block;
|
||||
|
||||
&.current {
|
||||
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 {
|
||||
height: 300px;
|
||||
overflow: hidden;
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
}
|
||||
3
app/stylesheets/print.sass
Normal file
3
app/stylesheets/print.sass
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
@import blueprint
|
||||
|
||||
+blueprint-print
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
@import "blueprint";
|
||||
|
||||
// To generate css equivalent to the blueprint css but with your configuration applied, uncomment:
|
||||
// +blueprint-print
|
||||
|
||||
//Recommended Blueprint configuration with scoping and semantic layout:
|
||||
body.bp {
|
||||
@include blueprint-print(true); }
|
||||
36
app/stylesheets/screen.sass
Normal file
36
app/stylesheets/screen.sass
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
@import compass
|
||||
@import clean_constants
|
||||
|
||||
body
|
||||
text-align: center
|
||||
|
||||
input[type=text]
|
||||
font-size: 125%
|
||||
width: 15em
|
||||
|
||||
h1
|
||||
margin-bottom: 1em
|
||||
img
|
||||
height: 80px
|
||||
margin-bottom: -0.5em
|
||||
width: 80px
|
||||
a
|
||||
text-decoration: none
|
||||
span
|
||||
text-decoration: underline
|
||||
&:hover span
|
||||
text-decoration: none
|
||||
|
||||
#userbar-log-in
|
||||
text-decoration: none
|
||||
img
|
||||
margin:
|
||||
bottom: -4px
|
||||
right: .25em
|
||||
span
|
||||
text-decoration: underline
|
||||
&:hover span
|
||||
text-decoration: none
|
||||
|
||||
@import items/index
|
||||
@import items/show
|
||||
|
|
@ -1,54 +0,0 @@
|
|||
@import "compass";
|
||||
@import "clean_constants";
|
||||
|
||||
body {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
font-size: 125%;
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
margin-bottom: 1em;
|
||||
img {
|
||||
height: 80px;
|
||||
margin-bottom: -.5em;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
|
||||
span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&:hover span {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#userbar-log-in {
|
||||
text-decoration: none;
|
||||
|
||||
img {
|
||||
margin: {
|
||||
bottom: -4px;
|
||||
right: .25em;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&:hover span {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
@import "items/index";
|
||||
@import "items/show";
|
||||
|
|
@ -1,17 +1,19 @@
|
|||
/* line 7, ../../../app/stylesheets/print.scss */
|
||||
body.bp {
|
||||
/* line 29, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body {
|
||||
line-height: 1.5;
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
color: black;
|
||||
background: none;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
/* line 52, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp .container {
|
||||
.container {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/* line 54, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp hr {
|
||||
hr {
|
||||
background: #cccccc;
|
||||
color: #cccccc;
|
||||
width: 100%;
|
||||
|
|
@ -21,53 +23,62 @@ body.bp hr {
|
|||
border: none;
|
||||
}
|
||||
/* line 62, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp hr.space {
|
||||
hr.space {
|
||||
background: white;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* line 65, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp h1, body.bp h2, body.bp h3, body.bp h4, body.bp h5, body.bp h6 {
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
/* line 67, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp code {
|
||||
code {
|
||||
font-size: 0.9em;
|
||||
font-family: "andale mono", "lucida console", monospace;
|
||||
}
|
||||
|
||||
/* line 72, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp a img {
|
||||
a img {
|
||||
border: none;
|
||||
}
|
||||
/* line 75, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp a:link, body.bp a:visited {
|
||||
a:link, a:visited {
|
||||
background: transparent;
|
||||
font-weight: 700;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* line 79, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp p img.top {
|
||||
p img.top {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* line 81, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp blockquote {
|
||||
blockquote {
|
||||
margin: 1.5em;
|
||||
padding: 1em;
|
||||
font-style: italic;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* line 86, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp .small {
|
||||
.small {
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
/* line 88, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp .large {
|
||||
.large {
|
||||
font-size: 1.1em;
|
||||
}
|
||||
|
||||
/* line 90, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp .quiet {
|
||||
.quiet {
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
/* line 92, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||
body.bp .hide {
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,119 +1,116 @@
|
|||
/* line 4, ../../../app/stylesheets/screen.scss */
|
||||
/* line 4, ../../../app/stylesheets/screen.sass */
|
||||
body {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* line 8, ../../../app/stylesheets/screen.scss */
|
||||
/* line 7, ../../../app/stylesheets/screen.sass */
|
||||
input[type=text] {
|
||||
font-size: 125%;
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
/* line 13, ../../../app/stylesheets/screen.scss */
|
||||
/* line 11, ../../../app/stylesheets/screen.sass */
|
||||
h1 {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
/* line 15, ../../../app/stylesheets/screen.scss */
|
||||
/* line 13, ../../../app/stylesheets/screen.sass */
|
||||
h1 img {
|
||||
height: 80px;
|
||||
margin-bottom: -0.5em;
|
||||
width: 80px;
|
||||
}
|
||||
/* line 21, ../../../app/stylesheets/screen.scss */
|
||||
/* line 17, ../../../app/stylesheets/screen.sass */
|
||||
h1 a {
|
||||
text-decoration: none;
|
||||
}
|
||||
/* line 24, ../../../app/stylesheets/screen.scss */
|
||||
/* line 19, ../../../app/stylesheets/screen.sass */
|
||||
h1 a span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* line 28, ../../../app/stylesheets/screen.scss */
|
||||
/* line 21, ../../../app/stylesheets/screen.sass */
|
||||
h1 a:hover span {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* line 34, ../../../app/stylesheets/screen.scss */
|
||||
/* line 24, ../../../app/stylesheets/screen.sass */
|
||||
#userbar-log-in {
|
||||
text-decoration: none;
|
||||
}
|
||||
/* line 37, ../../../app/stylesheets/screen.scss */
|
||||
/* line 26, ../../../app/stylesheets/screen.sass */
|
||||
#userbar-log-in img {
|
||||
margin-bottom: -4px;
|
||||
margin-right: .25em;
|
||||
margin-right: 0.25em;
|
||||
}
|
||||
/* line 44, ../../../app/stylesheets/screen.scss */
|
||||
/* line 30, ../../../app/stylesheets/screen.sass */
|
||||
#userbar-log-in span {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* line 48, ../../../app/stylesheets/screen.scss */
|
||||
/* line 32, ../../../app/stylesheets/screen.sass */
|
||||
#userbar-log-in:hover span {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* line 1, ../../../app/stylesheets/items/_index.scss */
|
||||
form {
|
||||
/* line 8, ../../../app/stylesheets/items/_index.sass */
|
||||
body.items-index form {
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
/* line 5, ../../../app/stylesheets/items/_index.scss */
|
||||
.object .nc-icon {
|
||||
/* line 11, ../../../app/stylesheets/items/_index.sass */
|
||||
body.items-index .object .nc-icon {
|
||||
height: 16px;
|
||||
position: absolute;
|
||||
right: 16px;
|
||||
top: 64px;
|
||||
width: 16px;
|
||||
}
|
||||
/* line 12, ../../../app/stylesheets/items/_index.scss */
|
||||
.object .nc-icon:hover {
|
||||
/* line 17, ../../../app/stylesheets/items/_index.sass */
|
||||
body.items-index .object .nc-icon:hover {
|
||||
opacity: 0.5;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||
}
|
||||
|
||||
/* line 26, ../../../app/stylesheets/items/_index.scss */
|
||||
#search-help {
|
||||
/* line 20, ../../../app/stylesheets/items/_index.sass */
|
||||
body.items-index #search-help {
|
||||
float: left;
|
||||
width: 49%;
|
||||
padding-right: 1%;
|
||||
}
|
||||
/* line 21, ../../../app/stylesheets/items/_index.scss */
|
||||
#search-help h2 {
|
||||
/* line 4, ../../../app/stylesheets/items/_index.sass */
|
||||
body.items-index #search-help h2 {
|
||||
font-size: 125%;
|
||||
}
|
||||
/* line 30, ../../../app/stylesheets/items/_index.scss */
|
||||
#search-help dl {
|
||||
/* line 23, ../../../app/stylesheets/items/_index.sass */
|
||||
body.items-index #search-help dl {
|
||||
text-align: left;
|
||||
}
|
||||
/* line 34, ../../../app/stylesheets/items/_index.scss */
|
||||
#search-help dd {
|
||||
/* line 25, ../../../app/stylesheets/items/_index.sass */
|
||||
body.items-index #search-help dd {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
/* line 39, ../../../app/stylesheets/items/_index.scss */
|
||||
#species-search-links {
|
||||
/* line 28, ../../../app/stylesheets/items/_index.sass */
|
||||
body.items-index #species-search-links {
|
||||
float: left;
|
||||
width: 49%;
|
||||
padding-left: 1%;
|
||||
}
|
||||
/* line 21, ../../../app/stylesheets/items/_index.scss */
|
||||
#species-search-links h2 {
|
||||
/* line 4, ../../../app/stylesheets/items/_index.sass */
|
||||
body.items-index #species-search-links h2 {
|
||||
font-size: 125%;
|
||||
}
|
||||
/* line 44, ../../../app/stylesheets/items/_index.scss */
|
||||
#species-search-links img {
|
||||
/* line 31, ../../../app/stylesheets/items/_index.sass */
|
||||
body.items-index #species-search-links img {
|
||||
height: 80px;
|
||||
width: 80px;
|
||||
}
|
||||
|
||||
/* line 2, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show header {
|
||||
/* line 2, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show header {
|
||||
border-bottom: 1px solid #006600;
|
||||
display: block;
|
||||
margin-bottom: 1em;
|
||||
padding: 1em 0;
|
||||
}
|
||||
/* line 8, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show header div, body.show header img {
|
||||
/* line 7, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show header div, body.items-show header img {
|
||||
display: -moz-inline-box;
|
||||
-moz-box-orient: vertical;
|
||||
display: inline-block;
|
||||
|
|
@ -121,41 +118,41 @@ body.show header div, body.show header img {
|
|||
*display: inline;
|
||||
*vertical-align: auto;
|
||||
}
|
||||
/* line 12, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show header div {
|
||||
/* line 9, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show header div {
|
||||
text-align: left;
|
||||
}
|
||||
/* line 16, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show header a {
|
||||
/* line 11, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show header a {
|
||||
font-size: 75%;
|
||||
margin-left: 1em;
|
||||
}
|
||||
/* line 22, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-thumbnail {
|
||||
/* line 14, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-thumbnail {
|
||||
border: 1px solid #006600;
|
||||
height: 80px;
|
||||
margin-right: .5em;
|
||||
margin-right: 0.5em;
|
||||
width: 80px;
|
||||
}
|
||||
/* line 29, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-name {
|
||||
/* line 19, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-name {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
/* line 34, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview div {
|
||||
/* line 22, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview div {
|
||||
float: left;
|
||||
}
|
||||
/* line 39, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-species {
|
||||
/* line 24, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-species {
|
||||
width: 400px;
|
||||
}
|
||||
/* line 42, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-species a, body.show #item-preview-species img {
|
||||
/* line 26, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-species a, body.items-show #item-preview-species img {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
/* line 47, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-species a {
|
||||
/* line 29, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-species a {
|
||||
display: -moz-inline-box;
|
||||
-moz-box-orient: vertical;
|
||||
display: inline-block;
|
||||
|
|
@ -163,49 +160,49 @@ body.show #item-preview-species a {
|
|||
*display: inline;
|
||||
*vertical-align: auto;
|
||||
}
|
||||
/* line 50, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-species a.current {
|
||||
/* line 31, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-species a.current {
|
||||
background: #eeffee;
|
||||
outline: 1px solid #006600;
|
||||
}
|
||||
/* line 55, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-species a.deactivated {
|
||||
/* line 34, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-species a.deactivated {
|
||||
opacity: 0.5;
|
||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||
background: #fbe3e4;
|
||||
}
|
||||
/* line 60, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-species a.deactivated.current {
|
||||
/* line 39, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-species a.deactivated.current {
|
||||
outline-color: #fbc2c4;
|
||||
}
|
||||
/* line 67, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-error {
|
||||
/* line 41, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-error {
|
||||
display: none;
|
||||
padding: 20px 10px 0;
|
||||
width: 380px;
|
||||
}
|
||||
/* line 73, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-swf {
|
||||
/* line 45, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-swf {
|
||||
height: 300px;
|
||||
overflow: hidden;
|
||||
width: 300px;
|
||||
}
|
||||
/* line 79, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-zones {
|
||||
/* line 49, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-zones {
|
||||
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
|
||||
font-size: 85%;
|
||||
}
|
||||
/* line 85, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-zones p:first-child {
|
||||
margin-bottom: .25em;
|
||||
/* line 53, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-zones p:first-child {
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
/* line 90, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-header {
|
||||
/* line 55, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-header {
|
||||
margin-top: 3em;
|
||||
}
|
||||
/* line 93, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-header h3, body.show #item-preview-header a {
|
||||
/* line 57, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-header h3, body.items-show #item-preview-header a {
|
||||
display: -moz-inline-box;
|
||||
-moz-box-orient: vertical;
|
||||
display: inline-block;
|
||||
|
|
@ -213,13 +210,13 @@ body.show #item-preview-header h3, body.show #item-preview-header a {
|
|||
*display: inline;
|
||||
*vertical-align: auto;
|
||||
}
|
||||
/* line 97, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show #item-preview-header a {
|
||||
/* line 59, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show #item-preview-header a {
|
||||
font-size: 85%;
|
||||
margin: -1.5em 0 0 1em;
|
||||
}
|
||||
/* line 103, ../../../app/stylesheets/items/_show.scss */
|
||||
body.show .nc-icon {
|
||||
/* line 62, ../../../app/stylesheets/items/_show.sass */
|
||||
body.items-show .nc-icon {
|
||||
height: 16px;
|
||||
width: 16px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue