public/css/syj.css

   1 /*  This file is part of Syj, Copyright (c) 2010 Arnaud Renevier,
   2     and is published under the AGPL license. */
   3 body, html {
   4     margin: 0; padding: 0;
   5     width: 100%;
   6     height: 100%;
   7 }
   8
   9 /*
  10  * map rules
  11  */
  12 #map {
  13     position: absolute;
  14     top: 0; left: 0; right: 0;
  15     bottom: 2em;
  16     *width: 100%;
  17     *height: 100%;
  18 }
  19
  20 .olControlAttribution {
  21     bottom: 0.5em;
  22     *bottom: 2.5em;
  23     _bottom: 3.0em;
  24     left: 0.5em;
  25 }
  26
  27 /*
  28  * main message rules
  29  */
  30
  31 #message {
  32     position: absolute;
  33     bottom: 3.5em;
  34     width: 40%;
  35     margin: 0px 45% 0px 15%;
  36     padding: 1.5em 1.5em 1.5em 1.5em;
  37     text-align: center;
  38     border-width: 2px;
  39     border-style: solid;
  40     -moz-border-radius: 5px;
  41     -webkit-border-radius: 5px;
  42     border-radius: 5px;
  43 }
  44
  45 /*
  46  * menu rules
  47  */
  48
  49 #menu {
  50     text-align: right;
  51 }
  52
  53 .menu-group {
  54     position: relative; /* otherwise, under #map in ie */
  55     float: right;
  56     clear: right;
  57     padding-top: 8px;
  58     padding-left: 3em;
  59     opacity: 0.85;
  60     filter:alpha(opacity=85);
  61 }
  62
  63 .menu-item {
  64     position: relative; /* otherwise, under #map in ie */
  65     min-width: 150px;
  66     margin: 2px 10px 2px 0;
  67     background-color: white;
  68     text-decoration: none;
  69     border: #1E90FF 2px solid;
  70     padding: 2px 15px 2px 15px;
  71     -moz-border-radius: 5px;
  72     -webkit-border-radius: 5px;
  73     border-radius: 5px;
  74     background-color: white;
  75 }
  76 .menu-item:hover {
  77     background-color: #BBBBFF;
  78 }
  79
  80 #path-infos-content {
  81     background-color: white;
  82     -moz-border-radius: 5px;
  83     -webkit-border-radius: 5px;
  84     border-radius: 5px;
  85     margin: 2px 10px 2px 0;
  86 }
  87
  88 #path-length {
  89     text-align: center;
  90     position: absolute; /* otherwise, under #map in ie */
  91     top: 1em;
  92     left: 5em;
  93     opacity: 0.85;
  94     margin-right: 12px;
  95     filter:alpha(opacity=85);
  96     background-color: white;
  97     padding: 2px 15px 2px 15px;
  98     -moz-border-radius: 5px;
  99     -webkit-border-radius: 5px;
 100     border-radius: 5px;
 101     background-color: white;
 102 }
 103 #path-length-title {
 104     text-decoration: underline;
 105 }
 106
 107 #data_controls {
 108     position: absolute;
 109     right: 0.5em;
 110     bottom: 3em;
 111     text-align: center;
 112     background-color: white;
 113     opacity: 0.85;
 114     filter:alpha(opacity=85);
 115     border: 1px solid gray;
 116     margin: auto;
 117     -moz-border-radius: 5px;
 118     -webkit-border-radius: 5px;
 119     border-radius: 5px;
 120 }
 121 #data_controls_btns {
 122     padding: 5px 10px 5px 10px;
 123 }
 124
 125 #nominatim-form {
 126     text-align: left;
 127     padding-bottom: 7px;
 128     margin-bottom: 3px;
 129     border-bottom: 1px solid black;
 130 }
 131 #nominatim-message {
 132     max-width: 16em;
 133     padding: 15px 0 15px 0;
 134 }
 135 #nominatim-label {
 136     text-decoration: none;
 137 }
 138 #nominatim-search {
 139     border: 1px solid black;
 140 }
 141 #nominatim-submit {
 142     width: 26px;
 143     border: 1px solid black;
 144     padding: 0;
 145 }
 146 #nominatim-suggestions {
 147     border: 2px solid blue;
 148     -moz-border-radius: 8px;
 149     -webkit-border-radius: 8px;
 150     border-radius: 8px;
 151     margin-top: 8px;
 152 <<<<<<< HEAD
 153     max-width: 360px;
 154     width: 360px\9; /* ie only */
 155 =======
 156     max-width: 320px;
 157     width: 320px\9; /* ie only */
 158 >>>>>>> cf7da47... display route length
 159     position: absolute;
 160     background-color: white;
 161 }
 162 #nominatim-suggestions-title {
 163     text-align: center;
 164     font-weight: bold;
 165 }
 166 #nominatim-suggestions-list {
 167     list-style: none;
 168     padding: 0 16px 0 12px;
 169 }
 170 #nominatim-suggestions-list li.current {
 171     background-color: #D3D3D3;
 172 }
 173 .nominatim-suggestions-icon {
 174     border: none;
 175     vertical-align: middle;
 176     margin-right: 4px;
 177 }
 178 .nominatim-suggestions-link {
 179     text-decoration: none;
 180 }
 181
 182 #geomform {
 183     padding: 25px 45px 20px 45px;
 184     *width: 40%; /* otherwise takes all screen width in ie<7 */
 185 }
 186 #edit-btn {
 187     margin-top: 1em;
 188 }
 189 #geom_title {
 190     margin-top: 0.7em;
 191 }
 192 #geom_submit {
 193     margin-top: 0.7em;
 194 }
 195
 196 #other-language {
 197     opacity: 0.85;
 198     filter:alpha(opacity=85);
 199     background-color: white;
 200     padding: 5px 1px 5px 1px;
 201     position: relative; /* otherwise, under #map in ie */
 202 }
 203
 204 /* * login rules
 205  */
 206 .modal {
 207     background-color: white;
 208     text-align: center;
 209     width: 50%;
 210     margin-left: auto;
 211     margin-right: auto;
 212     padding: 21px;
 213     border: 1px solid gray;
 214     opacity: 0.85;
 215     filter:alpha(opacity=85);
 216 }
 217
 218 .form-table-elem {
 219     display: block;
 220     width: 100%;
 221 }
 222 .modal .message {
 223     margin: 0 35px 12px 35px;
 224 }
 225 #login_area_create {
 226     text-align: right;
 227 }
 228
 229 #user_control_anchor {
 230     text-align: right;
 231 }
 232
 233 #user_email-desc {
 234     margin: 0px 0px 12px 0px;
 235     padding: 8px 2px 8px 2px;
 236     background-color: #D3D3D3; /* lightgrey */
 237 }
 238
 239 #termsofusearea {
 240     height: 50%;
 241     /* override opacity defined in .modal rule */
 242     opacity: 1;
 243     filter:alpha(opacity=100);
 244 }
 245
 246 /*
 247  * printing
 248  */
 249 @media print {
 250     @page {
 251       size: landscape;
 252     }
 253
 254     #message, #data_controls, #login_controls, #user_area, #login_area, #newpwd_area, .olControlPanZoom{
 255         display: none;
 256     }
 257 }