Continuing styling
This commit is contained in:
parent
ec8276f5a4
commit
0eeb56b0e9
|
@ -131,14 +131,17 @@ navigation a { display: inline-block;
|
|||
}
|
||||
.article-date { opacity: 0.5; font-size: 0.8; }
|
||||
|
||||
table { width: 100%; margin: 20px 0; border-collapse: collapse; }
|
||||
th { height: 20px;
|
||||
table { width: 100%;
|
||||
margin: 20px 0;
|
||||
border-collapse: collapse;
|
||||
border: solid 1px; }
|
||||
td, th { height: 20px;
|
||||
padding: 0 10px;
|
||||
text-align: left;
|
||||
}
|
||||
td { height: 20px;
|
||||
vertical-align: middle;
|
||||
padding: 0 10px; }
|
||||
border-right: solid 1px;
|
||||
border-left: solid 1px;
|
||||
}
|
||||
|
||||
/* colors */
|
||||
body {
|
||||
|
@ -150,15 +153,14 @@ a, a:visited { color: #2aa198; }
|
|||
a:active, a:hover, a:focus { color: #268bd2; }
|
||||
thead { background-color: #073642;
|
||||
color: #93a1a1; }
|
||||
tr:hover { background-color: #073642;
|
||||
}
|
||||
tr:hover { background-color: #073642; }
|
||||
h1 { color: #6c71c4;}
|
||||
h2 { color: #d33682;}
|
||||
h3 { color: #dc322f;}
|
||||
h4 { color: #cb4b16;}
|
||||
h5 { color: #b58900;}
|
||||
h6 { color: #859900;}
|
||||
td, th { border-color: #073642; }
|
||||
table, td, th { border-color: #073642; }
|
||||
code { background: #002b36; }
|
||||
/* -------- */
|
||||
/* org mode statuses */
|
||||
|
|
|
@ -9,7 +9,15 @@
|
|||
#+OPTIONS: H:5
|
||||
|
||||
This is a new take on my personal blog.
|
||||
With a lot more minimalism in mind.
|
||||
I tried to have some minimalism in mind but not too much.
|
||||
|
||||
True minimalism would have been to only serve text files.
|
||||
But I would prefer to have at least links working. Also
|
||||
syntax highlighting of source code is nice.
|
||||
|
||||
But I dislike the new trend of design space and white colors.
|
||||
It doesn't really fit the spirit of my website.
|
||||
So it looks a bit more like a text into a colored terminal.
|
||||
|
||||
I know light is more usual, but I prefer to use a dark background as it will
|
||||
tend to consume slightly less energy for some screen technologies.
|
||||
|
@ -262,12 +270,22 @@ There should be whitespace between paragraphs.
|
|||
3. here
|
||||
4. this is an ordered list following a header.
|
||||
|
||||
| head1 | head two |
|
||||
|--------------+-------------------|
|
||||
| ok | good swedish fish |
|
||||
| out of stock | good and plenty |
|
||||
| ok | good =oreos= |
|
||||
| ok | good =zoute= drop |
|
||||
| head1 | head two |
|
||||
|-----------+---------------------------|
|
||||
| Sir Robin | the not so brave |
|
||||
| Lancelot | search the =holy= *graal* |
|
||||
| Galaad | the /pure/ |
|
||||
| Zoot | Just =Zoot= |
|
||||
|
||||
Bad too wide table...
|
||||
|
||||
| head1 | head two | head3 | head4 | head5 | head 6 | head7 |
|
||||
|-----------+---------------------------+-----------------------+--------------------+-------------------------------------------------+--------+---------------------------------------|
|
||||
| Sir Robin | the not so brave | very big content here | super long content | What could I say, I like trying to break things | n/a | superlongwordthatcouldnotfitcorrectly |
|
||||
| Lancelot | search the =holy= *graal* | | | | | |
|
||||
| Galaad | the /pure/ | | | | | |
|
||||
| Zoot | Just =Zoot= | | | | | |
|
||||
|
||||
|
||||
There's a horizontal rule below this
|
||||
|
||||
|
|
Loading…
Reference in New Issue