1 /* Styles common to large and small screens */
3 /* Default rules for the body of every page */
6 font-family: Arial,sans-serif;
8 background-color: #fff;
14 background-color: #f0f0f0;
21 text-decoration: none;
25 text-decoration: underline;
28 /* Rules for horizontal lines */
32 background-color: #ccc;
37 /* Rules for the whole left sidebar, including the logo */
45 /* Rules for the OpenStreetMap logo in the top left corner */
54 border: 1px solid #ccd;
56 -moz-border-radius: 5px;
70 /* Rules for the site name */
76 /* Rules for the introductory text displayed in the left sidebar to new users */
82 border: 1px solid #ccc;
85 -moz-border-radius: 5px;
93 * Rules for alert boxes shown in the left sidebar when important
94 * information needs to be conveyed such as when the site is
95 * undergoing maintenance.
102 border: 1px solid #ccc;
107 -moz-border-radius: 5px;
111 * Rules for notice boxes shown in the left sidebar when important, but
112 * non-critical information needs to be conveyed such as notices about
120 border: 1px solid #ccc;
125 -moz-border-radius: 5px;
128 /* Rules for the menu displayed in the left sidebar */
135 border: 1px solid #ccc;
141 -moz-border-radius: 5px;
155 list-style-type: none;
167 /* Rules for SOTM advert */
179 * Rules for "optional boxes" which appear in the left sidebar on
180 * certain pages. Current users are the seach box on the main page
181 * and the tag cloud on the traces pages.
189 border: 1px solid #ccc;
194 -moz-border-radius: 5px;
202 vertical-align: bottom;
205 /* Rules for the search box */
209 vertical-align: bottom;
223 #search_field input[type="text"] {
227 #search_field input[type="submit"] {
240 /* Rules for donation request box */
246 border: 1px solid #ccc;
252 -moz-border-radius: 5px;
255 /* Rules for Creative Commons logo button */
262 /* Rules for tabbed navigation bar */
269 background: url('../images/tab_bottom.gif') repeat-x bottom;
277 list-style-type: none;
280 #tabnav a, #tabnav a:link, #tabnav a:visited
287 border: 1px solid #ccc;
288 text-decoration: none;
290 border-top-right-radius: 5px;
291 -moz-border-radius-topright: 5px;
292 border-top-left-radius: 5px;
293 -moz-border-radius-topleft: 5px;
296 #tabnav a:link.active, #tabnav a:visited.active
298 border-bottom: 1px solid #fff;
303 #tabnav a:link:hover, #tabnav a:visited:hover
308 #tabnav a:link.disabled, #tabnav a:visited.disabled,
309 #tabnav a:link:hover.disabled, #tabnav a:visited:hover.disabled
315 /* Rules for greeting bar in the top right corner */
323 background: url('../images/tab_bottom.gif') repeat-x bottom;
326 .greeting-bar-unread {
330 /* Rules for the message shown in place of the map when javascript is disabled */
338 /* Rules for OpenLayers maps */
342 border: 1px solid black;
349 .olControlAttribution {
350 display: none !important;
360 /* Rules for edit menu */
366 background-color: #ffffff;
367 border: 1px solid black;
378 list-style-type: none;
381 /* Rules for attribution text under the main map shown on printouts */
387 .attribution_notice {
391 /* Rules for the popout map sidebar */
396 border: 1px solid black;
404 #sidebar #sidebar_content {
415 #sidebar .sidebar_title {
421 border-bottom: 1px solid black;
425 /* Rules for the map key which appears in the popout sidebar */
433 #mapkey .mapkey-table {
438 #mapkey .mapkey-table-key {
441 #mapkey .mapkey-table-value {
445 /* Rules for search results which appear in the popout sidebar */
452 .search_results_heading {
455 border: 1px solid #ccc;
459 .search_results_entry {
464 .search_results_error {
466 padding: 2px 6px 0px;
470 /* Rules for data browser information which appears in the popout sidebar */
475 border: 1px solid #ccc;
484 /* Rules for export information which appears in the popout sidebar */
489 border: 1px solid #ccc;
528 /* Rules for the main content area */
542 #slim_container_content {
544 background-color: #FFFFFF;
548 -moz-border-radius: 25px;
549 border: 1px solid #e6e6e6;
565 vertical-align: middle;
569 /* Rules for the changeset list shown by the history tab etc */
571 #changeset_list_container {
578 border-collapse: collapse;
589 #changeset_list .date {
593 #changeset_list .user {
597 #changeset_list .area {
601 #changeset_list .selected {
602 background-color: rgb(255, 255, 160);
603 background-color: rgba(255, 255, 85, 0.5);
606 #changeset_list_map {
612 border: solid 1px black;
615 /* Rules for the data browser */
622 table.browse_details th {
630 #browse_map #small_map {
633 border: solid 1px black;
636 /* Rules for the trace list shown by the traces tab etc */
640 border-collapse: collapse;
644 #trace_list .trace_summary {
649 /* Rules for the user list */
657 vertical-align: middle;
669 /* Rules for the login page */
675 -moz-border-radius: 15px;
679 background-color: #f5f5ff;
680 border: 1px solid #f3f3ff;
682 -moz-border-radius: 15px;
689 table#login_openid_buttons {
690 padding-bottom: 10px;
693 #login_openid_buttons td {
700 #login_openid_buttons img {
704 #login_signup form.button-to div {
709 /* Rules for the account confirmation page */
711 div#contributorTerms {
712 border: 1px solid black;
719 div#slim_content div#contributorTerms {
723 div#contributorTerms p#first {
727 div#contributorTerms p#last {
731 div#contributorTerms ol {
735 div#contributorTerms img {
747 div#slim_content form#termsForm {
751 p#contributorGuidance {
752 background-color: #f5f5ff;
753 border: 1px solid #f3f3ff;
755 -moz-border-radius: 15px;
759 /* Rules for the account settings page */
762 padding-bottom: 10px;
765 #accountForm .user_map {
784 display: inline !important;
787 #accountForm input[type=submit] {
791 /* Rules for the user view */
793 #user_details .user_map {
799 /* Rules for the user map */
801 .user_map .olControlPanZoomBar {
805 .user_map .olControlPanZoom {
809 /* Rules for user popups on maps */
820 .user_popup img.user_thumbnail {
824 /* Rules for message in/out box page */
827 border: 1px solid #ccc;
830 .inbox-row-unread .inbox-subject {
834 /* Rules for "flash" notice boxes shown at the top of the content area */
837 border: 1px solid red;
839 background-color: #fff0f0;
842 -moz-border-radius: 5px;
846 border: 1px solid orange;
848 background-color: #fff6f0;
851 -moz-border-radius: 5px;
855 border: 1px solid green;
857 background-color: #f0fff0;
860 -moz-border-radius: 5px;
863 /* Rules for highlighting fields with rails validation errors */
867 background-color: red;
871 /* Rules for rails validation error boxes */
875 border: 2px solid red;
877 padding-bottom: 12px;
879 background-color: #f0f0f0;
882 #errorExplanation h2 {
886 background-color: #c00;
890 #errorExplanation p {
896 #errorExplanation ul li {
901 /* Rules for forms */
912 input[type="text"], input[type="password"], textarea {
913 border: 1px solid black;
916 input[type="submit"] {
917 border: 1px solid black;
920 /* Rules for user images */
925 border: 1px solid black;
931 border: 1px solid black;
934 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */
940 /* Rules for geo microformats */
946 /* Rules for RSS buttons */
953 /* Rules for doing distinct colour of alternate table rows */
963 /* Rules for OpenID logo */
966 vertical-align: text-bottom;