steffen/website
1
0
Fork 0
Code Actions Packages Releases Activity

Continue to refine styles and layouts

Browse Source
This commit is contained in:
Michael Rose
2016-03-10 13:06:59 -05:00
parent 3df0afbdc9
commit 8d046af7a9
26 changed files with 390 additions and 382 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
_posts/2012-01-03-template-table-of-contents-post.md
View File

@ -33,7 +33,7 @@ Below is just about everything you'll need to style in the theme. Check the sour
Lorem ipsum dolor sit amet, test link adipiscing elit. **This is strong**. Nullam dignissim convallis est. Quisque aliquam.
![Smithsonian Image]({{ site.url }}{{ site.baseurl }}/images/3953273590_704e3899d5_m.jpg)
{: .image-pull-right}
{: .image-right}
*This is emphasized*. Donec faucibus. Nunc iaculis suscipit dui. 53 = 125. Water is H2O. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. The New York Times (That’s a citation). Underline.Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
@ -74,27 +74,27 @@ HTML and CSS are our tools. Mauris a ante. Suspendisse quam sem, consequat at, c
## Code Snippets
{% highlight css %}
```css
#container {
float: left;
margin: 0 -240px 0 0;
width: 100%;
}
{% endhighlight %}
```
## Buttons
Make any link standout more when applying the `.btn` class.
{% highlight html %}
```html
<a href="#" class="btn btn-success">Success Button</a>
{% endhighlight %}
```
<div markdown="0"><a href="#" class="btn">Primary Button</a></div>
<div markdown="0"><a href="#" class="btn btn-success">Success Button</a></div>
<div markdown="0"><a href="#" class="btn btn-warning">Warning Button</a></div>
<div markdown="0"><a href="#" class="btn btn-danger">Danger Button</a></div>
<div markdown="0"><a href="#" class="btn btn-info">Info Button</a></div>
<div markdown="0"><a href="#" class="btn btn--success">Success Button</a></div>
<div markdown="0"><a href="#" class="btn btn--warning">Warning Button</a></div>
<div markdown="0"><a href="#" class="btn btn--danger">Danger Button</a></div>
<div markdown="0"><a href="#" class="btn btn--info">Info Button</a></div>
## Notices