Corrected CSS for Steemit Styling

in #steemit8 years ago (edited)

Last


week I published a somewhat rough initial CSS and now I found a typo. So here is the CSS I am now using with Epsilon Notes:

Code:

html 
{
  font-family:Source Serif Pro,serif;
  justify:left;
}
code, pre, blockquote 
{
  -moz-tab-size: 1;
  -o-tab-size: 1;
  tab-size: 1;
}
blockquote
{
  margin: 0px 0px 0px 20px;
  padding: 5px 5px;
}
h1
{
  margin:2rem 0 1rem;
  font-size:160%;
}
h2
{
  margin:2rem 0 1rem;
  font-size:140%;
}
h3
{
  margin:2rem 0 1rem;
  font-size:120%;
}
h4
{
  margin:2rem 0 1rem;
  font-size:100%;
}
h5,h6 {}
a
{
  color:#2aa198;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word; 
} 
:active, :focus
{
  outline: none;
  -moz-outline-style: none;
}
p
{
  text-align: left;
}
pre 
{
  padding: 10px 10px 10px 10px;
  font-family: monospace;
  font-size: 95%; line-height: 140%;
  white-space: pre;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  border:#839496 1px solid;
}
code 
{
  font-family: monospace;
  font-size: 95%;
  line-height: 140%;
  white-space: pre;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
}
table 
{
  width:100%;
}
table, th, td
{
  border-collapse:collapse;
  padding:10px;
  border:1px solid  #657b83;
}
tbody tr:nth-child(odd) 
{
  background:#eee8d5;
}
img 
{
  width: 100%;
  display: block;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
div.pull-left
{
  float:left;
  padding-right:1rem;
  max-width:50%;
}
div.pull-right
{
  float:right;
  padding-left:1rem;
  max-width:50%;
}

Notes

I think I have almost figured out all the codes and I will be writing a Steemit markup manual. There is a lot more html usable than you might expect.

😎
In fact I am finding it more consistent on different apps.


We can't stop here! This is Whale country!


https://steemit.com/@l0k1

Loki was born in Australia, now is wandering Amsterdam again after 9 months in Sofia, Bulgaria. IT generalist, physics theorist, futurist and cyber-agorist.

Loki's life mission is to establish a secure, distributed layer atop the internet, and enable space migration, preferably while living in a beautiful mountain house somewhere with a good woman, and lots of farm animals and gardens, where he can also go hunting and camping.


*"I'm a thoughtocaster, a conundrummer in a band called Life Puzzler. I've flipped more lids than a monkey in a soup kitchen, of the mind."*
- Xavier, Renegade Angel


All images in the above post are either original from me, or taken from Google Image Search, filtered for the right of reuse and modification, and either hotlinked directly, or altered by me

Sort:  

Looking forward to that manual for sure! :)

Nice work will look more at it tomorrow.

@l0k1 pics' not showing

Yeah it isn't important pic though. It works from eSteem but not steemit.com.

Coin Marketplace

STEEM 0.18
TRX 0.16
JST 0.030
BTC 68091.64
ETH 2633.74
USDT 1.00
SBD 2.68