CivicIdeas Discussion Topic Page

This is a single discussion topic page. It includes a comment section made available by the comment widget.

by Pete Fecteau

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<script src="http://buttonpresser.com/CivicIdeas_BS/js/goog_trans.js"></script>
<script src="http://buttonpresser.com/CivicIdeas_BS/js/faux-feed.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 active"><a href="#">Discussions</a></li>
                    <li class="nav-forums"><a href="#">Forums</a></li>
                    <li class="nav-meetings"><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"><a href="#">Language</a></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>
    ...

SCSS

@import url('https://twitter.github.com/bootstrap/assets/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');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-hdr.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-comments.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-sidebar.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/global-footer.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/header-forum.css');
@import url('https://buttonpresser.com/CivicIdeas_BS/css/header-discussion.css');
section.forum .body {clear:left;}
section.topic {
    float:left;
    width:100%;
    padding:15px 0;
    border-bottom: 1px solid #DEDFE0;
    padding-bottom: 20px;
}
section.topic .header.topic-header {
    background-image:url("http://buttonpresser.com/CivicIdeas_BS/img/header_topic.png");
    background-position:0 0;
    height:40px;
    width:50px;
}
section.topic .topic-meta {
    float:right;
    margin:-15px 0;
    display:none;
    cursor:default;
}
section.topic .topic-meta ul {list-style:none;margin:0;}
section.topic .topic-meta ul li {
    display:block;
    float:left;
    margin-right:10px;
    font-size:11px;
}
section.topic .topic-meta ul li:last-child {
    margin-right:0;
}
section.topic h2 {
    font-size:17.5px;
    line-height:30px;
    margin:0;
}
section.topic h2 a,
section.topic h2 a:link,
section.topic h2 a:visited {
    color:#404040;
    text-decoration:none;
}
section.topic h2 a:hover,
section.topic h2 a:active{
    color:#313131;
    text-decoration:underline;
}
section.topic .byline {padding-left:30px;cursor:default;}
.pagination {margin:0;border-bottom:1px solid #DEDFE0;padding:14px 0 10px;}