height: 100%;
}
-body.slim {
- background-color: #f0f0f0;
-}
-
h1, h2, h3 {
font-weight: 600;
line-height: 1.2;
p {
padding: $lineheight;
}
+
+ input {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ }
}
#sidebar {
z-index: 2000;
}
-#slim_container {
- width: 100%;
-}
-
-#slim_container_content {
- max-width: 50em;
- background-color: #FFFFFF;
- margin: $lineheight/2 auto;
- padding: 3px;
- border-radius: 25px;
- -moz-border-radius: 25px;
- border: 1px solid #e6e6e6;
-}
-
-#slim_content {
- margin: $lineheight/2;
- margin-top: 95px;
- max-width: 50em;
-
- .content-heading {
- margin-bottom: 15px;
- }
-}
-
-#slim_header {
- margin: 30px $lineheight/2;
- position: absolute;
- top: 0px;
- margin-right: $lineheight/4;
- img {
- vertical-align: middle;
- margin-bottom: $lineheight/4;
- margin-right: $lineheight/4;
- }
-}
-
/* Rules for small maps in content areas */
.content_map {
.message-read .message-buttons {
margin-top: $lineheight;
+ margin-bottom: $lineheight * 1.5;
padding-top: $lineheight;
border-top: 1px solid $lightgrey;
}
/* Rules for highlighting fields with rails validation errors */
-.field_with_errors {
- padding: 2px;
- background-color: #ff7070;
- display: inline-block;
-}
-
.formError {
display: inline-block;
padding: 5px 10px;
padding: 2px 5px;
margin: 0;
width: 200px;
+
+ &.field_with_errors {
+ border: 2px solid #ff7070;
+ }
}
textarea {
}
img.user_thumbnail_tiny {
+ width: auto;
+ height: auto;
max-width: 25px;
max-height: 25px;
border: 1px solid #ccc;
}
/* Rules for the "Welcome" page */
-.site-welcome {
+.site-welcome, .site-fixthemap {
.center {
text-align: center;
.sprite {
background-size: cover;
background-attachment: fixed;
- &.photo-0 { background-image: image-url('about/0.jpg'); .photo-0 { display: block; } }
- &.photo-1 { background-image: image-url('about/1.jpg'); .photo-1 { display: block; } }
- &.photo-2 { background-image: image-url('about/2.jpg'); .photo-2 { display: block; } }
- &.photo-3 { background-image: image-url('about/4.jpg'); .photo-3 { display: block; } }
- &.photo-4 { background-image: image-url('about/4.jpg'); .photo-4 { display: block; } }
- &.photo-5 { background-image: image-url('about/5.jpg'); .photo-5 { display: block; } }
-
.caption {
max-width: 200px;
font: 13px/20px Helvetica, Arial, sans-serif;