diff options
| author | Dennis Eriksen <dennis.se@gmail.com> | 2013-04-25 14:53:22 +0200 |
|---|---|---|
| committer | Dennis Eriksen <dennis.se@gmail.com> | 2013-04-25 14:53:22 +0200 |
| commit | 49232b8b0e8b88c3380c25883521c4d05fdf5d66 (patch) | |
| tree | 1e8e714caa79a5ee3103d3b4b706e67f291f0dde | |
| parent | been playing around with the mobile design (diff) | |
| download | Divid-49232b8b0e8b88c3380c25883521c4d05fdf5d66.tar.gz | |
made the lastactivity section PRETTY. OH SO PRETTY
| -rw-r--r-- | public/css/shame.less | 10 | ||||
| -rw-r--r-- | views/project.ejs | 444 |
2 files changed, 441 insertions, 13 deletions
diff --git a/public/css/shame.less b/public/css/shame.less index ea569eb..dc5e7d7 100644 --- a/public/css/shame.less +++ b/public/css/shame.less @@ -194,18 +194,18 @@ div.lastactivity .activity .details { background-color: @infoBackground; } -.lastactivity .activity .date .row-fluid { - text-align: center; +.lastactivity .activity .date { width: 30px; } -.lastactivity .activity .date .row-fluid:first-child { +.lastactivity .activity .date .row-fluid .row-fluid { text-align: center; } +.lastactivity .activity .date .row-fluid .row-fluid:first-child { background-color: @gray; color: @white; } -.lastactivity .activity .date .row-fluid:nth-child(2) { +.lastactivity .activity .date .row-fluid .row-fluid:nth-child(2) { background-color: @grayLight; color: @black; - line-height: 10px; + line-height: 12px; } .text-small { diff --git a/views/project.ejs b/views/project.ejs index fec8a6a..bcb87fa 100644 --- a/views/project.ejs +++ b/views/project.ejs @@ -149,12 +149,83 @@ </div> + <div class="row-fluid act443 activity"> + <div class="row-fluid"> + <div class="span1 date"> + <div class="row-fluid"> + <div class="span12"> + <div class="row-fluid">24</div> + <div class="row-fluid info">APR</div> + <div class="row-fluid"><a href="#details-443" data-toggle="collapse" class="no-text-decoration" data-parent="#lastactivity">▼</a></div> + </div> + </div> + </div> + <div class="span6"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">for</div> + <div class="span10 smallfullwidth">Robert Joramo</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">hva</div> + <div class="span10 smallfullwidth">Tre horer, fire kaviartuber og alt for mye krem</div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + delt på + </div> + <div class="span8 text-small smallfullwidth"> + Helene, Robert + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid text-right"> + <span class="info">sum</span> + <strong>583 kr</strong> + </div> + <div class="row-fluid text-right"> + <i class="icon-picture"></i> + </div> + </div> + </div> + <div class="fluid-row collapse details" id="details-443"> + <div class="span7"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">av</div> + <div class="span10 smallfullwidth">Dennis Eriksen</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">kommentar</div> + <div class="span10"> + Helene og robert hadde seg en hyggetur på byen og fant ut at det ble nødvendig med horer. Da er det selvsagt obligatorisk med kaviar. Hva de skulle med kremen er fortsatt uvisst, men jeg måtte betale for den... + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + kategori + </div> + <div class="span8 text-small smallfullwidth"> + Div + </div> + </div> + <div class="row-fluid info"> + <a href="#edit">[edit]</a> + </div> + </div> + + </div> + </div> + <div class="row-fluid act443 activity"> <div class="row-fluid"> - <div class="span1"> + <div class="span1 date"> <div class="row-fluid"> - <div class="span12 date"> + <div class="span12"> <div class="row-fluid">24</div> <div class="row-fluid info">APR</div> <div class="row-fluid"><a href="#details-443" data-toggle="collapse" class="no-text-decoration" data-parent="#lastactivity">▼</a></div> @@ -181,15 +252,372 @@ </div> </div> </div> - <div class="span3"> - <div class="row-fluid"> - <div class="span3 info text-right smallfullwidth"> - sum + <div class="span2"> + <div class="row-fluid text-right"> + <span class="info">sum</span> + <strong>583 kr</strong> + </div> + <div class="row-fluid text-right"> + <i class="icon-picture"></i> + </div> + </div> + </div> + <div class="fluid-row collapse details" id="details-443"> + <div class="span7"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">av</div> + <div class="span10 smallfullwidth">Dennis Eriksen</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">kommentar</div> + <div class="span10"> + Helene og robert hadde seg en hyggetur på byen og fant ut at det ble nødvendig med horer. Da er det selvsagt obligatorisk med kaviar. Hva de skulle med kremen er fortsatt uvisst, men jeg måtte betale for den... + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + kategori </div> - <div class="span9 smallfullwidth"> - <strong>583 kr</strong> + <div class="span8 text-small smallfullwidth"> + Div </div> </div> + <div class="row-fluid info"> + <a href="#edit">[edit]</a> + </div> + </div> + + </div> + </div> + + + <div class="row-fluid act443 activity"> + <div class="row-fluid"> + <div class="span1 date"> + <div class="row-fluid"> + <div class="span12"> + <div class="row-fluid">24</div> + <div class="row-fluid info">APR</div> + <div class="row-fluid"><a href="#details-443" data-toggle="collapse" class="no-text-decoration" data-parent="#lastactivity">▼</a></div> + </div> + </div> + </div> + <div class="span6"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">for</div> + <div class="span10 smallfullwidth">Robert Joramo</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">hva</div> + <div class="span10 smallfullwidth">Tre horer, fire kaviartuber og alt for mye krem</div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + delt på + </div> + <div class="span8 text-small smallfullwidth"> + Helene, Robert + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid text-right"> + <span class="info">sum</span> + <strong>583 kr</strong> + </div> + <div class="row-fluid text-right"> + <i class="icon-picture"></i> + </div> + </div> + </div> + <div class="fluid-row collapse details" id="details-443"> + <div class="span7"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">av</div> + <div class="span10 smallfullwidth">Dennis Eriksen</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">kommentar</div> + <div class="span10"> + Helene og robert hadde seg en hyggetur på byen og fant ut at det ble nødvendig med horer. Da er det selvsagt obligatorisk med kaviar. Hva de skulle med kremen er fortsatt uvisst, men jeg måtte betale for den... + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + kategori + </div> + <div class="span8 text-small smallfullwidth"> + Div + </div> + </div> + <div class="row-fluid info"> + <a href="#edit">[edit]</a> + </div> + </div> + + </div> + </div> + + + <div class="row-fluid act443 activity"> + <div class="row-fluid"> + <div class="span1 date"> + <div class="row-fluid"> + <div class="span12"> + <div class="row-fluid">24</div> + <div class="row-fluid info">APR</div> + <div class="row-fluid"><a href="#details-443" data-toggle="collapse" class="no-text-decoration" data-parent="#lastactivity">▼</a></div> + </div> + </div> + </div> + <div class="span6"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">for</div> + <div class="span10 smallfullwidth">Robert Joramo</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">hva</div> + <div class="span10 smallfullwidth">Tre horer, fire kaviartuber og alt for mye krem</div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + delt på + </div> + <div class="span8 text-small smallfullwidth"> + Helene, Robert + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid text-right"> + <span class="info">sum</span> + <strong>583 kr</strong> + </div> + <div class="row-fluid text-right"> + <i class="icon-picture"></i> + </div> + </div> + </div> + <div class="fluid-row collapse details" id="details-443"> + <div class="span7"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">av</div> + <div class="span10 smallfullwidth">Dennis Eriksen</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">kommentar</div> + <div class="span10"> + Helene og robert hadde seg en hyggetur på byen og fant ut at det ble nødvendig med horer. Da er det selvsagt obligatorisk med kaviar. Hva de skulle med kremen er fortsatt uvisst, men jeg måtte betale for den... + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + kategori + </div> + <div class="span8 text-small smallfullwidth"> + Div + </div> + </div> + <div class="row-fluid info"> + <a href="#edit">[edit]</a> + </div> + </div> + + </div> + </div> + + + <div class="row-fluid act443 activity"> + <div class="row-fluid"> + <div class="span1 date"> + <div class="row-fluid"> + <div class="span12"> + <div class="row-fluid">24</div> + <div class="row-fluid info">APR</div> + <div class="row-fluid"><a href="#details-443" data-toggle="collapse" class="no-text-decoration" data-parent="#lastactivity">▼</a></div> + </div> + </div> + </div> + <div class="span6"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">for</div> + <div class="span10 smallfullwidth">Robert Joramo</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">hva</div> + <div class="span10 smallfullwidth">Tre horer, fire kaviartuber og alt for mye krem</div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + delt på + </div> + <div class="span8 text-small smallfullwidth"> + Helene, Robert + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid text-right"> + <span class="info">sum</span> + <strong>583 kr</strong> + </div> + <div class="row-fluid text-right"> + <i class="icon-picture"></i> + </div> + </div> + </div> + <div class="fluid-row collapse details" id="details-443"> + <div class="span7"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">av</div> + <div class="span10 smallfullwidth">Dennis Eriksen</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">kommentar</div> + <div class="span10"> + Helene og robert hadde seg en hyggetur på byen og fant ut at det ble nødvendig med horer. Da er det selvsagt obligatorisk med kaviar. Hva de skulle med kremen er fortsatt uvisst, men jeg måtte betale for den... + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + kategori + </div> + <div class="span8 text-small smallfullwidth"> + Div + </div> + </div> + <div class="row-fluid info"> + <a href="#edit">[edit]</a> + </div> + </div> + + </div> + </div> + + + <div class="row-fluid act443 activity"> + <div class="row-fluid"> + <div class="span1 date"> + <div class="row-fluid"> + <div class="span12"> + <div class="row-fluid">24</div> + <div class="row-fluid info">APR</div> + <div class="row-fluid"><a href="#details-443" data-toggle="collapse" class="no-text-decoration" data-parent="#lastactivity">▼</a></div> + </div> + </div> + </div> + <div class="span6"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">for</div> + <div class="span10 smallfullwidth">Robert Joramo</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">hva</div> + <div class="span10 smallfullwidth">Tre horer, fire kaviartuber og alt for mye krem</div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + delt på + </div> + <div class="span8 text-small smallfullwidth"> + Helene, Robert + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid text-right"> + <span class="info">sum</span> + <strong>583 kr</strong> + </div> + <div class="row-fluid text-right"> + <i class="icon-picture"></i> + </div> + </div> + </div> + <div class="fluid-row collapse details" id="details-443"> + <div class="span7"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">av</div> + <div class="span10 smallfullwidth">Dennis Eriksen</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">kommentar</div> + <div class="span10"> + Helene og robert hadde seg en hyggetur på byen og fant ut at det ble nødvendig med horer. Da er det selvsagt obligatorisk med kaviar. Hva de skulle med kremen er fortsatt uvisst, men jeg måtte betale for den... + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + kategori + </div> + <div class="span8 text-small smallfullwidth"> + Div + </div> + </div> + <div class="row-fluid info"> + <a href="#edit">[edit]</a> + </div> + </div> + + </div> + </div> + + + + <div class="row-fluid act443 activity"> + <div class="row-fluid"> + <div class="span1 date"> + <div class="row-fluid"> + <div class="span12"> + <div class="row-fluid">24</div> + <div class="row-fluid info">APR</div> + <div class="row-fluid"><a href="#details-443" data-toggle="collapse" class="no-text-decoration" data-parent="#lastactivity">▼</a></div> + </div> + </div> + </div> + <div class="span6"> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">for</div> + <div class="span10 smallfullwidth">Robert Joramo</div> + </div> + <div class="row-fluid"> + <div class="span2 info text-right smallfullwidth">hva</div> + <div class="span10 smallfullwidth">Tre horer, fire kaviartuber og alt for mye krem</div> + </div> + </div> + <div class="span2"> + <div class="row-fluid"> + <div class="span4 info text-right smallfullwidth"> + delt på + </div> + <div class="span8 text-small smallfullwidth"> + Helene, Robert + </div> + </div> + </div> + <div class="span2"> + <div class="row-fluid text-right"> + <span class="info">sum</span> + <strong>583 kr</strong> + </div> <div class="row-fluid text-right"> <i class="icon-picture"></i> </div> |