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