simplify faq/tos/privacy HTML and CSS
This commit is contained in:
Jeff Atwood
parent
03a798b202
commit
a03676ac62
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
@ -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. We’re 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>
|
||||
Loading…
Reference in New Issue