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 #permalink a.disabled {
430 text-decoration: none;
433 /* Rules for edit menu */
440 text-decoration: none !important;
448 background-color: #ffffff;
449 border: 1px solid #cccccc;
461 list-style-type: none;
462 border-top: 1px solid #eee;
466 /* Rules for attribution text under the main map shown on printouts */
472 .attribution_notice {
476 /* Rules for the popout map sidebar */
488 #sidebar #sidebar_content {
499 #sidebar .sidebar_title {
501 padding: 3px 6px 4px 6px;
508 /* Rules for the map key which appears in the popout sidebar */
516 #mapkey .mapkey-table {
521 #mapkey .mapkey-table-key img {
527 #mapkey .mapkey-table-value {
531 /* Rules for search results which appear in the popout sidebar */
538 .search_results_heading {
541 border-bottom: 1px solid #ccc;
545 .search_results_entry {
550 .search_results_error {
552 padding: 2px 6px 0px;
556 /* Rules for data browser information which appears in the popout sidebar */
561 border: 1px solid #ccc;
570 /* Rules for export information which appears in the popout sidebar */
575 border-bottom: 1px solid #ccc;
614 /* Rules for the main content area */
623 .site-index #content,
625 .site-export #content {
634 #slim_container_content {
636 background-color: #FFFFFF;
640 -moz-border-radius: 25px;
641 border: 1px solid #e6e6e6;
657 vertical-align: middle;
661 /* Rules for text content pages */
667 /* Rules for the home page */
685 /* Rules for the edit page */
696 /* Rules for the changeset list shown by the history tab etc */
698 #changeset_list_container {
705 border-collapse: collapse;
716 #changeset_list .date {
720 #changeset_list .user {
724 #changeset_list .area {
728 #changeset_list .selected {
729 background-color: rgb(255, 255, 160);
730 background-color: rgba(255, 255, 85, 0.5);
733 #changeset_list_map {
739 border: solid 1px black;
742 /* Rules for the data browser */
749 table.browse_details th {
757 td.browse_comments table {
758 border-collapse: collapse;
761 td.browse_comments table td {
762 padding-bottom: 10px;
765 td.browse_comments table td span.by {
774 #browse_map #small_map {
777 border: solid 1px black;
780 #browse_map .geolink {
784 /* Rules for the trace list shown by the traces tab etc */
788 border-collapse: collapse;
792 #trace_list .trace_summary {
797 #trace_list .trace_pending {
801 #trace_list .trace_public {
805 #trace_list .trace_identifiable {
809 #trace_list .trace_trackable {
813 #trace_list .trace_private {
817 /* Rules for the user list */
825 vertical-align: middle;
837 /* Rules for the new diary entry page */
839 .diary_entry div#map {
843 border: 1px solid #ccc;
847 /* Rules for the login page */
853 -moz-border-radius: 15px;
857 background-color: #f5f5ff;
858 border: 1px solid #f3f3ff;
860 -moz-border-radius: 15px;
867 table#login_openid_buttons {
868 padding-bottom: 10px;
871 #login_openid_buttons td {
878 #login_openid_buttons img {
882 #login_signup form.button-to div {
887 /* Rules for the account confirmation page */
889 div#contributorTerms {
890 border: 1px solid black;
897 div#slim_content div#contributorTerms {
901 div#contributorTerms p#first {
905 div#contributorTerms p#last {
909 div#contributorTerms ol {
913 div#contributorTerms img {
925 div#slim_content form#termsForm {
929 p#contributorGuidance {
930 background-color: #f5f5ff;
931 border: 1px solid #f3f3ff;
933 -moz-border-radius: 15px;
937 /* Rules for the account settings page */
944 padding-bottom: 10px;
947 #accountForm .user_map {
951 border: 1px solid #ccc;
967 display: inline !important;
970 #accountForm input[type=submit] {
974 /* Rules for the user view */
976 .user-view .user_map {
980 border: 1px solid #ccc;
983 .user-view .user_map p#no_home_location {
992 /* Rules for the user map */
994 .user_map .olControlSimplePanZoom {
998 .user_map .olControlZoom {
1002 /* Rules for user popups on maps */
1006 padding-bottom: 3px;
1013 .user_popup img.user_thumbnail {
1017 /* Rules for message in/out box page */
1021 border-collapse: collapse;
1022 border-spacing: 0px;
1026 .messages tbody tr {
1027 border-top: 1px solid #ccc;
1030 .messages .inbox-row {
1039 .inbox-row .inbox-mark-read {
1044 border-bottom: 1px solid #ccc;
1045 padding: 5px 0px 4px 0px;
1049 .info-line form div {
1053 .info-line .user_thumbnail_tiny {
1054 vertical-align: middle;
1061 .inbox-row-unread .inbox-mark-unread {
1065 /* Rules for "flash" notice boxes shown at the top of the content area */
1068 border: 1px solid red;
1070 background-color: #fff0f0;
1071 margin-bottom: 20px;
1073 -moz-border-radius: 5px;
1077 border: 1px solid orange;
1079 background-color: #fff6f0;
1080 margin-bottom: 20px;
1082 -moz-border-radius: 5px;
1086 border: 1px solid green;
1088 background-color: #f0fff0;
1089 margin-bottom: 20px;
1091 -moz-border-radius: 5px;
1094 /* Rules for highlighting fields with rails validation errors */
1096 .field_with_errors {
1098 background-color: red;
1102 /* Rules for rails validation error boxes */
1106 border: 2px solid red;
1108 padding-bottom: 12px;
1109 margin-bottom: 20px;
1110 background-color: #f0f0f0;
1113 #errorExplanation h2 {
1117 background-color: #c00;
1121 #errorExplanation p {
1127 #errorExplanation ul li {
1132 /* Rules for forms */
1135 vertical-align: top;
1146 input[type="email"],
1148 input[type="password"],
1150 border: 1px solid #ccc;
1153 /* Rules for user images */
1158 border: 1px solid #ccc;
1161 img.user_thumbnail {
1164 border: 1px solid #ccc;
1167 img.user_thumbnail_tiny {
1170 border: 1px solid #ccc;
1173 /* Rule for "nowrap" class that can be applied to anything to stop wrapping */
1176 white-space: nowrap;
1179 /* Rules for geo microformats */
1182 border-bottom: none;
1185 /* Rules for RSS buttons */
1192 /* Rules for doing distinct colour of alternate table rows */
1195 background: #f6f6f6;
1202 /* Rules for OpenID logo */
1205 vertical-align: text-bottom;
1209 /* Rules for rich text editors */
1211 .richtext_container {
1212 white-space: nowrap;
1215 display: inline-block;
1216 vertical-align: top;
1219 display: inline-block;
1222 border: 4px solid #eee;
1223 background-color: #eee;
1224 white-space: normal;
1227 background-image: image-url("loading.gif");
1228 background-repeat: no-repeat;
1229 background-position: center;
1239 display: inline-block;
1240 vertical-align: top;
1241 background-color: #ddd;
1242 padding: 5px 10px 10px 10px;
1250 vertical-align: top;
1256 padding: 0px !important;
1259 input.richtext_doedit {
1260 margin-top: 5px !important;
1263 input.richtext_dopreview {
1264 margin-top: 5px !important;