1 /* Styles common to large and small screens */
3 /* Default rules for the body of every page */
6 font-family: 'Helvetica Neue',Arial,sans-serif;
10 background-color: #fff;
16 background-color: #f0f0f0;
23 text-decoration: none;
27 text-decoration: underline;
30 /* Rules for horizontal lines */
34 background-color: #ccc;
39 /* Default rules for headings */
47 /* Rules for the whole left sidebar, including the logo */
57 /* Rules for the OpenStreetMap logo in the top left corner */
84 /* Rules for the site name */
94 /* Rules for the introductory text displayed in the left sidebar to new users */
104 .sidebar-copy.intro {
106 border-top: 1px solid #ccc;
110 * Rules for alert boxes shown in the left sidebar when important
111 * information needs to be conveyed such as when the site is
112 * undergoing maintenance.
116 padding: 4px 5px 4px 5px;
117 border-top: 1px solid #ccc;
131 * Rules for notice boxes shown in the left sidebar when important, but
132 * non-critical information needs to be conveyed such as notices about
137 padding: 4px 5px 4px 5px;
138 border-top: 1px solid #ccc;
150 /* Rules for the menu displayed in the left sidebar */
155 border-top: 1px solid #ccc;
168 list-style-type: none;
177 .left_menu ul li ul {
187 /* Rules for SOTM advert */
202 * Rules for "optional boxes" which appear in the left sidebar on
203 * certain pages. Current users are the seach box on the main page
204 * and the tag cloud on the traces pages.
217 vertical-align: bottom;
220 /* Rules for the search box */
235 #search_field input[type="text"] {
241 box-shadow: inset #DDD 0px 1px 3px;
242 box-sizing: border-box;
243 -webkit-box-sizing: border-box;
244 -moz-box-sizing: border-box;
245 -ms-box-sizing: border-box;
248 #search_field input[type="text"]:focus {
250 border: 1px solid #000;
253 #search_field input[type="submit"] {
260 background: url(sprite.png);
279 /* Rules for donation request box */
285 border: 1px solid #AED1A0;
291 -moz-border-radius: 2px;
298 /* Rules for Creative Commons logo button */
305 /* Rules for tabbed navigation bar */
308 border-bottom: 1px solid #ccc;
322 list-style-type: none;
325 #tabnav a, #tabnav a:link, #tabnav a:visited {
331 text-decoration: none;
333 -webkit-transition: color 200ms ease-in;
334 -moz-transition: color 200ms ease-in;
335 -o-transition: color 200ms ease-in;
336 transition: color 200ms ease-in;
339 body.site-index #tabnav a#viewanchor,
340 body.site-edit #tabnav a#editanchor,
341 body.changeset-list #tabnav a#historyanchor,
342 body.site-export #tabnav a#exportanchor {
343 border-bottom: 1px solid #aaa;
348 #tabnav a:link:hover, #tabnav a:visited:hover {
349 text-decoration:underline;
352 #tabnav a:link.disabled,
353 #tabnav a:visited.disabled,
354 #tabnav a:link:hover.disabled,
355 #tabnav a:visited:hover.disabled {
360 #tabnav a:link.disabled:hover,
361 #tabnav a:visited.disabled:hover,
362 #tabnav a:link:hover.disabled:hover,
363 #tabnav a:visited:hover.disabled:hover {
364 text-decoration: none;
376 /* Rules for greeting bar in the top right corner */
385 .greeting-bar-unread {
389 /* Rules for the message shown in place of the map when javascript is disabled */
397 /* Rules for OpenLayers maps */
405 .olControlAttribution {
406 bottom: 15px !important;
407 left: 0px !important;
408 right: 0px !important;
427 /* Rules for edit menu */
434 text-decoration: none !important;
442 background-color: #ffffff;
443 border: 1px solid #cccccc;
455 list-style-type: none;
456 border-top: 1px solid #eee;
460 /* Rules for attribution text under the main map shown on printouts */
466 .attribution_notice {
470 /* Rules for the popout map sidebar */
482 #sidebar #sidebar_content {
493 #sidebar .sidebar_title {
495 padding: 3px 6px 4px 6px;
502 /* Rules for the map key which appears in the popout sidebar */
510 #mapkey .mapkey-table {
515 #mapkey .mapkey-table-key img {
521 #mapkey .mapkey-table-value {
525 /* Rules for search results which appear in the popout sidebar */
532 .search_results_heading {
535 border-bottom: 1px solid #ccc;
539 .search_results_entry {
544 .search_results_error {
546 padding: 2px 6px 0px;
550 /* Rules for data browser information which appears in the popout sidebar */
555 border: 1px solid #ccc;
564 /* Rules for export information which appears in the popout sidebar */
569 border-bottom: 1px solid #ccc;
608 /* Rules for the main content area */
617 .site-index #content,
619 .site-export #content {
628 #slim_container_content {
630 background-color: #FFFFFF;
634 -moz-border-radius: 25px;
635 border: 1px solid #e6e6e6;
651 vertical-align: middle;
655 /* Rules for text content pages */
661 /* Rules for the home page */
679 /* Rules for the edit page */
690 /* Rules for the changeset list shown by the history tab etc */
692 #changeset_list_container {
699 border-collapse: collapse;
710 #changeset_list .date {
714 #changeset_list .user {
718 #changeset_list .area {
722 #changeset_list .selected {
723 background-color: rgb(255, 255, 160);
724 background-color: rgba(255, 255, 85, 0.5);
727 #changeset_list_map {
733 border: solid 1px black;
736 /* Rules for the data browser */
743 table.browse_details th {
751 td.browse_comments table {
752 border-collapse: collapse;
755 td.browse_comments table td {
756 padding-bottom: 10px;
759 td.browse_comments table td span.by {
768 #browse_map #small_map {
771 border: solid 1px black;
774 #browse_map .geolink {
778 /* Rules for the trace list shown by the traces tab etc */
782 border-collapse: collapse;
786 #trace_list .trace_summary {
791 #trace_list .trace_pending {
795 #trace_list .trace_public {
799 #trace_list .trace_identifiable {
803 #trace_list .trace_trackable {
807 #trace_list .trace_private {
811 /* Rules for the user list */
819 vertical-align: middle;
831 /* Rules for the new diary entry page */
833 .diary_entry div#map {
837 border: 1px solid #ccc;
841 /* Rules for the login page */
847 -moz-border-radius: 15px;
851 background-color: #f5f5ff;
852 border: 1px solid #f3f3ff;
854 -moz-border-radius: 15px;
861 table#login_openid_buttons {
862 padding-bottom: 10px;
865 #login_openid_buttons td {
872 #login_openid_buttons img {
876 #login_signup form.button-to div {
881 /* Rules for the account confirmation page */
883 div#contributorTerms {
884 border: 1px solid black;
891 div#slim_content div#contributorTerms {
895 div#contributorTerms p#first {
899 div#contributorTerms p#last {
903 div#contributorTerms ol {
907 div#contributorTerms img {
919 div#slim_content form#termsForm {
923 p#contributorGuidance {
924 background-color: #f5f5ff;
925 border: 1px solid #f3f3ff;
927 -moz-border-radius: 15px;
931 /* Rules for the account settings page */
938 padding-bottom: 10px;
941 #accountForm .user_map {
945 border: 1px solid #ccc;
961 display: inline !important;
964 #accountForm input[type=submit] {
968 /* Rules for the user view */
970 .user-view .user_map {
974 border: 1px solid #ccc;
977 .user-view .user_map p#no_home_location {
986 /* Rules for the user map */
988 .user_map .olControlSimplePanZoom {
992 .user_map .olControlZoom {
996 /* Rules for user popups on maps */
1000 padding-bottom: 3px;
1007 .user_popup img.user_thumbnail {
1011 /* Rules for message in/out box page */
1015 border-collapse: collapse;
1016 border-spacing: 0px;
1020 .messages tbody tr {
1021 border-top: 1px solid #ccc;
1024 .messages .inbox-row {
1033 .inbox-row .inbox-mark-read {
1038 border-bottom: 1px solid #ccc;
1039 padding: 5px 0px 4px 0px;
1043 .info-line form div {
1047 .info-line .user_thumbnail_tiny {
1048 vertical-align: middle;
1055 .inbox-row-unread .inbox-mark-unread {
1059 /* Rules for "flash" notice boxes shown at the top of the content area */
1062 border: 1px solid red;
1064 background-color: #fff0f0;
1065 margin-bottom: 20px;
1067 -moz-border-radius: 5px;
1071 border: 1px solid orange;
1073 background-color: #fff6f0;
1074 margin-bottom: 20px;
1076 -moz-border-radius: 5px;
1080 border: 1px solid green;
1082 background-color: #f0fff0;
1083 margin-bottom: 20px;
1085 -moz-border-radius: 5px;
1088 /* Rules for highlighting fields with rails validation errors */
1090 .field_with_errors {
1092 background-color: red;
1096 /* Rules for rails validation error boxes */
1100 border: 2px solid red;
1102 padding-bottom: 12px;
1103 margin-bottom: 20px;
1104 background-color: #f0f0f0;
1107 #errorExplanation h2 {
1111 background-color: #c00;
1115 #errorExplanation p {
1121 #errorExplanation ul li {
1126 /* Rules for forms */
1129 vertical-align: top;
1140 input[type="email"],
1142 input[type="password"],
1144 border: 1px solid #ccc;
1147 /* Rules for user images */
1152 border: 1px solid #ccc;
1155 img.user_thumbnail {
1158 border: 1px solid #ccc;
1161 img.user_thumbnail_tiny {
1164 border: 1px solid #ccc;
1167 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */
1170 white-space: nowrap;
1173 /* Rules for geo microformats */
1176 border-bottom: none;
1179 /* Rules for RSS buttons */
1186 /* Rules for doing distinct colour of alternate table rows */
1189 background: #f6f6f6;
1196 /* Rules for OpenID logo */
1199 vertical-align: text-bottom;
1203 /* Rules for rich text editors */
1205 .richtext_container {
1206 white-space: nowrap;
1209 display: inline-block;
1210 vertical-align: top;
1213 display: inline-block;
1216 border: 4px solid #eee;
1217 background-color: #eee;
1218 white-space: normal;
1221 background-image: image-url("loading.gif");
1222 background-repeat: no-repeat;
1223 background-position: center;
1233 display: inline-block;
1234 vertical-align: top;
1235 background-color: #ddd;
1236 padding: 5px 10px 10px 10px;
1244 vertical-align: top;
1250 padding: 0px !important;
1253 input.richtext_doedit {
1254 margin-top: 5px !important;
1257 input.richtext_dopreview {
1258 margin-top: 5px !important;