This is how it looks:
Contents of this page:
First item
1. This is absolutely the first item of them all.Second item
2. And this is the second item.Sub-item for the second item
2.1. This sub-item is the last but one.Sub-sub-item for the second item
2.1.1. The final item is a sub-sub-item.The code is here, at GitHub:
https://github.com/Pjotr123/toc-blogger
Remove borders from images:
On your Blogger dashboard, select Theme, Customize. Under the Blogger Theme Designer, click on Advanced, scroll down and select Add CSS. Copy and paste the following codes in the custom CSS area.
Original:
.post-body img, .post-body .tr-caption-container, .ss, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}
My cleaned-up version:
.Image img, .post-body img, .item-thumbnail img {
padding: none !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}
I've put the code of the cleaned-up version on GitHub:
https://github.com/Pjotr123/images-blogger
This is the CSS code for putting the cookie notification bar at the bottom of the page, instead from the default top position:
.cookie-choices-info {position: fixed; top: auto !important; bottom: 0px !important;}
If used in combination with other CSS code: there needs to be a blank line between two code snippets.