Apply a few CSS improvements for table of contents, lists, tables and code blocks

This commit is contained in:
Saivann 2014-05-04 21:17:34 -04:00
parent 3192d6fde1
commit bf9980df1d
2 changed files with 32 additions and 15 deletions

View file

@ -47,7 +47,6 @@ a:active img{
} }
blockquote{ blockquote{
margin-left:0; margin-left:0;
margin-bottom:18px;
border-left:5px solid #eee; border-left:5px solid #eee;
padding-left:15px; padding-left:15px;
} }
@ -55,17 +54,32 @@ pre{
background-color:#f5f5f5; background-color:#f5f5f5;
display:block; display:block;
padding:17px; padding:17px;
margin:0 0 18px; line-height:1.5em;
line-height:18px; font-size:75%;
font-size:12px;
border:1px solid #ccc; border:1px solid #ccc;
white-space:pre-wrap; white-space:pre;
word-wrap:break-word; overflow-y:auto;
-webkit-border-radius:3px; -webkit-border-radius:3px;
-moz-border-radius:3px; -moz-border-radius:3px;
border-radius:3px; border-radius:3px;
} }
ul{ pre code{
font-size:100%;
padding:0;
border:0;
white-space:pre;
}
code{
padding:2px 4px;
background-color:#f5f5f5;
font-size:85%;
white-space:nowrap;
border:1px solid #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
ul,ol{
padding-left:20px; padding-left:20px;
margin-left:0; margin-left:0;
} }
@ -73,10 +87,11 @@ ul ul{
list-style-type:disc; list-style-type:disc;
} }
li{ li{
padding:5px 0; margin:10px 0;
} }
li p{ table td,table th{
margin:0; padding:10px;
border:1px solid #ddd;
} }
/*Styles for whole website*/ /*Styles for whole website*/
@ -593,17 +608,17 @@ li p{
margin:0; margin:0;
} }
.index{ .index{
padding:20px; padding:10px 20px;
border:2px dashed #4892b2; border:2px dashed #4892b2;
display:inline-block; display:inline-block;
} }
.index ul{ .index ul{
padding:10px 0; margin:10px 0;
} }
.index li{ .index li a{
font-weight:bold; font-weight:bold;
} }
.index ul li{ .index ul ul li a{
font-weight:normal; font-weight:normal;
} }
.index a, .index a,

View file

@ -50,7 +50,8 @@ id: faq
<h2>{% translate table %}</h2> <h2>{% translate table %}</h2>
<ul class="index"> <div class="index">
<ul>
<li><a href="#{% translate general anchor.faq %}">{% translate general %}</a></li> <li><a href="#{% translate general anchor.faq %}">{% translate general %}</a></li>
<ul> <ul>
<li><a href="#{% translate whatisbitcoin anchor.faq %}">{% translate whatisbitcoin %}</a></li> <li><a href="#{% translate whatisbitcoin anchor.faq %}">{% translate whatisbitcoin %}</a></li>
@ -119,6 +120,7 @@ id: faq
<li><a href="#{% translate morehelp anchor.faq %}">{% translate morehelp %}</a></li> <li><a href="#{% translate morehelp anchor.faq %}">{% translate morehelp %}</a></li>
</ul> </ul>
</ul> </ul>
</div>
<h2><a name="{% translate general anchor.faq %}">General</a></h2> <h2><a name="{% translate general anchor.faq %}">General</a></h2>