From b353619710cc17f2fb1459e450b0d7e8aff96fd5 Mon Sep 17 00:00:00 2001 From: antilopa Date: Wed, 1 Jun 2022 13:26:42 +0200 Subject: [PATCH] initial css structure --- lacre_basic/css/custom.css | 182 +++-------------------------------- lacre_basic/css/defaults.css | 175 +++++++++++++++++++++++++++++++++ 2 files changed, 191 insertions(+), 166 deletions(-) create mode 100644 lacre_basic/css/defaults.css diff --git a/lacre_basic/css/custom.css b/lacre_basic/css/custom.css index e796328..4307033 100644 --- a/lacre_basic/css/custom.css +++ b/lacre_basic/css/custom.css @@ -1,175 +1,25 @@ -/* Core Stuff */ -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} +/*------------------------------------ + * + * Lacre.io Main style Sheet + * 01-06-2022 + * ------------------------------------*/ -body { - font-size: 1rem; - line-height: 1.7; - color: #606d6e; -} +/* Fonts */ -h1, -h2, -h3, -h4, -h5, -h6 { - color: #454B4D; -} +@import url("fonts.css"); +@import url("fork-awesome/css/fork-awesome.min.css"); -a { - color: #1F8CD6; - text-decoration: none; -} +/* Normalize - https://github.com/necolas/normalize.css/ */ -a:hover { - color: #175E91; -} +@import url("normalize.css"); -pre { - background: #F0F0F0; - margin: 1rem 0; - border-radius: 2px; -} -blockquote { - border-left: 10px solid #eee; - margin: 0; - padding: 0 2rem; -} +/* Defaults + * ------------------------------------*/ -/* Utility Classes */ -.wrapper { - margin: 0 3rem; -} +@import url("defaults.css"); -.padding { - padding: 3rem 1rem; -} +/* General + * ------------------------------------*/ -.left { - float: left; -} - -.right { - float: right -} - -.text-center { - text-align: center; -} - -.text-right { - text-align: right; -} - -.text-left { - text-align: left; -} - -/* Content Styling */ -.header .padding { - padding: 1rem 0; -} - -.header { - background-color: #1F8DD6; - color: #eee; -} - -.header a { - color: #fff; -} - -.header .logo { - font-size: 1.7rem; - text-transform: uppercase; -} - -.footer { - background-color: #eee; -} - -/* Menu Settings */ -.main-nav ul { - text-align: center; - letter-spacing: -1em; - margin: 0; - padding: 0; -} - -.main-nav ul li { - display: inline-block; - letter-spacing: normal; -} - -.main-nav ul li a { - position: relative; - display: block; - line-height: 45px; - color: #fff; - padding: 0 20px; - white-space: nowrap; -} - -.main-nav > ul > li > a { - border-radius: 2px; -} - -/*Active dropdown nav item */ -.main-nav ul li:hover > a { - background-color: #175E91; -} - -/* Selected Dropdown nav item */ -.main-nav ul li.selected > a { - background-color: #fff; - color: #175E91; -} - -/* Dropdown CSS */ -.main-nav ul li {position: relative;} - -.main-nav ul li ul { - position: absolute; - background-color: #1F8DD6; - min-width: 100%; - text-align: left; - z-index: 999; - - display: none; -} -.main-nav ul li ul li { - display: block; -} - -/* Dropdown CSS */ -.main-nav ul li ul ul { - left: 100%; - top: 0; -} - -/* Active on Hover */ -.main-nav li:hover > ul { - display: block; -} - -/* Child Indicator */ -.main-nav .has-children > a { - padding-right: 30px; -} -.main-nav .has-children > a:after { - font-family: FontAwesome; - content: '\f107'; - position: absolute; - display: inline-block; - right: 8px; - top: 0; -} - -.main-nav .has-children .has-children > a:after { - content: '\f105'; -} +body { background: #203040; color: #E3DEDB; } diff --git a/lacre_basic/css/defaults.css b/lacre_basic/css/defaults.css new file mode 100644 index 0000000..e796328 --- /dev/null +++ b/lacre_basic/css/defaults.css @@ -0,0 +1,175 @@ +/* Core Stuff */ +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +body { + font-size: 1rem; + line-height: 1.7; + color: #606d6e; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #454B4D; +} + +a { + color: #1F8CD6; + text-decoration: none; +} + +a:hover { + color: #175E91; +} + +pre { + background: #F0F0F0; + margin: 1rem 0; + border-radius: 2px; +} + +blockquote { + border-left: 10px solid #eee; + margin: 0; + padding: 0 2rem; +} + +/* Utility Classes */ +.wrapper { + margin: 0 3rem; +} + +.padding { + padding: 3rem 1rem; +} + +.left { + float: left; +} + +.right { + float: right +} + +.text-center { + text-align: center; +} + +.text-right { + text-align: right; +} + +.text-left { + text-align: left; +} + +/* Content Styling */ +.header .padding { + padding: 1rem 0; +} + +.header { + background-color: #1F8DD6; + color: #eee; +} + +.header a { + color: #fff; +} + +.header .logo { + font-size: 1.7rem; + text-transform: uppercase; +} + +.footer { + background-color: #eee; +} + +/* Menu Settings */ +.main-nav ul { + text-align: center; + letter-spacing: -1em; + margin: 0; + padding: 0; +} + +.main-nav ul li { + display: inline-block; + letter-spacing: normal; +} + +.main-nav ul li a { + position: relative; + display: block; + line-height: 45px; + color: #fff; + padding: 0 20px; + white-space: nowrap; +} + +.main-nav > ul > li > a { + border-radius: 2px; +} + +/*Active dropdown nav item */ +.main-nav ul li:hover > a { + background-color: #175E91; +} + +/* Selected Dropdown nav item */ +.main-nav ul li.selected > a { + background-color: #fff; + color: #175E91; +} + +/* Dropdown CSS */ +.main-nav ul li {position: relative;} + +.main-nav ul li ul { + position: absolute; + background-color: #1F8DD6; + min-width: 100%; + text-align: left; + z-index: 999; + + display: none; +} +.main-nav ul li ul li { + display: block; +} + +/* Dropdown CSS */ +.main-nav ul li ul ul { + left: 100%; + top: 0; +} + +/* Active on Hover */ +.main-nav li:hover > ul { + display: block; +} + +/* Child Indicator */ +.main-nav .has-children > a { + padding-right: 30px; +} +.main-nav .has-children > a:after { + font-family: FontAwesome; + content: '\f107'; + position: absolute; + display: inline-block; + right: 8px; + top: 0; +} + +.main-nav .has-children .has-children > a:after { + content: '\f105'; +}