src/main/webapp/templates-hidden/notification.html
author Tomas Zeman <tzeman@volny.cz>
Tue, 23 Apr 2013 10:36:04 +0200
changeset 108 ef4e3e0ef83f
parent 78 src/main/webapp/templates-hidden/default.html@7af1b5887759
permissions -rw-r--r--
84a94fa29a67504b Task/Project notifications

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:lift="http://liftweb.net/">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
    <style type="text/css">
      /*** bootstrap.css ***/
      body {
        margin: 0;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        line-height: 18px;
        color: #333333;
        background-color: #ffffff;
      }
      a {
        color: #0088cc;
        text-decoration: none;
      }
      a:hover {
        color: #005580;
        text-decoration: underline;
      }
      .row {
        margin-left: -20px;
        *zoom: 1;
      }
      .row:before,
      .row:after {
        display: table;
        content: "";
      }
      .row:after {
        clear: both;
      }
      [class*="span"] {
        float: left;
        margin-left: 20px;
      }
      .container,
      .navbar-fixed-top .container,
      .navbar-fixed-bottom .container {
        width: 940px;
      }
      .span12 {
        width: 940px;
      }
      .span11 {
        width: 860px;
      }
      .span10 {
        width: 780px;
      }
      .span9 {
        width: 700px;
      }
      .span8 {
        width: 620px;
      }
      .span7 {
        width: 540px;
      }
      .span6 {
        width: 460px;
      }
      .span5 {
        width: 380px;
      }
      .span4 {
        width: 300px;
      }
      .span3 {
        width: 220px;
      }
      .span2 {
        width: 140px;
      }
      .span1 {
        width: 60px;
      }
      .offset12 {
        margin-left: 980px;
      }
      .offset11 {
        margin-left: 900px;
      }
      .offset10 {
        margin-left: 820px;
      }
      .offset9 {
        margin-left: 740px;
      }
      .offset8 {
        margin-left: 660px;
      }
      .offset7 {
        margin-left: 580px;
      }
      .offset6 {
        margin-left: 500px;
      }
      .offset5 {
        margin-left: 420px;
      }
      .offset4 {
        margin-left: 340px;
      }
      .offset3 {
        margin-left: 260px;
      }
      .offset2 {
        margin-left: 180px;
      }
      .offset1 {
        margin-left: 100px;
      }
      .row-fluid {
        width: 100%;
        *zoom: 1;
      }
      .row-fluid:before,
      .row-fluid:after {
        display: table;
        content: "";
      }
      .row-fluid:after {
        clear: both;
      }
      .row-fluid > [class*="span"] {
        float: left;
        margin-left: 2.127659574%;
      }
      .row-fluid > [class*="span"]:first-child {
        margin-left: 0;
      }
      .row-fluid > .span12 {
        width: 99.99999998999999%;
      }
      .row-fluid > .span11 {
        width: 91.489361693%;
      }
      .row-fluid > .span10 {
        width: 82.97872339599999%;
      }
      .row-fluid > .span9 {
        width: 74.468085099%;
      }
      .row-fluid > .span8 {
        width: 65.95744680199999%;
      }
      .row-fluid > .span7 {
        width: 57.446808505%;
      }
      .row-fluid > .span6 {
        width: 48.93617020799999%;
      }
      .row-fluid > .span5 {
        width: 40.425531911%;
      }
      .row-fluid > .span4 {
        width: 31.914893614%;
      }
      .row-fluid > .span3 {
        width: 23.404255317%;
      }
      .row-fluid > .span2 {
        width: 14.89361702%;
      }
      .row-fluid > .span1 {
        width: 6.382978723%;
      }
      .container {
        margin-left: auto;
        margin-right: auto;
        *zoom: 1;
      }
      .container:before,
      .container:after {
        display: table;
        content: "";
      }
      .container:after {
        clear: both;
      }
      .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
        *zoom: 1;
      }
      .container-fluid:before,
      .container-fluid:after {
        display: table;
        content: "";
      }
      .container-fluid:after {
        clear: both;
      }
      p {
        margin: 0 0 9px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 13px;
        line-height: 18px;
      }
      p small {
        font-size: 11px;
        color: #999999;
      }
      .lead {
        margin-bottom: 18px;
        font-size: 20px;
        font-weight: 200;
        line-height: 27px;
      }
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        margin: 0;
        font-family: inherit;
        font-weight: bold;
        color: inherit;
        text-rendering: optimizelegibility;
      }
      h1 small,
      h2 small,
      h3 small,
      h4 small,
      h5 small,
      h6 small {
        font-weight: normal;
        color: #999999;
      }
      h1 {
        font-size: 30px;
        line-height: 36px;
      }
      h1 small {
        font-size: 18px;
      }
      h2 {
        font-size: 24px;
        line-height: 36px;
      }
      h2 small {
        font-size: 18px;
      }
      h3 {
        line-height: 27px;
        font-size: 18px;
      }
      h3 small {
        font-size: 14px;
      }
      h4,
      h5,
      h6 {
        line-height: 18px;
      }
      h4 {
        font-size: 14px;
      }
      h4 small {
        font-size: 12px;
      }
      h5 {
        font-size: 12px;
      }
      h6 {
        font-size: 11px;
        color: #999999;
        text-transform: uppercase;
      }

      /*** base.css ***/
      /* attribute panel */
      .attr-name {
        font-weight: bold;
        width: 150px;
        text-align: justify;
        vertical-align: top;
      }

      .attr-name-wide {
        font-weight: bold;
        width: 230px;
        text-align: justify;
      }

      .attr-value {
      }

      td.td-right {
        text-align: right;
      }

      /* task */
      .delayed {
        color: #b94a48;
      }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="row">
        <div class="span12">
          <h2><span class="lift:title"></span></h2>
        </div>
      </div>
      <div id="content"></div>
    </div> <!-- /container -->
  </body>
</html>