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 {
}
#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
color: #000;
}
-#tabnav a:link:hover
+#tabnav a:link:hover, #tabnav a:visited:hover
{
background: #fff;
}
+#tabnav a:link.disabled, #tabnav a:visited.disabled,
+#tabnav a:link:hover.disabled, #tabnav a:visited:hover.disabled
+{
+ background: #bbbbbb;
+ color: white
+}
+
/* Rules for greeting bar in the top right corner */
#greeting {
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 {
white-space: nowrap;
}
-#changeset_list.th {
- font-weight: bold;
+/* Rules for the data browser */
+
+#browse_navigation {
+ float: right;
+ width: 250px;
+ text-align: center;
+ margin-left: 10px;
+}
+
+#browse_map {
+ float: right;
+ width: 250px;
+ text-align: right;
+ margin-left: 10px;
+}
+
+#browse_map #small_map {
+ width: 250px;
+ height: 300px;
+ border: solid 1px black;
+}
+
+#browse_map_changeset {
+ float: right;
+ width: 100%;
+ text-align: right;
+ margin-left: 10px;
+}
+
+#browse_map_changeset #small_map {
+ width: 100%;
+ height: 315px;
+ 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: 80%;
+ 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: 80%;
+ margin-bottom: 3em;
+}
+
+div#slim_content form#termsForm {
+ width: auto;
+}
+
+form#termsForm div#buttons {
+ float: right;
+}
+
+form#termsForm input#agree {
+ margin-left: 50px;
+}
+
/* Rules for the account settings page */
#accountForm td {
display: inline !important;
}
+/* Rules for the user map */
+
+.user_map .olControlPanZoomBar {
+ display: none;
+}
+
+.user_map .olControlPanZoom {
+ display: block;
+}
+
+/* Rules for user popups on maps */
+
+.user_popup p {
+ padding-top: 3px;
+ padding-bottom: 3px;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ margin-left: 55px;
+ margin-right: 2px;
+}
+
/* Rules for message in/out box page */
#messages {
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