forked from OpenNeo/impress
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 */
|
/* line 29, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
||||||
body.bp {
|
body {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
|
||||||
color: black;
|
color: black;
|
||||||
background: none;
|
background: none;
|
||||||
font-size: 10pt;
|
font-size: 10pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 52, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
/* 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;
|
background: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 54, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
/* 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;
|
background: #cccccc;
|
||||||
color: #cccccc;
|
color: #cccccc;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -21,53 +23,62 @@ body.bp hr {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
/* line 62, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
/* 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;
|
background: white;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 65, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
/* 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;
|
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 */
|
/* 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-size: 0.9em;
|
||||||
font-family: "andale mono", "lucida console", monospace;
|
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 */
|
/* 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;
|
border: none;
|
||||||
}
|
}
|
||||||
/* line 75, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
/* 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;
|
background: transparent;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 79, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
/* 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;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 81, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
/* 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;
|
margin: 1.5em;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-size: 0.9em;
|
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 */
|
/* 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;
|
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 */
|
/* 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;
|
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 */
|
/* 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;
|
color: #999999;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 92, ../../../../../.rvm/gems/ruby-1.9.2-preview3@rails3/gems/compass-0.10.5/frameworks/blueprint/stylesheets/blueprint/_print.scss */
|
/* 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;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,119 +1,116 @@
|
||||||
/* line 4, ../../../app/stylesheets/screen.scss */
|
/* line 4, ../../../app/stylesheets/screen.sass */
|
||||||
body {
|
body {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 8, ../../../app/stylesheets/screen.scss */
|
/* line 7, ../../../app/stylesheets/screen.sass */
|
||||||
input[type=text] {
|
input[type=text] {
|
||||||
font-size: 125%;
|
font-size: 125%;
|
||||||
width: 15em;
|
width: 15em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 13, ../../../app/stylesheets/screen.scss */
|
/* line 11, ../../../app/stylesheets/screen.sass */
|
||||||
h1 {
|
h1 {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
/* line 15, ../../../app/stylesheets/screen.scss */
|
/* line 13, ../../../app/stylesheets/screen.sass */
|
||||||
h1 img {
|
h1 img {
|
||||||
height: 80px;
|
height: 80px;
|
||||||
margin-bottom: -0.5em;
|
margin-bottom: -0.5em;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
}
|
}
|
||||||
/* line 21, ../../../app/stylesheets/screen.scss */
|
/* line 17, ../../../app/stylesheets/screen.sass */
|
||||||
h1 a {
|
h1 a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
/* line 24, ../../../app/stylesheets/screen.scss */
|
/* line 19, ../../../app/stylesheets/screen.sass */
|
||||||
h1 a span {
|
h1 a span {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
/* line 28, ../../../app/stylesheets/screen.scss */
|
/* line 21, ../../../app/stylesheets/screen.sass */
|
||||||
h1 a:hover span {
|
h1 a:hover span {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 34, ../../../app/stylesheets/screen.scss */
|
/* line 24, ../../../app/stylesheets/screen.sass */
|
||||||
#userbar-log-in {
|
#userbar-log-in {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
/* line 37, ../../../app/stylesheets/screen.scss */
|
/* line 26, ../../../app/stylesheets/screen.sass */
|
||||||
#userbar-log-in img {
|
#userbar-log-in img {
|
||||||
margin-bottom: -4px;
|
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 {
|
#userbar-log-in span {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
/* line 48, ../../../app/stylesheets/screen.scss */
|
/* line 32, ../../../app/stylesheets/screen.sass */
|
||||||
#userbar-log-in:hover span {
|
#userbar-log-in:hover span {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 1, ../../../app/stylesheets/items/_index.scss */
|
/* line 8, ../../../app/stylesheets/items/_index.sass */
|
||||||
form {
|
body.items-index form {
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
/* line 11, ../../../app/stylesheets/items/_index.sass */
|
||||||
/* line 5, ../../../app/stylesheets/items/_index.scss */
|
body.items-index .object .nc-icon {
|
||||||
.object .nc-icon {
|
|
||||||
height: 16px;
|
height: 16px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 16px;
|
right: 16px;
|
||||||
top: 64px;
|
top: 64px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
}
|
}
|
||||||
/* line 12, ../../../app/stylesheets/items/_index.scss */
|
/* line 17, ../../../app/stylesheets/items/_index.sass */
|
||||||
.object .nc-icon:hover {
|
body.items-index .object .nc-icon:hover {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||||
}
|
}
|
||||||
|
/* line 20, ../../../app/stylesheets/items/_index.sass */
|
||||||
/* line 26, ../../../app/stylesheets/items/_index.scss */
|
body.items-index #search-help {
|
||||||
#search-help {
|
|
||||||
float: left;
|
float: left;
|
||||||
width: 49%;
|
width: 49%;
|
||||||
padding-right: 1%;
|
padding-right: 1%;
|
||||||
}
|
}
|
||||||
/* line 21, ../../../app/stylesheets/items/_index.scss */
|
/* line 4, ../../../app/stylesheets/items/_index.sass */
|
||||||
#search-help h2 {
|
body.items-index #search-help h2 {
|
||||||
font-size: 125%;
|
font-size: 125%;
|
||||||
}
|
}
|
||||||
/* line 30, ../../../app/stylesheets/items/_index.scss */
|
/* line 23, ../../../app/stylesheets/items/_index.sass */
|
||||||
#search-help dl {
|
body.items-index #search-help dl {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
/* line 34, ../../../app/stylesheets/items/_index.scss */
|
/* line 25, ../../../app/stylesheets/items/_index.sass */
|
||||||
#search-help dd {
|
body.items-index #search-help dd {
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
}
|
}
|
||||||
|
/* line 28, ../../../app/stylesheets/items/_index.sass */
|
||||||
/* line 39, ../../../app/stylesheets/items/_index.scss */
|
body.items-index #species-search-links {
|
||||||
#species-search-links {
|
|
||||||
float: left;
|
float: left;
|
||||||
width: 49%;
|
width: 49%;
|
||||||
padding-left: 1%;
|
padding-left: 1%;
|
||||||
}
|
}
|
||||||
/* line 21, ../../../app/stylesheets/items/_index.scss */
|
/* line 4, ../../../app/stylesheets/items/_index.sass */
|
||||||
#species-search-links h2 {
|
body.items-index #species-search-links h2 {
|
||||||
font-size: 125%;
|
font-size: 125%;
|
||||||
}
|
}
|
||||||
/* line 44, ../../../app/stylesheets/items/_index.scss */
|
/* line 31, ../../../app/stylesheets/items/_index.sass */
|
||||||
#species-search-links img {
|
body.items-index #species-search-links img {
|
||||||
height: 80px;
|
height: 80px;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* line 2, ../../../app/stylesheets/items/_show.scss */
|
/* line 2, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show header {
|
body.items-show header {
|
||||||
border-bottom: 1px solid #006600;
|
border-bottom: 1px solid #006600;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 1em;
|
margin-bottom: 1em;
|
||||||
padding: 1em 0;
|
padding: 1em 0;
|
||||||
}
|
}
|
||||||
/* line 8, ../../../app/stylesheets/items/_show.scss */
|
/* line 7, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show header div, body.show header img {
|
body.items-show header div, body.items-show header img {
|
||||||
display: -moz-inline-box;
|
display: -moz-inline-box;
|
||||||
-moz-box-orient: vertical;
|
-moz-box-orient: vertical;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -121,41 +118,41 @@ body.show header div, body.show header img {
|
||||||
*display: inline;
|
*display: inline;
|
||||||
*vertical-align: auto;
|
*vertical-align: auto;
|
||||||
}
|
}
|
||||||
/* line 12, ../../../app/stylesheets/items/_show.scss */
|
/* line 9, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show header div {
|
body.items-show header div {
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
/* line 16, ../../../app/stylesheets/items/_show.scss */
|
/* line 11, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show header a {
|
body.items-show header a {
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
}
|
}
|
||||||
/* line 22, ../../../app/stylesheets/items/_show.scss */
|
/* line 14, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-thumbnail {
|
body.items-show #item-thumbnail {
|
||||||
border: 1px solid #006600;
|
border: 1px solid #006600;
|
||||||
height: 80px;
|
height: 80px;
|
||||||
margin-right: .5em;
|
margin-right: 0.5em;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
}
|
}
|
||||||
/* line 29, ../../../app/stylesheets/items/_show.scss */
|
/* line 19, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-name {
|
body.items-show #item-name {
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
/* line 34, ../../../app/stylesheets/items/_show.scss */
|
/* line 22, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview div {
|
body.items-show #item-preview div {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
/* line 39, ../../../app/stylesheets/items/_show.scss */
|
/* line 24, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-species {
|
body.items-show #item-preview-species {
|
||||||
width: 400px;
|
width: 400px;
|
||||||
}
|
}
|
||||||
/* line 42, ../../../app/stylesheets/items/_show.scss */
|
/* line 26, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-species a, body.show #item-preview-species img {
|
body.items-show #item-preview-species a, body.items-show #item-preview-species img {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
}
|
}
|
||||||
/* line 47, ../../../app/stylesheets/items/_show.scss */
|
/* line 29, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-species a {
|
body.items-show #item-preview-species a {
|
||||||
display: -moz-inline-box;
|
display: -moz-inline-box;
|
||||||
-moz-box-orient: vertical;
|
-moz-box-orient: vertical;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -163,49 +160,49 @@ body.show #item-preview-species a {
|
||||||
*display: inline;
|
*display: inline;
|
||||||
*vertical-align: auto;
|
*vertical-align: auto;
|
||||||
}
|
}
|
||||||
/* line 50, ../../../app/stylesheets/items/_show.scss */
|
/* line 31, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-species a.current {
|
body.items-show #item-preview-species a.current {
|
||||||
background: #eeffee;
|
background: #eeffee;
|
||||||
outline: 1px solid #006600;
|
outline: 1px solid #006600;
|
||||||
}
|
}
|
||||||
/* line 55, ../../../app/stylesheets/items/_show.scss */
|
/* line 34, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-species a.deactivated {
|
body.items-show #item-preview-species a.deactivated {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||||
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
|
||||||
background: #fbe3e4;
|
background: #fbe3e4;
|
||||||
}
|
}
|
||||||
/* line 60, ../../../app/stylesheets/items/_show.scss */
|
/* line 39, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-species a.deactivated.current {
|
body.items-show #item-preview-species a.deactivated.current {
|
||||||
outline-color: #fbc2c4;
|
outline-color: #fbc2c4;
|
||||||
}
|
}
|
||||||
/* line 67, ../../../app/stylesheets/items/_show.scss */
|
/* line 41, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-error {
|
body.items-show #item-preview-error {
|
||||||
display: none;
|
display: none;
|
||||||
padding: 20px 10px 0;
|
padding: 20px 10px 0;
|
||||||
width: 380px;
|
width: 380px;
|
||||||
}
|
}
|
||||||
/* line 73, ../../../app/stylesheets/items/_show.scss */
|
/* line 45, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-swf {
|
body.items-show #item-preview-swf {
|
||||||
height: 300px;
|
height: 300px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
width: 300px;
|
width: 300px;
|
||||||
}
|
}
|
||||||
/* line 79, ../../../app/stylesheets/items/_show.scss */
|
/* line 49, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-zones {
|
body.items-show #item-zones {
|
||||||
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
|
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
|
||||||
font-size: 85%;
|
font-size: 85%;
|
||||||
}
|
}
|
||||||
/* line 85, ../../../app/stylesheets/items/_show.scss */
|
/* line 53, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-zones p:first-child {
|
body.items-show #item-zones p:first-child {
|
||||||
margin-bottom: .25em;
|
margin-bottom: 0.25em;
|
||||||
}
|
}
|
||||||
/* line 90, ../../../app/stylesheets/items/_show.scss */
|
/* line 55, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-header {
|
body.items-show #item-preview-header {
|
||||||
margin-top: 3em;
|
margin-top: 3em;
|
||||||
}
|
}
|
||||||
/* line 93, ../../../app/stylesheets/items/_show.scss */
|
/* line 57, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-header h3, body.show #item-preview-header a {
|
body.items-show #item-preview-header h3, body.items-show #item-preview-header a {
|
||||||
display: -moz-inline-box;
|
display: -moz-inline-box;
|
||||||
-moz-box-orient: vertical;
|
-moz-box-orient: vertical;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
@ -213,13 +210,13 @@ body.show #item-preview-header h3, body.show #item-preview-header a {
|
||||||
*display: inline;
|
*display: inline;
|
||||||
*vertical-align: auto;
|
*vertical-align: auto;
|
||||||
}
|
}
|
||||||
/* line 97, ../../../app/stylesheets/items/_show.scss */
|
/* line 59, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show #item-preview-header a {
|
body.items-show #item-preview-header a {
|
||||||
font-size: 85%;
|
font-size: 85%;
|
||||||
margin: -1.5em 0 0 1em;
|
margin: -1.5em 0 0 1em;
|
||||||
}
|
}
|
||||||
/* line 103, ../../../app/stylesheets/items/_show.scss */
|
/* line 62, ../../../app/stylesheets/items/_show.sass */
|
||||||
body.show .nc-icon {
|
body.items-show .nc-icon {
|
||||||
height: 16px;
|
height: 16px;
|
||||||
width: 16px;
|
width: 16px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue