eComment Report
by Pete Fecteau
HTML
<script src="https://buttonpresser.com/CivicIdeas_BS/js/getDate.js"></script>
<div class="standard-nav alone navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<div class="nav-collapse" id="main-menu">
<ul class="nav" id="main-menu-left">
<li class="nav-home"><a href="#">Home</a></li>
<li class="nav-ideas"><a href="#">Ideas</a></li>
<li class="nav-projects"><a href="#">Projects</a></li>
<li class="nav-discussions"><a href="#">Discussions</a></li>
<li class="nav-forums"><a href="#">Forums</a></li>
<li class="nav-meetings active"><a href="#">Meetings</a></li>
<li class="nav-surveys"><a href="#">Surveys</a></li>
</ul>
<ul class="nav pull-right" id="main-menu-right">
<li class="language">
<div id="google_translate_element"></div>
</li>
<li>
<form class="navbar-search pull-left" action="">
<input type="text" class="search-query span2" placeholder="Search" />
</form>
</li>
<li class="dropdown">
<a href="/users/sign_in" id="navbar-login">Login or Register</a>
<ul class="dropdown-menu" id="swatch-menu">
<li><a href="../default">Log Out</a></li>
<li class="divider"></li>
<li><a href="#">Edit Profile</a></li>
<li><a href="#">My Ideas</a></li>
<li><a href="#">My Connections</a></li>
<li><a href="#">My Apps</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="admin-nav...
CSS
/*
USE THE MEDIA="PRINT" ATTRIBUTE
<link rel="stylesheet" href="print.css" type="text/css" media="print" />
*/
@import url('https://buttonpresser.com/CivicIdeas_BS/css/bootstrap.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/bootstrap-custom.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-nav.css');
.standard-nav {margin-top:35px;}
.container {
margin:0;
font-family:Helvetica,Arial,sans-serif;
font-size:14px;
line-height:20px;
color:#646464;
background-color:white;
}
h1 {
font-size:42px;
color:#FFF;
background:#be4291;
padding:10px 20px;
line-height:50px;
margin:85px 0 0 0;
}
h1 span {
font-size:18px; /* The jquery-driven today's date */
}
section header.filter {
background-color:#939598;
padding:10px 10px 10px 20px;
}
section header.filter form {margin:0;}
section header.filter form select {margin:0 10px 0 0;}
.buttons {float:right;margin-top:2px;}
.buttons .btn.download {
background-image: url('https://buttonpresser.com/CivicIdeas_BS/img/download_icon.png');
background-position: 7px 4px;
padding: 3px 10px 3px 33px;
line-height:20px;
}
#header,
#flashes,
.all_meetings_form,
.meeting_settings,
#settings,
.btn.speaker_request,
section.box.chart:last-child,
#footer {
display:none;
}
section.box.chart h2 {
display:none;
}
section.box h2 {
margin:20px 0;
border-top:1px solid #dedfe0;
padding-top:10px;
font-weight:bold;
color:#404040;
}
section.box.chart #stats_wrapper {
border-bottom:1px solid #DEDFE0;
height:70px;
margin-bottom:30px;
}
section.box.chart #stats_wrapper ul {
list-style:none;
display:block;
margin:30px 0;
}
section.box.chart #stats_wrapper ul li {
display:block;
float:left;
font-size:42px;
font-weight:bold;
width:16.66%;
text-align:center;
color:#939598;
}
section.box.chart #stats_wrapper ul li span {
font-size:14px;
font-weight:normal;
...
JavaScript
$('.getDate').html("As of " + _dateString);