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  * controls rules
  47  */
  48 #data_controls {
  49     position: absolute;
  50     right: 0.5em;
  51     bottom: 3em;
  52     text-align: center;
  53     background-color: white;
  54     padding: 25px 45px 20px 45px;
  55     opacity: 0.85;
  56     filter:alpha(opacity=85);
  57     border: 1px solid gray;
  58     margin: auto;
  59 }
  60 #clone-btn {
  61     margin-bottom: 1em;
  62 }
  63 #geom_title {
  64     margin-top: 0.7em;
  65 }
  66 #geom_submit {
  67     margin-top: 0.7em;
  68 }
  69
  70 #login_controls {
  71     padding-top: 8px;
  72     padding-left: 3em;
  73 }
  74
  75 .login-anchor {
  76     display: block;
  77     float: left;
  78     position: relative;
  79     background-color: white;
  80     margin: 0px 10px 0px 10px;
  81     text-decoration: none;
  82     color: #0000EE;
  83     border: #1E90FF 2px solid;
  84     padding: 2px 15px 2px 15px;
  85     -moz-border-radius: 5px;
  86     -webkit-border-radius: 5px;
  87     border-radius: 5px;
  88     background-color: white;
  89     opacity: 0.85;
  90     filter:alpha(opacity=85);
  91 }
  92 .login-anchor:hover {
  93     background-color: #BBBBFF;
  94 }
  95
  96 #account-info-bullet {
  97     /* in firefox, in image inside an anchor has a border */
  98     border: none;
  99     vertical-align: middle;
 100 }
 101
 102 /*
 103  * login rules
 104  */
 105 .modal {
 106     background-color: white;
 107     text-align: center;
 108     width: 50%;
 109     margin-left: auto;
 110     margin-right: auto;
 111     padding: 21px;
 112     border: 1px solid gray;
 113     opacity: 0.85;
 114     filter:alpha(opacity=85);
 115 }
 116
 117 .form-table-elem {
 118     display: block;
 119     width: 100%;
 120 }
 121 .modal .message {
 122     margin: 0 35px 12px 35px;
 123 }
 124 #login_area_create {
 125     text-align: right;
 126 }
 127
 128 #user_email-desc {
 129     margin: 0px 0px 12px 0px;
 130     padding: 8px 2px 8px 2px;
 131     background-color: #D3D3D3; /* lightgrey */
 132 }
 133
 134 #termsofusearea {
 135     height: 50%;
 136 }
 137
 138 #other-language {
 139     opacity: 0.85;
 140     filter:alpha(opacity=85);
 141     position: absolute;
 142     right: 10px;
 143     top: 10px;
 144     background-color: white;
 145     padding: 5px 1px 5px 1px;
 146     margin: 0;
 147 }