Robert Birming

Minimalistic theme for Bear blog

A super simple and lightweight (841 bytes) theme for Bear blog. This blog is using it (view home page and blog list examples).

It’s kind of a “back to basics” approach, using web-safe fonts and browser default colors for links.

I'm not a web designer, as some of you will probably notice, and I've only tested it in Chrome and Safari (and not that much to be honest). It seems to work fine, but no guarantees.

If you want to give it a try, just head over to Themes in the Bear blog settings, scroll down to the 'Edit theme CSS' field, and paste this in:

--

body{max-width:640px;margin:auto;padding:20px;background-color:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#333;font-size:1.2em;line-height:1.5}header{text-align:center;margin-bottom:35px}.title h1{font:700 40px/.3 Impact,Helvetica,Arial,sans-serif;letter-spacing:.5px}a.title,nav a{color:#333;text-decoration:none}nav a{margin-right:8px;font-weight:700;text-transform:uppercase}nav a:last-child{margin-right:0}img{max-width:100%}blockquote{padding-left:20px;font-style:italic}footer,time{font-size:16px}footer{text-align:center}footer a{text-decoration:none;color:#333}.post main h1{margin-bottom:-15px;font-size:30px;line-height:1.3}.inline{width:auto!important}time{font-style:normal;color:#777}ul.blog-posts{list-style-type:none;padding:unset}ul.blog-posts li{display:flex;flex-direction:column;margin-bottom:15px}

--

Happy blogging! 👨‍💻