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; }
|
.article-date { opacity: 0.5; font-size: 0.8; }
|
||||||
|
|
||||||
table { width: 100%; margin: 20px 0; border-collapse: collapse; }
|
table { width: 100%;
|
||||||
th { height: 20px;
|
margin: 20px 0;
|
||||||
|
border-collapse: collapse;
|
||||||
|
border: solid 1px; }
|
||||||
|
td, th { height: 20px;
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
|
||||||
td { height: 20px;
|
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
padding: 0 10px; }
|
border-right: solid 1px;
|
||||||
|
border-left: solid 1px;
|
||||||
|
}
|
||||||
|
|
||||||
/* colors */
|
/* colors */
|
||||||
body {
|
body {
|
||||||
|
@ -150,15 +153,14 @@ a, a:visited { color: #2aa198; }
|
||||||
a:active, a:hover, a:focus { color: #268bd2; }
|
a:active, a:hover, a:focus { color: #268bd2; }
|
||||||
thead { background-color: #073642;
|
thead { background-color: #073642;
|
||||||
color: #93a1a1; }
|
color: #93a1a1; }
|
||||||
tr:hover { background-color: #073642;
|
tr:hover { background-color: #073642; }
|
||||||
}
|
|
||||||
h1 { color: #6c71c4;}
|
h1 { color: #6c71c4;}
|
||||||
h2 { color: #d33682;}
|
h2 { color: #d33682;}
|
||||||
h3 { color: #dc322f;}
|
h3 { color: #dc322f;}
|
||||||
h4 { color: #cb4b16;}
|
h4 { color: #cb4b16;}
|
||||||
h5 { color: #b58900;}
|
h5 { color: #b58900;}
|
||||||
h6 { color: #859900;}
|
h6 { color: #859900;}
|
||||||
td, th { border-color: #073642; }
|
table, td, th { border-color: #073642; }
|
||||||
code { background: #002b36; }
|
code { background: #002b36; }
|
||||||
/* -------- */
|
/* -------- */
|
||||||
/* org mode statuses */
|
/* org mode statuses */
|
||||||
|
|
|
@ -9,7 +9,15 @@
|
||||||
#+OPTIONS: H:5
|
#+OPTIONS: H:5
|
||||||
|
|
||||||
This is a new take on my personal blog.
|
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
|
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.
|
tend to consume slightly less energy for some screen technologies.
|
||||||
|
@ -263,11 +271,21 @@ There should be whitespace between paragraphs.
|
||||||
4. this is an ordered list following a header.
|
4. this is an ordered list following a header.
|
||||||
|
|
||||||
| head1 | head two |
|
| head1 | head two |
|
||||||
|--------------+-------------------|
|
|-----------+---------------------------|
|
||||||
| ok | good swedish fish |
|
| Sir Robin | the not so brave |
|
||||||
| out of stock | good and plenty |
|
| Lancelot | search the =holy= *graal* |
|
||||||
| ok | good =oreos= |
|
| Galaad | the /pure/ |
|
||||||
| ok | good =zoute= drop |
|
| 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
|
There's a horizontal rule below this
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue