simplify faq/tos/privacy HTML and CSS

This commit is contained in:
Jeff Atwood 2013-02-09 01:20:57 -08:00
parent 03a798b202
commit a03676ac62
2 changed files with 13 additions and 118 deletions

View file

@ -11,66 +11,33 @@
.body-page {
color: #1d1f20;
font: 14px/20px $base-font-family;
background: $base-background-color;
font-family: Georgia, Times, "Times New Roman", serif;
font-size: 16px;
line-height: 22px;
// Consistent vertical spacing
address,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
hr,
p,
pre,
ul,
ol,
dl,
figure,
fieldset,
table {
margin: 0 0 20px;
}
// Links
a {
color: $link-color;
text-decoration: none;
cursor: pointer;
&:visited {
color: $link-color-visited;
}
&:hover {
color: $link-color-hover;
}
&:focus {
outline: 0;
}
&:active {
color: $link-color-active;
}
}
// Typography
h1 {
font-size: 14px;
font-size: 16px;
line-height: 22px;
}
// Lists
ul,
ol,
dd {
ol {
margin-left: 40px;
padding: 0;
font-size: 16px;
line-height: 22px;
}
li {
@ -80,12 +47,6 @@
}
}
// Embedded content
img {
vertical-align: middle;
}
}
// Content wrapper
@ -138,71 +99,4 @@
}
}
}
// Excerpts & Questions
// --------------------------------------------------
.body-page {
#excerpt,
#questions {
float: right;
width: 658px;
}
// Excerpts
#excerpt {
@extend .clearfix;
display: none;
}
// Questions
#questions {
> article {
@extend .clearfix;
}
h1 {
margin-top: 20px;
}
> article:first-child h1 {
margin-top: 0;
}
}
}
// Buttons
// --------------------------------------------------
.body-page {
.btn {
float: right;
margin-left: 10px;
&:last-child {
margin-left: 0;
}
}
.collapse {
height: auto;
}
.read-more {
float: right;
}
input
{
height: 28px;
border-radius: 4px;
border: 1px solid #DDD;
padding-left: 10px;
box-shadow: 0px 0px 2px 1px gold;
float: right;
margin-left: 10px;
}
}

View file

@ -1,7 +1,6 @@
<div id="excerpt">
</div>
<nav>
</nav>
<!--<nav></nav> -->
<section id="questions">
<article id="be-civilized">
<h1>This is a Civilized Place for Public Discussion</h1>
@ -9,7 +8,9 @@
Please treat this discussion forum with the same respect you would a public park. Were a community resource: a place to share skills, knowledge and interests. Use these guidelines to help keep this a clean, well-lighted, civilized place for public discourse.
</p>
<div class="more">
<p>
These guidelines are <em>not</em> intended as a comprehensive list of hard and fast rules, merely as aids for the human judgment of moderators and the overall community.
</p>
</div>
</article>
<article id="improve-stuff">
@ -110,7 +111,7 @@
</p>
<div class="more">
<p>
Discourse can help keep things orderly — for example, the Like functionality <img title=":heart:" src="http://cdn.discourse.org/assets/emoji/heart.png" alt="heart" width="20" height="20" /> lets a user increase the popularity of a post without having to make an entire post that says "+1" or "Agreed," etc. Traditional workarounds, such as "bump" and blank postings are not used here. You can even reply-as-a-new-topic!
Discourse can help keep things orderly — for example, the Like functionality lets a user increase the popularity of a post without having to make an entire post that says "+1" or "Agreed," etc. Traditional workarounds, such as "bump" and blank postings are not used here. You can even reply as a new topic.
</p>
<p>
Also, don't sign your posts — every post has your profile information and links in the header.
@ -135,4 +136,4 @@
<div class="more">
</div>
</article>
</section>
</section>