diff --git a/lektor/lektordata/project/assets/static/style.css b/lektor/lektordata/project/assets/static/style.css index 083fc5d..949900c 100644 --- a/lektor/lektordata/project/assets/static/style.css +++ b/lektor/lektordata/project/assets/static/style.css @@ -1,139 +1,133 @@ @font-face { - font-family: 'Roboto-Regular'; - src: url('/static/webfonts/Roboto-Regular.woff2') format('woff2'), - url('/static/webfonts/Roboto-Regular.woff') format('woff'); + font-family: "Roboto-Regular"; + src: url(/static/webfonts/Roboto-Regular.woff2)format("woff2"),url(/static/webfonts/Roboto-Regular.woff)format("woff") } + @font-face { - font-family: 'Roboto-Light'; - src: url('/static/webfonts/Roboto-Light.woff2') format('woff2'), - url('/static/webfonts/Roboto-Light.woff') format('woff'); + font-family:"Roboto-Light";src:url(/static/webfonts/Roboto-Light.woff2)format("woff2"),url(/static/webfonts/Roboto-Light.woff)format("woff") } body { font-size: 1vw; - font-family: 'Roboto-Light', 'Arial', sans-serif; - margin: 50px 25px; - color: #5d5d5d; + font-family: "Roboto-Light","Arial",sans-serif; + margin: 50px 25px } .navbar-nav { - padding-top: 10px; + padding-top: 10px } -.navbar-nav .active a{ - color: #7f5e3c; + +.navbar-nav .active a,a:hover { + color: #7f5e3c } a { color: #b78c66; - text-decoration: none; + text-decoration: none } -a:hover { - color: #7f5e3c; +td,th { + padding: 5px 15px } -th, td { - padding-left: 15px; - padding-right: 15px; - padding-top: 5px; - padding-bottom: 5px; -} - -header, footer, div.page { +div.page,footer,header { position: relative; width: 80%; margin: 0 auto; background: #ececec; - color: #6c7d8c; - max-width: 1200px; + max-width: 1200px } -header > div.inner_header, footer > div.inner_footer, div.page > div.inner_page{ - padding: 20px 30px; +div.page { + color: #6c7d8c } -div.inner_page > *{ - margin: 0; +div.page>div.inner_page,footer>div.inner_footer,header>div.inner_header { + padding: 20px 30px } -div.page h1, div.page h2, div.page h3, div.page h4, div.page h5, div.page h6{ - color: #5d5d5d; +div.inner_page>* { + margin: 0 +} + +body,div.page h1,div.page h2,div.page h3,div.page h4,div.page h5,div.page h6 { + color: #5d5d5d } div.inner_page { position: relative; top: 0; - padding: 0; + padding: 0 } div.inner_page.bgimage { - - background-image: url('/images/bg_image_welcome_1.jpg'); + background-image: url(/images/bg_image_welcome_1.jpg); background-size: contain; background-position: top; background-repeat: no-repeat; min-height: 635px; - background-color: rgba(255,255,255,0.6); - background-blend-mode: lighten; - + background-color: rgba(255,255,255,.6); + background-blend-mode: lighten } -header, footer { - color: #b0b0b0; +footer,header,header h1 { + color: #b0b0b0 } header { - font-size: 1vw; -} + font-size: 1vw +} + footer { - font-size: 0.75vw; + font-size: .75vw } header h1 { - color: #b0b0b0; margin: 0; - font-weight: bold; - font-size: 42px; + font-weight: 700; + font-size: 42px } header nav ul { list-style: none; margin: 0; - padding: 0; + padding: 0 } header nav ul li { display: inline; margin: 0 8px 0 0; - padding: 0; + padding: 0 } div.page { - background: #fafafa; + background: #fafafa } -@media (max-width: 768px){ +@media (max-width:768px) { body { - font-size: 4vw; + font-size: 4vw } + header { - font-size: 3vw; - } + font-size: 3vw + } + footer { - font-size: 2vw; + font-size: 2vw } } -@media (min-width: 769px) and (max-width: 1024px){ +@media (min-width:769px) and (max-width:1024px) { body { - font-size: 2.5vw; + font-size: 2.5vw } + header { - font-size: 2vw; + font-size: 2vw } + footer { - font-size: 1.75vw; + font-size: 1.75vw } -} - - +} \ No newline at end of file