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     left: 0.5em;
  23 }
  24
  25 /*
  26  * main message rules
  27  */
  28
  29 #message {
  30     position: absolute;
  31     bottom: 3.5em;
  32     width: 40%;
  33     margin: 0px 45% 0px 15%;
  34     padding: 1.5em 1.5em 1.5em 1.5em;
  35     text-align: center;
  36     border-width: 2px;
  37     border-style: solid;
  38     -moz-border-radius: 5px;
  39     -webkit-border-radius: 5px;
  40     border-radius: 5px;
  41 }
  42
  43 /*
  44  * controls rules
  45  */
  46 #data_controls {
  47     position: absolute;
  48     right: 0.5em;
  49     bottom: 3em;
  50     text-align: center;
  51     background-color: white;
  52     padding: 25px 45px 20px 45px;
  53     opacity: 0.85;
  54     filter:alpha(opacity=85);
  55     border: 1px solid gray;
  56 }
  57 #geom_title {
  58     margin-top: 0.7em;
  59     background-color: #FDFDFD; /* work around webkit bug #42985 */
  60 }
  61 #geom_submit {
  62     margin-top: 0.7em;
  63 }
  64
  65 #login_controls {
  66     margin-top: 8px;
  67     margin-left: 3em;
  68 }
  69
  70 .login-anchor {
  71     display: block;
  72     float: left;
  73     position: relative;
  74     background-color: white;
  75     margin: 0px 10px 0px 10px;
  76     text-decoration: none;
  77     color: #0000EE;
  78     border: #1E90FF 2px solid;
  79     padding: 2px 15px 2px 15px;
  80     -moz-border-radius: 5px;
  81     -webkit-border-radius: 5px;
  82     border-radius: 5px;
  83     background-color: white;
  84     opacity: 0.85;
  85     filter:alpha(opacity=85);
  86 }
  87 .login-anchor:hover {
  88     background-color: #BBBBFF;
  89 }
  90
  91 /*
  92  * login rules
  93  */
  94 .modal {
  95     background-color: white;
  96     text-align: center;
  97     width: 50%;
  98     margin-left: auto;
  99     margin-right: auto;
 100     padding: 21px;
 101     border: 1px solid gray;
 102     opacity: 0.85;
 103     filter:alpha(opacity=85);
 104 }
 105
 106 .form-table-elem {
 107     display: block;
 108     width: 100%;
 109 }
 110 .modal .message {
 111     margin: 0 35px 12px 35px;
 112 }
 113 #login_area_create {
 114     text-align: right;
 115 }
 116
 117 #user_email-desc {
 118     margin: 0px 0px 12px 0px;
 119     padding: 8px 2px 8px 2px;
 120     background-color: #D3D3D3; /* lightgrey */
 121 }
 122
 123 #termsofusearea {
 124     height: 50%;
 125 }
 126
 127 #other-language {
 128     opacity: 0.85;
 129     filter:alpha(opacity=85);
 130     position: absolute;
 131     right: 10px;
 132     top: 10px;
 133     background-color: white;
 134     padding: 5px 1px 5px 1px;
 135     margin: 0;
 136 }