padding: 0px;
}
+body.slim {
+ background-color: #f0f0f0;
+}
+
/* Rules for links */
a {
#left {
position: absolute;
- top: -8px;
- min-width: 150px;
+ top: 0px;
+ min-width: 170px;
}
/* Rules for the OpenStreetMap logo in the top left corner */
#logo {
- width: 150px;
- min-width: 150px;
- padding: 10px;
- margin: 10px;
+ width: 170px;
+ min-width: 170px;
+ padding: 5px;
+ margin: 5px;
height: 150px;
background: #fff;
border: 1px solid #ccd;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
}
#logo h1 {
margin: 0px;
}
+/* Rules for the site name */
+
+#small-title {
+ display: none;
+}
+
/* Rules for the introductory text displayed in the left sidebar to new users */
#intro {
width: 170px;
- margin: 10px;
+ padding: 5px;
+ margin: 5px;
border: 1px solid #ccc;
font-size: 11px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
}
-#intro p { margin: 10px; }
+#intro p { margin: 5px; }
/*
* Rules for alert boxes shown in the left sidebar when important
*/
#alert {
- width: 150px;
- margin: 10px;
- padding: 10px;
+ width: 170px;
+ margin: 5px;
+ padding: 5px;
border: 1px solid #ccc;
background: #d00;
line-height: 1.2em;
text-align: left;
font-size: 14px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
}
/*
*/
.notice {
- width: 150px;
- margin: 10px;
- padding: 10px;
+ width: 170px;
+ margin: 5px;
+ padding: 5px;
border: 1px solid #ccc;
background: #ea0;
line-height: 1.2em;
text-align: left;
font-size: 14px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
}
/* Rules for the menu displayed in the left sidebar */
.left_menu {
- width: 150px;
- min-width: 150px;
- margin: 10px;
- padding: 10px;
+ width: 170px;
+ min-width: 170px;
+ margin: 5px;
+ padding: 5px;
border: 1px solid #ccc;
left: 0px;
background: #ddd;
text-align: Left;
font-size: 14px;
font-weight: bold;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
}
.left_menu td {
}
.left_menu ul {
- padding-left: 10px;
+ padding-left: 0px;
margin: 0px;
+ list-style-type: none;
}
.left_menu li {
/* Rules for SOTM advert */
#sotm {
- width: 170px;
+ width: 180px;
+ min-width: 180px;
+ margin: 5px;
padding: 0px;
+ border: 0px;
+ background: #fff;
}
/*
*/
.optionalbox {
- width: 150px;
- min-width: 150px;
- margin: 10px;
- padding: 10px;
+ width: 170px;
+ min-width: 170px;
+ margin: 5px;
+ padding: 5px;
border: 1px solid #ccc;
left: 0px;
line-height: 1.2em;
text-align: left;
font-size: 12px;
background: #eee;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
}
.optionalbox h1 {
float: right;
}
-.search_form {
+.search_container {
height: 16px;
padding-bottom: 6px;
}
}
#search_field input[type="text"] {
- width: 116px;
+ width: 136px;
}
#search_field input[type="submit"] {
width: 26px;
+ padding-left: 0px;
+ padding-right: 0px;
}
.search_help {
/* Rules for donation request box */
.donate {
- width: 150px;
- margin: 10px;
- padding: 10px;
+ width: 170px;
+ margin: 5px;
+ padding: 5px;
border: 1px solid #ccc;
background: #cbeea7;
line-height: 1.2em;
text-align: center;
font-size: 14px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
}
/* Rules for Creative Commons logo button */
border: 1px solid #ccc;
text-decoration: none;
color: #333;
+ border-top-right-radius: 5px;
+ -moz-border-radius-topright: 5px;
+ border-top-left-radius: 5px;
+ -moz-border-radius-topleft: 5px;
}
#tabnav a:link.active, #tabnav a:visited.active
display: none !important;
}
-#map #permalink {
- z-index:10000;
- position:absolute;
- bottom:15px;
- right:15px;
- font-size:smaller;
+#permalink {
+ z-index: 10000;
+ position: absolute;
+ bottom: 15px;
+ right: 15px;
+ font-size: smaller;
text-align: right;
}
+/* Rules for edit menu */
+
+#editmenu {
+ display: none;
+ z-index: 10000;
+ position: absolute;
+ background-color: #ffffff;
+ border: 1px solid black;
+}
+
+#editmenu ul {
+ margin-top: 10px;
+ margin-bottom: 10px;
+ padding-left: 10px;
+ padding-right: 10px;
+}
+
+#editmenu li {
+ list-style-type: none;
+}
+
/* Rules for attribution text under the main map shown on printouts */
#attribution {
text-align: left;
}
+#slim_container {
+ width: 100%;
+}
+
+#slim_container_content {
+ max-width: 50em;
+ background-color: #FFFFFF;
+ margin: 10px auto;
+ padding: 3px;
+ border-radius: 25px;
+ -moz-border-radius: 25px;
+ border: 1px solid #e6e6e6;
+}
+
+#slim_content {
+ margin: 10px;
+ margin-top: 90px;
+ max-width: 50em;
+}
+
+#slim_header {
+ margin: 10px;
+ position: absolute;
+ top: 0px;
+}
+
+#slim_header img {
+ vertical-align: middle;
+ margin-right: 5px;
+ margin-bottom: 5px;
+}
+
/* Rules for the changeset list shown by the history tab etc */
-#changeset_list, #keyvalue {
- width: 100%;
+#changeset_list_container {
+ position: relative;
+}
+
+#changeset_list {
+ width: 50%;
font-size: small;
text-align: left;
border-collapse: collapse;
border-width: 0px;
+ margin-top: 1px;
+ margin-bottom: 1px;
+}
+
+#changeset_list td {
+ vertical-align: top;
+ padding: 3px;
}
#changeset_list .date {
white-space: nowrap;
}
-#changeset_list.th {
- font-weight: bold;
+#changeset_list .selected {
+ background-color: rgb(255, 255, 160);
+ background-color: rgba(255, 255, 85, 0.5);
+}
+
+#changeset_list_map {
+ float: right;
+ position: absolute;
+ top: 0px;
+ bottom: 0px;
+ right: 0px;
+ width: 49%;
+ min-height: 400px;
+ border: solid 1px black;
+}
+
+/* Rules for the data browser */
+
+#browse_navigation {
+ float: right;
+ width: 250px;
+ text-align: center;
+ margin-left: 10px;
+}
+
+table.browse_details th {
+ white-space: nowrap;
+}
+
+#browse_map {
+ float: right;
+ width: 250px;
+ text-align: right;
+ margin-left: 10px;
+}
+
+#browse_map #small_map {
+ width: 250px;
+ height: 300px;
+ border: solid 1px black;
}
/* Rules for the trace list shown by the traces tab etc */
color: gray;
}
+/* Rules for the user list */
+
+#user_list {
+ width: 100%;
+ font-size: small;
+}
+
+#user_list tr {
+ vertical-align: middle;
+}
+
+#user_list p {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+
+#user_list_actions {
+ float: right;
+ margin-top: 10px;
+}
+
+/* Rules for the login page */
+
+#login_wrapper div {
+ margin: 5px;
+ padding: 15px;
+ border-radius: 15px;
+ -moz-border-radius: 15px;
+}
+
+#login_wrapper input[type=submit] {
+ float: right;
+}
+
+#login_login {
+ background-color: #f5f5ff;
+ border: 1px solid #f3f3ff;
+ border-radius: 15px;
+ -moz-border-radius: 15px;
+}
+
+#login_login h1 {
+ margin-top: 5px;
+}
+
+#login_signup form.button-to div {
+ margin: 0px;
+ padding: 0px;
+}
+
+/* Rules for the account confirmation page */
+
+div#contributorTerms {
+ border: 1px solid black;
+ padding: 4px;
+ overflow: auto;
+ width: 95%;
+ height: 400px;
+}
+
+div#slim_content div#contributorTerms {
+ width: auto;
+}
+
+div#contributorTerms p#first {
+ margin-top: 0px;
+}
+
+div#contributorTerms p#last {
+ margin-bottom: 0px;
+}
+
+div#contributorTerms ol {
+ margin-bottom: 0px;
+}
+
+div#contributorTerms img {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ margin-top: 10%;
+}
+
+form#termsForm {
+ width: 95%;
+ margin-bottom: 3em;
+}
+
+div#slim_content form#termsForm {
+ width: auto;
+}
+
+form#termsForm div#buttons {
+ float: right;
+}
+
+form#termsForm input#agree {
+ margin-left: 50px;
+}
+
+p#contributorGuidance {
+ background-color: #f5f5ff;
+ border: 1px solid #f3f3ff;
+ border-radius: 15px;
+ -moz-border-radius: 15px;
+ padding: 10px;
+}
+
/* Rules for the account settings page */
#accountForm td {
padding: 7px;
background-color: #fff0f0;
margin-bottom: 20px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
}
#warning {
padding: 7px;
background-color: #fff6f0;
margin-bottom: 20px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
}
#notice {
padding: 7px;
background-color: #f0fff0;
margin-bottom: 20px;
+ border-radius: 5px;
+ -moz-border-radius: 5px;
}
/* Rules for highlighting fields with rails validation errors */
projects / rails.git / blobdiff