liquid_feedback_frontend

diff app/main/_layout/lf2.html @ 211:4993b71b383f

find changesets by author, revision, files, or words in the commit message
First checkin of lf2 (frontend second generation) prototype
author bsw
date Wed Mar 02 20:06:26 2011 +0100 (2011-03-02)
parents
children 3e4ad069847a
line diff
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/app/main/_layout/lf2.html	Wed Mar 02 20:06:26 2011 +0100
     1.3 @@ -0,0 +1,577 @@
     1.4 +<!-- <html> -->
     1.5 +<head> 
     1.6 +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     1.7 +<style>
     1.8 +
     1.9 +/* CSS reset */
    1.10 +
    1.11 +html, body, div, span, applet, object, iframe,
    1.12 +h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    1.13 +a, abbr, acronym, address, big, cite, code,
    1.14 +del, dfn, em, font, img, ins, kbd, q, s, samp,
    1.15 +small, strike, strong, sub, sup, tt, var,
    1.16 +dl, dt, dd, ol, ul, li,
    1.17 +fieldset, form, label, legend,
    1.18 +table, caption, tbody, tfoot, thead, tr, th, td {
    1.19 +    margin: 0;
    1.20 +    padding: 0;
    1.21 +    border: 0;
    1.22 +    outline: 0;
    1.23 +    font-weight: inherit;
    1.24 +    font-style: inherit;
    1.25 +    font-size: 100%;
    1.26 +    font-family: inherit;
    1.27 +    vertical-align: baseline;
    1.28 +}
    1.29 +/* remember to define focus styles! */
    1.30 +:focus {
    1.31 +    outline: 0;
    1.32 +}
    1.33 +body {
    1.34 +    line-height: 1;
    1.35 +    color: black;
    1.36 +    background: white;
    1.37 +}
    1.38 +ol, ul {
    1.39 +    list-style: none;
    1.40 +}
    1.41 +/* tables still need 'cellspacing="0"' in the markup */
    1.42 +table {
    1.43 +    border-collapse: separate;
    1.44 +    border-spacing: 0;
    1.45 +}
    1.46 +caption, th, td {
    1.47 +    text-align: left;
    1.48 +    font-weight: normal;
    1.49 +}
    1.50 +blockquote:before, blockquote:after,
    1.51 +q:before, q:after {
    1.52 +    content: "";
    1.53 +}
    1.54 +blockquote, q {
    1.55 +    quotes: "" "";
    1.56 +}
    1.57 +
    1.58 +/* end CSS reset */
    1.59 +
    1.60 +
    1.61 +/*
    1.62 +    Global settings
    1.63 +*/
    1.64 +body {
    1.65 +  font-family: sans-serif;
    1.66 +  background-color: #7df;
    1.67 +  color: #000;
    1.68 +}
    1.69 +
    1.70 +a {
    1.71 +  background-color: #ffffff;
    1.72 +  color: #000;
    1.73 +}
    1.74 +
    1.75 +/*
    1.76 +    Main top navigation
    1.77 +*/
    1.78 +
    1.79 +.tab1 {
    1.80 +  background-color: #444;
    1.81 +  color: #000;
    1.82 +}
    1.83 +
    1.84 +.tab1 .right {
    1.85 +  float: right;
    1.86 +}
    1.87 +
    1.88 +.tab1 a {
    1.89 +  float: left;
    1.90 +  padding: 0.5ex 0.5em 0.5ex 0.5em;
    1.91 +  margin-left: 0.5em;
    1.92 +  background-color: #444;
    1.93 +  color: #fff;
    1.94 +  font-weight: bold;
    1.95 +}
    1.96 +
    1.97 +.tab1 .right a {
    1.98 +  margin-left: 0;
    1.99 +  margin-right: 0.5em;
   1.100 +}
   1.101 +
   1.102 +.tab1 a.active {
   1.103 +  background-color: #7df;
   1.104 +}
   1.105 +
   1.106 +/*
   1.107 +    Default slot
   1.108 +*/
   1.109 +
   1.110 +.slot_default {
   1.111 +  margin: 2ex 1% 2ex 32%;
   1.112 +  position: relative;
   1.113 +  width: 67%;
   1.114 +}
   1.115 +
   1.116 +/*
   1.117 +    Sidebar
   1.118 +*/
   1.119 +
   1.120 +.slot_sidebar {
   1.121 +  margin: 2ex 1% 2ex 1%;
   1.122 +  float: left;
   1.123 +  width: 30%;
   1.124 +}
   1.125 +
   1.126 +.slot_sidebar .box {
   1.127 +  width: 100%;
   1.128 +}
   1.129 +
   1.130 +
   1.131 +/*
   1.132 +    Boxes
   1.133 +*/
   1.134 +
   1.135 +.box a {
   1.136 +  text-decoration: none;
   1.137 +  color: #46a;
   1.138 +}
   1.139 +
   1.140 +.boxhead,
   1.141 +a.boxhead {
   1.142 +  /* position */
   1.143 +  display: block;
   1.144 +  margin-bottom: 0.5ex;
   1.145 +  margin-top: 1ex;
   1.146 +  margin-left: 0.5em;
   1.147 +
   1.148 +  /* color */
   1.149 +  background-color: #7df;
   1.150 +  color: #000;
   1.151 +
   1.152 +  /* text format */
   1.153 +  font-weight: bold;
   1.154 +  text-shadow: 2px 2px 2px #fff;
   1.155 +}
   1.156 +
   1.157 +.box {
   1.158 +  /* position */
   1.159 +  position: relative;
   1.160 +  width: 100%;
   1.161 +  margin-bottom: 2ex;
   1.162 +
   1.163 +  /* border and shadow*/
   1.164 +  border-radius: 1ex;
   1.165 +  -moz-border-radius: 1ex;
   1.166 +  -webkit-box-shadow: 2px 2px 3px 0px #444;
   1.167 +  -moz-box-shadow: 2px 2px 3px 0px #444;
   1.168 +
   1.169 +  /* color */
   1.170 +  background-color: #fff;
   1.171 +  color: #000;
   1.172 +
   1.173 +}
   1.174 +
   1.175 +.box .row {
   1.176 +  overflow: auto;
   1.177 +  /* position */
   1.178 +
   1.179 +  /* border */
   1.180 +  border-top: 1px solid #ccc;
   1.181 +}
   1.182 +
   1.183 +.box .row .col {
   1.184 +  /* position */
   1.185 +  padding: 0.5ex 0.2em 0.5ex 0.2em;
   1.186 +
   1.187 +  /* text format */
   1.188 +  line-height: 125%;
   1.189 +}
   1.190 +
   1.191 +.box .row .col.left {
   1.192 +  float: left;
   1.193 +}
   1.194 +
   1.195 +.box .row .col.right {
   1.196 +  float: right;
   1.197 +}
   1.198 +
   1.199 +.box .row .col.clearleft {
   1.200 +  clear: left;
   1.201 +}
   1.202 +
   1.203 +.box .row .col.clearright {
   1.204 +  clear: right;
   1.205 +}
   1.206 +
   1.207 +.box .row .col.toggle {
   1.208 +  float: left;
   1.209 +  /* position */
   1.210 +  padding-left: 0.4em;
   1.211 +}
   1.212 +
   1.213 +.box .row .col.toggle:hover {
   1.214 +  /* color */
   1.215 +  background-color: #7cf;
   1.216 +
   1.217 +  /* cursor */
   1.218 +  cursor: pointer;
   1.219 +}
   1.220 +
   1.221 +.box .row.first .col.toggle {
   1.222 +  /* border */
   1.223 +  border-radius: 1ex 0 0 0;
   1.224 +}
   1.225 +
   1.226 +.box .row.last .col.toggle {
   1.227 +  /* border */
   1.228 +  border-radius: 0 0 0 1ex;
   1.229 +}
   1.230 +
   1.231 +.box .row.toggled .col.first {
   1.232 +  /* position */
   1.233 +  margin-left: 1.5em;
   1.234 +}
   1.235 +
   1.236 +.box .row.first {
   1.237 +  /* border */
   1.238 +  border-top: none;
   1.239 +}
   1.240 +
   1.241 +.box .row .col.first {
   1.242 +  /* position */
   1.243 +  padding-left: 0.5em;
   1.244 +}
   1.245 +
   1.246 +.box .row.toggled .col.first {
   1.247 +  /* position */
   1.248 +  padding-left: 0.2em;
   1.249 +}
   1.250 +
   1.251 +.box .row .col {
   1.252 +xborder: 1px solid red !important;
   1.253 +}
   1.254 +
   1.255 +.box .row.head {
   1.256 +  background-color: #e4e7f0;
   1.257 +  color: #000;
   1.258 +  border-radius: 1ex 1ex 0 0;
   1.259 +}
   1.260 +
   1.261 +.box .row.head .col a {
   1.262 +  background-color: #e4e7f0;
   1.263 +  color: #3B6E7F;
   1.264 +}
   1.265 +
   1.266 +.box .row.head2 {
   1.267 +  background-color: #f2f3f7;
   1.268 +  color: #000;
   1.269 +}
   1.270 +
   1.271 +.box .row.head2 .col a {
   1.272 +  background-color: #f2f3f7;
   1.273 +  color: #3B6E7F;
   1.274 +}
   1.275 +
   1.276 +
   1.277 +.box .row .col a {
   1.278 +  color: #3B6E7F;
   1.279 +}
   1.280 +
   1.281 +/* Sidebar hover button */
   1.282 +
   1.283 +.hoverbutton_container {
   1.284 +  position: relative;
   1.285 +}
   1.286 +
   1.287 +
   1.288 +.hoverbutton {
   1.289 +  /* position */
   1.290 +  display: none;
   1.291 +  position: absolute;
   1.292 +  top: 0px;
   1.293 +  left: 0px;
   1.294 +  height: 100%;
   1.295 +  width: 100%;
   1.296 +
   1.297 +  /* color */
   1.298 +  background-color: #fff;
   1.299 +
   1.300 +  /* text format */
   1.301 +  font-weight: bold;
   1.302 +
   1.303 +  /* cursor */
   1.304 +  cursor: pointer;
   1.305 +}
   1.306 +
   1.307 +.hoverbutton_container:hover .hoverbutton {
   1.308 +  /* position */
   1.309 +  display: block;
   1.310 +}
   1.311 +
   1.312 +.hoverbutton_container:hover .hoverbutton img {
   1.313 +  /* text format */
   1.314 +  vertical-align: middle;
   1.315 +}
   1.316 +
   1.317 +.hoverbutton_container:hover .hoverbutton.noaction {
   1.318 +  /* color */
   1.319 +  background-color: #ccc;
   1.320 +
   1.321 +  /* cursor */
   1.322 +  cursor: default;
   1.323 +}
   1.324 +
   1.325 +.hoverbutton_container:hover .hoverbutton.green {
   1.326 +  background-color: #cfc;
   1.327 +}
   1.328 +
   1.329 +.hoverbutton_container:hover .hoverbutton.red {
   1.330 +  background-color: #fcc;
   1.331 +}
   1.332 +
   1.333 +.hoverbutton .content {
   1.334 +  /* position */
   1.335 +  padding: 0.5ex 0.2em 0.5ex 0.5em;
   1.336 +}
   1.337 +
   1.338 +/* Scrolled col */
   1.339 +
   1.340 +.box .row .col.scrolled {
   1.341 +  padding: 0;
   1.342 +  max-height: 300px;
   1.343 +  overflow: auto;
   1.344 +}
   1.345 +
   1.346 +.box .row .col.scrolled .head {
   1.347 +  font-weight: bold;
   1.348 +  padding: 0.5ex 0.2em 0.5ex 0.5em;
   1.349 +}
   1.350 +
   1.351 +/*
   1.352 +  Bars
   1.353 +*/
   1.354 +
   1.355 +.bar {
   1.356 +  float: right;
   1.357 +  margin-left: 0.3em;
   1.358 +}
   1.359 +
   1.360 +.bar div {
   1.361 +  margin-top: 2px;
   1.362 +  float: left;
   1.363 +  height: 11px;
   1.364 +}
   1.365 +.bar .green {
   1.366 +  background-color: #0a0;
   1.367 +}
   1.368 +
   1.369 +.bar .grey {
   1.370 +  background-color: #eee;
   1.371 +}
   1.372 +
   1.373 +/*
   1.374 +    Avatars
   1.375 +*/
   1.376 +
   1.377 +.avatars {
   1.378 +  overflow: auto;
   1.379 +}
   1.380 +
   1.381 +.avatars .avatar {
   1.382 +  float: left;
   1.383 +  margin-left: 2px;
   1.384 +  margin-right: 2px;
   1.385 +}
   1.386 +
   1.387 +.avatars.normal .avatar {
   1.388 +  width: 100px;
   1.389 +  -webkit-box-shadow: 1px 1px 1px #000;
   1.390 +  background-color: #eee;
   1.391 +  border-radius: 1ex;
   1.392 +  -moz-border-radius: 1ex;
   1.393 +}
   1.394 +
   1.395 +.avatars.small .avatar {
   1.396 +  border: 2px solid #fff;
   1.397 +  border-radius: 0.5ex;
   1.398 +  -moz-border-radius: 0.5ex;
   1.399 +}
   1.400 +
   1.401 +.avatars .arrow {
   1.402 +  float: left;
   1.403 +  margin-top: 0.3ex;
   1.404 +}
   1.405 +
   1.406 +.avatars .avatar.myweight {
   1.407 +  border-color: #f70;
   1.408 +  background-color: #f70;
   1.409 +}
   1.410 +
   1.411 +.avatars .avatar.autoreject {
   1.412 +  border-color: #f00;
   1.413 +  background-color: #f00;
   1.414 +}
   1.415 +
   1.416 +.avatars.small .avatar img {
   1.417 +  border-radius: 0.25ex;
   1.418 +  -moz-border-radius: 0.25ex;
   1.419 +}
   1.420 +
   1.421 +.avatars.normal .avatar img {
   1.422 +  margin-left: 0.3em;
   1.423 +  margin-top: 0.3ex;
   1.424 +  border-radius: 1ex;
   1.425 +  -moz-border-radius: 1ex;
   1.426 +}
   1.427 +
   1.428 +.avatars.small .avatar img {
   1.429 +  height: 24px;
   1.430 +  width: 24px;
   1.431 +}
   1.432 +
   1.433 +.avatars.normal .avatar img {
   1.434 +  height: 48px;
   1.435 +  width: 48px;
   1.436 +}
   1.437 +
   1.438 +.avatars.normal .avatar .name {
   1.439 +  margin-left: 0.3em;
   1.440 +  margin-top: 0.3ex;
   1.441 +  line-height: 100%;
   1.442 +  font-size: 70%;
   1.443 +  overflow: hidden;
   1.444 +  height: 4ex;
   1.445 +}
   1.446 +
   1.447 +.avatars .avatar .weight {
   1.448 +  text-align: center;
   1.449 +  font-size: 70%;
   1.450 +}
   1.451 +
   1.452 +.avatars.small .avatar.participation {
   1.453 +  border-color: #f70;
   1.454 +}
   1.455 +
   1.456 +.avatars.small .avatar.overridden,
   1.457 +.avatars.small .arrow.overridden {
   1.458 +  opacity: 0.3;
   1.459 +}
   1.460 +
   1.461 +/*
   1.462 +  Area
   1.463 +*/
   1.464 +
   1.465 +.area .name {
   1.466 +  color: #444;
   1.467 +  font-weight: bold;
   1.468 +}
   1.469 +
   1.470 +.area .name a {
   1.471 +  font-weight: normal;
   1.472 +}
   1.473 +
   1.474 +.area .name .avatars {
   1.475 +  float: right;
   1.476 +  margin-top: -3px;
   1.477 +}
   1.478 +
   1.479 +/* Issues */
   1.480 +
   1.481 +.issue .issue_id {
   1.482 +  font-weight: bold;
   1.483 +}
   1.484 +
   1.485 +.issue .state_name {
   1.486 +  font-style: italic;
   1.487 +}
   1.488 +
   1.489 +.issue .time_left {
   1.490 +  font-style: italic;
   1.491 +}
   1.492 +
   1.493 +/* Initiatives */
   1.494 +
   1.495 +.initiative .name,
   1.496 +.initiative a.name {
   1.497 +  font-weight: bold;
   1.498 +}
   1.499 +
   1.500 +.initiative .authors {
   1.501 +  /* color */
   1.502 +  color: #777;
   1.503 +
   1.504 +  /* text format */
   1.505 +  font-size: 80%;
   1.506 +  font-style: italic;
   1.507 +}
   1.508 +
   1.509 +.initiative .authors a {
   1.510 +  /* color */
   1.511 +}
   1.512 +
   1.513 +.drafts .draft .created {
   1.514 +  font-weight: bold;
   1.515 +}
   1.516 +
   1.517 +.drafts .draft .author_name {
   1.518 +  font-style: italic;
   1.519 +}
   1.520 +
   1.521 +/* Draft */
   1.522 +
   1.523 +.draft {
   1.524 +  line-height: 135%;
   1.525 +}
   1.526 +
   1.527 +.draft h2 {
   1.528 +  font-size: 135%;
   1.529 +  font-weight: bold;
   1.530 +  margin-bottom: 0.5ex;
   1.531 +}
   1.532 +
   1.533 +.draft h3 {
   1.534 +  font-size: 135%;
   1.535 +  margin-bottom: 0.5ex;
   1.536 +}
   1.537 +
   1.538 +.draft p {
   1.539 +  margin-bottom: 1ex;
   1.540 +}
   1.541 +
   1.542 +.draft ul {
   1.543 +  padding-left: 2em;
   1.544 +  list-style: disc;
   1.545 +}
   1.546 +
   1.547 +.draft ul li {
   1.548 +  margin-bottom: 1ex;
   1.549 +}
   1.550 +
   1.551 +xdiv { border: 1px dotted #c00 !important; }
   1.552 +
   1.553 +
   1.554 +</style>
   1.555 +</head>
   1.556 +</body>
   1.557 +<div class="tab1">
   1.558 +  <!-- WEBMCP SLOT topnav -->
   1.559 +<br style="clear: both;" />
   1.560 +</div>
   1.561 +
   1.562 +<!-- WEBMCP SLOT sidebar -->
   1.563 +<!-- WEBMCP SLOT default -->
   1.564 +
   1.565 +
   1.566 +    <div class="layout_trace" id="layout_trace" style="xdisplay: none">
   1.567 +      <div id="trace_show" onclick="document.getElementById('trace_content').style.display='block';this.style.display='none';">TRACE</div>
   1.568 +        <div id="trace_content" style="display: none;">
   1.569 +            <tt id="system_error"><!-- WEBMCP SLOT system_error --></tt>
   1.570 +            <div id="trace">&nbsp;</div><hr />
   1.571 +            <!-- WEBMCP SLOT trace -->
   1.572 +          <div class="trace_close" onclick="document.getElementById('trace_show').style.display='block';document.getElementById('trace_content').style.display='none';">
   1.573 +            close
   1.574 +          </div>
   1.575 +        </div>
   1.576 +      </div>
   1.577 +    </div>
   1.578 +
   1.579 +</body>
   1.580 +</html>

Impressum / About Us