* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { font-size: 1.1em; } /*body * { font-size: 19px; }*/ a { text-decoration: none; color: rgb(61, 146, 201); } a:hover, a:focus { text-decoration: underline; } h3 { font-weight: 100; } /* LAYOUT CSS */ .pure-img-responsive { max-width: 100%; height: auto; } #layout { padding: 0; } .header { text-align: center; top: auto; margin: 3em auto; /*margin: 0em auto 3em;*/ } .sidebar { background: rgb(61, 79, 93); color: #fff; } .sidebar h1 a { text-decoration: none; color: #fff; } .brand-title, .brand-tagline { margin: 0; } .brand-title { text-transform: uppercase; } .brand-tagline { font-weight: 300; color: rgb(176, 202, 219); } .nav-list { margin: 0; padding: 0; list-style: none; } .nav-item { display: inline-block; *display: inline; zoom: 1; } .nav-item a { background: transparent; border: 2px solid rgb(176, 202, 219); color: #fff; margin-top: 1em; letter-spacing: 0.05em; text-transform: uppercase; font-size: 85%; } .nav-item a:hover, .nav-item a:focus { border: 2px solid rgb(61, 146, 201); text-decoration: none; } .content-subhead { text-transform: uppercase; color: #aaa; border-bottom: 1px solid #eee; padding: 0.4em 0; font-size: 80%; font-weight: 500; letter-spacing: 0.1em; } .content { padding: 2em 1em 0; } .post { padding-bottom: 2em; } .post-title { font-size: 2em; color: #222; margin-bottom: 0.2em; } .post-avatar { border-radius: 50px; float: right; margin-left: 1em; } .post-description { font-family: Georgia, "Cambria", serif; color: #444; line-height: 1.8em; } .post-meta { color: #999; font-size: 90%; margin: 0; } .post-category { margin: 0 0.1em; padding: 0.3em 1em; color: #fff; background: #999; font-size: 80%; } .post-category-design { background: #5aba59; } .post-category-pure { background: #4d85d1; } .post-category-yui { background: #8156a7; } .post-category-js { background: #df2d4f; } .post-images { margin: 1em 0; } .post-image-meta { margin-top: -3.5em; margin-left: 1em; color: #fff; text-shadow: 0 1px 1px #333; } .footer { padding: 1em 0; } .footer a { color: #333; font-size: 80%; } .footer .pure-menu a:hover, .footer .pure-menu a:focus { background: none; } /* wide devices */ @media (min-width: 48em) { .content { /*padding: 2em 3em 0;*/ padding: 0.4em 3em 0; margin-left: 25%; } .header { /*margin: 80% 2em 0;*/ /*margin: 2em 2em 0;*/ margin: 2em 1em 0; text-align: right; } .sidebar { position: fixed; top: 0; bottom: 0; } .footer { text-align: center; } }
Travelled to 13 computer(s): aoiabmzegqzx, bhatertpkbcr, cbybwowwnfue, gwrvuhgaqvyk, irmadwmeruwu, ishqpsrjomds, lpdgvwnxivlt, mqqgnosmbjvj, pyentgdyhuwx, pzhvpgtvlbxg, tslmcundralx, tvejysmllsmz, vouqrxazstgt
No comments. add comment
Snippet ID: | #1016322 |
Snippet name: | CSS for BotCompany.de |
Eternal ID of this version: | #1016322/25 |
Text MD5: | eeb56b38af529dea00aa3b6779603139 |
Author: | stefan |
Category: | javax / html |
Type: | Document |
Public (visible to everyone): | Yes |
Archived (hidden from active list): | No |
Created/modified: | 2019-12-05 21:19:37 |
Source code size: | 3192 bytes / 196 lines |
Pitched / IR pitched: | No / No |
Views / Downloads: | 487 / 51748 |
Version history: | 24 change(s) |
Referenced in: | #1016323 - Blog Bot [DOMAIN BOT] #1022824 - Blog Bot with chat bot [dev.] |