diff options
Diffstat (limited to 'themes/nojs/static/css/main.css')
| -rw-r--r-- | themes/nojs/static/css/main.css | 279 |
1 files changed, 279 insertions, 0 deletions
diff --git a/themes/nojs/static/css/main.css b/themes/nojs/static/css/main.css new file mode 100644 index 0000000..fdfd311 --- /dev/null +++ b/themes/nojs/static/css/main.css @@ -0,0 +1,279 @@ +/* + Name: nojs style css + Date: Abr 2024 + Description: layout for HTML5 and CSS3 goodness. + Version: 1.0 + License: GPLv3 <https://www.gnu.org/licenses/gpl-3.0.html> + Licensed by: Brigada Digital <https://brigadadigital.tec.br> + Original author: Núbio Cicarini Hott <bio@brigadadigital.tec.br> +*/ + +/* Imports */ +@import url("reset.css"); +@import url("pygment.css"); +@import url("typogrify.css"); +@import url("fonts.css"); + +/* Body */ +body { + background: #000000; + color: #000000; + font-size: 87.5%; /* Base font size: 14px */ + font-family: 'Fira Code Retina', 'Fira Code Bold'; + font-size: 1.4em; + line-height: 1.8em; + text-align: left; + margin: 1% 0 0 0; +} + +/* Headings */ +h1 {font-size: 2.1em;} +h2 {font-size: 1.95em;} /* 22px */ +h3 {font-size: 1.85em;} /* 20px */ +h4 {font-size: 1.7em;} /* 18px */ +h5 {font-size: 1.6em;} /* 16px */ +h6 {font-size: 1.5em;} /* 14px */ +h1, h2, h3, h4, h5, h6 { + font-weight: bold; + line-height: 1.429em; + margin-top: 5px; + margin-bottom: 5px; +} +h3, h4, h5, h6 {margin-top: .8em;} + +/* Line */ +hr {border: 1px solid #000000;} + +/* Button */ +.button { + color: #FFF; + background-color: #000000; + border: 1px solid #CC0000; + padding: 12px 30px; + text-align: center; + font-size: .8em; + font-weight: bold; + display: inline-block; +} +.button:hover { + color: #FF0000; + background-color: #000000; + border: 1px solid #FF0000; + text-decoration: underline; +} + +dl {margin: 0 0 1.5em 0;} +dt {font-weight: bold;} +dd {margin-left: 1.5em;} + +/* Tables */ +table {margin: .5em auto .5em auto; font-size: .9em; display: inline-flex;} + +/* Thead */ +thead th {padding: .5em .4em; text-align: left; display: flex;} +thead td {} + +/* Tbody */ +tbody td {padding: .5em .4em; border: 1px solid;} +tbody th {} + +tbody .alt td {} +tbody .alt th {} + +/* Tfoot */ +tfoot th {} +tfoot td {} + + +/* Anchors */ +a {outline: 0;} +a img {border: 0px; text-decoration: none;} +a:link {color: #CC0000; text-decoration: underline;} +a:visited {color: #990000; text-decoration: underline;} +a:hover, a:active { + color: #FF0000; + text-decoration: underline; +} + +/* HTML5 tags */ +header, section, footer, +aside, nav, article, figure { + display: block; +} + +/* banner */ +header#banner { + text-align: center; +} +header#banner a img { border: 0; text-decoration: none; } + +/* MenuMain Nav */ +nav#menu { + font-size: 1em; + text-align: center; + +/* border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; +*/ +} +nav#menu ul { + list-style: none; +} +nav#menu li { + float: center; + display: inline-block; + padding: 0 1% .5% 0; +} +nav#menu a:link, nav#menu a:visited { + color: #FFF; + text-decoration: none; + font-weight: bold; +} + +nav#menu a:hover, nav#menu a:active, nav#menu .active a:link, nav#menu .active a:visited { + color: #CC0000; + /* text-decoration: underline; */ + text-decoration: none; + text-shadow: none !important; + font-weight: bold; + border-bottom: 2px solid #CC0000; +} + +/* Content */ +#content { + overflow: hidden; + background: #FFF; + padding: 2% 10% 2% 10%; + +/* border-radius: 10px; + -moz-border-radius: 10px; + -webkit-border-radius: 10px; +*/ +} + +#contentinfo { + font-size: .8em; + line-height: 1.3em; + overflow: hidden; + color: #FFF; + text-align: center; + margin: 0; + padding: 2% 10% 2% 10%; +} +#contentinfo a:link {color: #CC0000;} +#contentinfo a:hover {color: #FF0000;} +#contentinfo a:visited {color: #990000;} + +/* Post */ +#post-list { +} + +.post-info { +} + +.hentry { +} + +.entry-title { +} +.entry-title h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link {color: #000000;} +.entry-title h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #CC0000;} + + +.vcard.author{ +} + +/* Home */ +#home { + background-color: #FFF; +} +#home section { + padding: 1% 0 1% 0; +} +#home div { + padding: 0 10% 0 10%; +} + +.image img { + margin: 1%; + padding: 2%; + text-align: center; +} + +.codebox { + padding: 0; + background-color: black; + color: red; +} + +figure { + text-align: center; +} +/*Features*/ + +.features { +} +.features a:link {color: #CC0000;} +.features a:hover {color: #FF0000;} +.features a:active {color: #FF0000;} +.features a:visited {color: #990000;} +.features h3 a:link {color: #000000;} +.features h4 a:link {color: #000000;} +.features h5 a:link {color: #000000;} +.features h6 a:link {color: #000000;} +.features h3 a:visited {color: #000000;} +.features h4 a:visited {color: #000000;} +.features h5 a:visited {color: #000000;} +.features h6 a:visited {color: #000000;} +.features h3 a:hover {color: #CC0000;} +.features h4 a:hover {color: #CC0000;} +.features h5 a:hover {color: #CC0000;} +.features h6 a:hover {color: #CC0000;} +.features p { + padding: 1% 0 1% 0; +} + +.indice { + float: left; + text-align: left; + padding: 2%; + margin: 1% 2% 1% 0; + background: #CC0000; + border: 1px solid #FF0000; +} +.indice h3 { + color: #FFFFFF; + margin-top: 0; +} +.indice a:link, a:visited { + color: #000000; +} +.indice a:hover, a:active { + color: #FFFFFF; +} +.indice ul { + list-style: disc; + padding-left: 10%; +} + +/* Blog */ +.blog h2 { + color: #FFFFFF; +} +.blog a:link, a:visited { + color: #000000; + text-decoration: underline; +} +.blog a:hover { + color: #FFFFFF; + text-decoration: underline; +} + +.container { + display: grid; + grid-template-columns: 1fr 1fr; + grid-gap: 5%; + text-align: center; +} + |