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 #geomform {
  71     padding: 25px 45px 20px 45px;
  72 }
  73 #edit-btn {
  74     margin-top: 1em;
  75 }
  76 #geom_title {
  77     margin-top: 0.7em;
  78 }
  79 #geom_submit {
  80     margin-top: 0.7em;
  81 }
  82
  83 #login_controls {
  84     padding-top: 8px;
  85     padding-left: 3em;
  86     clear: right;
  87     position: relative; /* otherwise, under #map in ie */
  88 }
  89
  90 .login-anchor {
  91     float: right;
  92     clear: right;
  93     min-width: 150px;
  94     margin: 2px 10px 2px 0;
  95     background-color: white;
  96     text-decoration: none;
  97     color: #0000EE;
  98     border: #1E90FF 2px solid;
  99     padding: 2px 15px 2px 15px;
 100     -moz-border-radius: 5px;
 101     -webkit-border-radius: 5px;
 102     border-radius: 5px;
 103     background-color: white;
 104     opacity: 0.85;
 105     filter:alpha(opacity=85);
 106 }
 107 .login-anchor:hover {
 108     background-color: #BBBBFF;
 109 }
 110
 111 #account-info-bullet {
 112     /* in firefox, in image inside an anchor has a border */
 113     border: none;
 114     vertical-align: middle;
 115 }
 116
 117 #other-language {
 118     opacity: 0.85;
 119     filter:alpha(opacity=85);
 120     background-color: white;
 121     padding: 5px 1px 5px 1px;
 122     position: relative; /* otherwise, under #map in ie */
 123 }
 124
 125 /*
 126  * login rules
 127  */
 128 .modal {
 129     background-color: white;
 130     text-align: center;
 131     width: 50%;
 132     margin-left: auto;
 133     margin-right: auto;
 134     padding: 21px;
 135     border: 1px solid gray;
 136     opacity: 0.85;
 137     filter:alpha(opacity=85);
 138 }
 139
 140 .form-table-elem {
 141     display: block;
 142     width: 100%;
 143 }
 144 .modal .message {
 145     margin: 0 35px 12px 35px;
 146 }
 147 #login_area_create {
 148     text-align: right;
 149 }
 150
 151 #user_control_anchor {
 152     text-align: right;
 153 }
 154
 155 #user_email-desc {
 156     margin: 0px 0px 12px 0px;
 157     padding: 8px 2px 8px 2px;
 158     background-color: #D3D3D3; /* lightgrey */
 159 }
 160
 161 #termsofusearea {
 162     height: 50%;
 163     /* override opacity defined in .modal rule */
 164     opacity: 1;
 165     filter:alpha(opacity=100);
 166 }