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