> * {
height: 100%;
- padding: $lineheight/2 $lineheight;
+ padding: $lineheight/2;
}
h1, nav.primary {
h1 {
margin: 0;
- padding: ($lineheight - 3) $lineheight ($lineheight + 3);
+ padding-top: 15px;
a {
color: #000;
}
}
-
/* Utility for styling notification numbers */
.count-number {
#sidebar {
float: left;
width: $sidebarWidth;
+ background: #fff;
h2, h3, h4 {
padding: $lineheight $lineheight $lineheight/2;
}
- h4, span.user, span.date {
+ h4 {
font-weight: normal;
color: #666;
font-size: 12px;
}
.icon.close {
- position: absolute;
- right: $lineheight;
+ float: right;
cursor: pointer;
}
- p.large-text {
- font-size: 1.7em;
- line-height: 1.4em;
- font-weight: 300;
- }
+ -webkit-transition: margin 300ms linear;
+ -moz-transition: margin 300ms linear;
+ transition: margin 300ms linear;
}
- #sidebar.minimized {
+ .overlay-sidebar #sidebar {
position: absolute;
z-index: 1000;
height: auto;
- border-right: none;
+ border-radius: 5px;
+ overflow: hidden;
+ margin-top: $lineheight/2;
+ margin-left: $lineheight/2;
+ }
- #sidebar_content {
- display: none;
+ .welcome {
+ p {
+ padding: $lineheight/2 $lineheight $lineheight;
+ font-size: 110%;
+ font-weight: 300;
}
- #search_form {
- background: none;
- width: 78%;
+ .button {
+ width: 50%;
+ float: left;
+ margin: 0;
+ border-radius: 0;
+ font-weight: 400;
+ padding: .6em;
+
+ &.learn-more {
+ border-right: 1px solid #fff;
+ }
}
}
font-size: 16px;
text-stroke: 2px #fff;
background: rgba(255,255,255,.9);
- text-shadow:
- -2px -2px 1px #fff,
- 2px -2px 1px #fff,
- -2px 2px 1px #fff,
- 2px 2px 1px #fff;
input[type="radio"] {
display: none;
}
}
.leaflet-top {
- top: $lineheight !important;
+ top: $lineheight/2 !important;
.leaflet-control {
margin-right: 0px !important;
margin-top: 0px !important;
}
}
-#sidebar_content {
- position: absolute;
- top: 50px;
- bottom: 0;
- width: 100%;
- overflow-y: auto;
+#browse_status {
+ p {
+ padding: $lineheight;
+ }
+}
+#sidebar_content {
.loader,
.load_more {
text-align: center;
#search_form {
position: relative;
- padding: $lineheight/2 $lineheight;
+ padding: $lineheight/2;
background-color: $lightgrey;
#query_wrapper {
&.selected { background: #FFFFE6; }
/* color is derived from changeset bbox fillColor in history.js */
+
+ h4 {
+ padding: 0;
+ }
}
.comment a {