Update theme

This commit is contained in:
Rafal Kupiec 2024-06-16 22:25:09 +02:00
parent 29bcbde583
commit 15743b101a
Signed by: belliash
GPG Key ID: 4E829243E0CFE6B4
16 changed files with 165 additions and 109 deletions

View File

@ -19,16 +19,16 @@ paginate = 10
url = "/contributing" url = "/contributing"
weight = 2 weight = 2
[[menu.main]]
name = "Source Code"
pre = "<div class='fa fa-codepen'></div> "
url = "/source-code"
weight = 3
[[menu.main]] [[menu.main]]
name = "Download" name = "Download"
pre = "<div class='fa fa-cubes'></div> " pre = "<div class='fa fa-cubes'></div> "
url = "/download" url = "/download"
weight = 3
[[menu.main]]
name = "Source Code"
pre = "<div class='fa fa-codepen'></div> "
url = "/source-code"
weight = 4 weight = 4
[[menu.main]] [[menu.main]]

View File

@ -1,6 +1,6 @@
<div class="wrapper_header"> <div class="wrapper_header">
<div class="header"> <div class="header">
<h1><a href="{{ .Site.BaseURL }}"><img src="" alt="{{ .Site.Title }}" /></a></h1> <h1><a href="{{ .Site.BaseURL }}"><img src="images/exectos_logo.png" alt="LOGO" width="50px" /> {{ .Site.Title }}</a></h1>
<ul> <ul>
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
{{ if .HasChildren }} {{ if .HasChildren }}

View File

@ -1,151 +1,207 @@
@import url("/css/fontawesome-min.css"); @import url("/css/fontawesome-min.css");
@font-face {
font-family : 'Source Sans Pro';
font-style : normal;
font-weight : 400;
src : url('/fonts/source-sans-pro-v9-latin-regular.eot');
src : local('Source Sans Pro'), local('SourceSansPro-Regular'),
url('/fonts/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'),
url('/fonts/source-sans-pro-v9-latin-regular.woff2') format('woff2'),
url('/fonts/source-sans-pro-v9-latin-regular.woff') format('woff'),
url('/fonts/source-sans-pro-v9-latin-regular.ttf') format('truetype');
}
@font-face {
font-family : 'Source Sans Pro';
font-style : italic;
font-weight : 400;
src : url('/fonts/source-sans-pro-v9-latin-italic.eot');
src : local('Source Sans Pro Italic'), local('SourceSansPro-It'),
url('/fonts/source-sans-pro-v9-latin-italic.eot?#iefix') format('embedded-opentype'),
url('/fonts/source-sans-pro-v9-latin-italic.woff2') format('woff2'),
url('/fonts/source-sans-pro-v9-latin-italic.woff') format('woff'),
url('/fonts/source-sans-pro-v9-latin-italic.ttf') format('truetype');
}
@font-face {
font-family : 'Source Sans Pro';
font-style : normal;
font-weight : 700;
src : url('/fonts/source-sans-pro-v9-latin-700.eot');
src : local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
url('/fonts/source-sans-pro-v9-latin-700.eot?#iefix') format('embedded-opentype'),
url('/fonts/source-sans-pro-v9-latin-700.woff2') format('woff2'),
url('/fonts/source-sans-pro-v9-latin-700.woff') format('woff'),
url('/fonts/source-sans-pro-v9-latin-700.ttf') format('truetype');
}
:root {
color-scheme : light;
}
html { html {
color : #333333; color : light-dark(#333333, #FFFFFF);
background-color : #FFFFFF; background-color : light-dark(#FFFFFF, #030C12);
margin : 0; margin : 0;
padding : 0; padding : 0;
} }
body { body {
font-family : "trebuchet ms", "verdana", sans-serif; font-family : "Source Sans Pro", "Trebuchet MS", "Verdana", sans-serif;
margin : 0; margin : 0;
padding : 0; padding : 0;
} }
h1 { h1 {
margin-top : 8px; font-size : 28px;
padding : 1px; margin-top : 8px;
padding : 1px;
vertical-align : middle;
} }
h2 { h2 {
border-bottom : 1px solid #8877FF; border-bottom : 1px solid #DDDDDD;
margin-left : -1em; font-size : 30px;
margin-right : -1em; margin-left : -1em;
margin-right : -1em;
text-decoration : bold;
}
h3 {
border-bottom : 1px solid #CCCCCC;
font-size : 18px;
margin-left : -1em;
margin-right : -1em;
text-decoration : bold;
} }
img { img {
border : 0px; border : 0px;
vertical-align : middle;
} }
.content { .content {
margin-left : 25%; font-size : 14px;
margin-right : 25%; margin-left : 30%;
margin-top : 2.5em; margin-right : 30%;
margin-top : 1.5em;
} }
.content li { .content li {
list-style-type : square; list-style-type : square;
} }
.copyright { .copyright {
color : #404040; color : #404040;
font-family : sans-serif, Verdana, Arial, Helvetica; font-family : "Source Sans Pro", "Trebuchet MS", "Verdana", sans-serif;
font-size : 10px; font-size : 10px;
text-align : center; text-align : center;
text-decoration : none; text-decoration : none;
} }
.copyright a { .copyright a {
color : #404040; color : #404040;
text-decoration : none; text-decoration : none;
} }
.copyright a:hover { .copyright a:hover {
color : #404040; color : #404040;
text-decoration : none; text-decoration : none;
}
.header {
background : #bee0ff;
border-bottom : 2px solid #186196;
color : #186196;
clear : both;
padding-left : 1em;
padding-top : 0.5em;
}
.header a {
border : 2px solid transparent;
color : #186196;
padding-left : 10px;
padding-right : 10px;
padding-top : 1px;
text-decoration : none;
}
.header li a:before {
content: "\00BB ";
color: #186196;
}
.header a:hover {
color : #000055;
padding-left : 10px;
padding-right : 10px;
padding-top : 1px;
}
.header li {
display : inline;
margin-left : 2em;
}
.header ul {
margin : 0px;
padding : 0px;
text-align : left;
} }
.footer { .footer {
background : #FFFFFF; background : light-dark(#FFFFFF, #030C12);
color : #000000; color : light-dark(#000000, #FFFFFF);
clear : both; clear : both;
font-family : sans-serif, verdana, Helvetica; font-family : sans-serif, verdana, Helvetica;
font-size : 12px; font-size : 12px;
margin-left : 10px; margin-left : 10px;
margin-top : 0.4em; margin-top : 0.4em;
padding : 0; padding : 0;
width : 100% width : 100%
} }
.footer-left { .footer-left {
position : absolute; position : absolute;
text-align : left; text-align : left;
width : 50%; width : 50%;
} }
.footer-right { .footer-right {
left : 50%; left : 50%;
position : absolute; position : absolute;
text-align : right; text-align : right;
width : 50%; width : 50%;
}
.header {
background : light-dark(#BEE0FF, #2185D0);
border-bottom : 2px solid #186196;
color : #186196;
clear : both;
font-size : 14px;
padding-left : 1em;
padding-top : 1px;
text-align : center;
vertical-align : middle;
}
.header a {
color : light-dark(#186196, #CCCCCC);
padding-left : 5px;
padding-right : 5px;
padding-top : 1px;
text-decoration : none;
}
.header a:hover {
color : light-dark(#000055, #FFFFFF);
padding-left : 5px;
padding-right : 5px;
padding-top : 1px;
}
.header img {
margin : 0px;
padding : 0px;
}
.header li {
display : inline;
margin-left : 2em;
}
.header ul {
margin : 0px;
padding : 0px;
text-align : center;
} }
.wrapper_content { .wrapper_content {
margin-bottom : 2.5em; margin-bottom : 2.5em;
padding : 6em 0 0 0; padding : 6em 0 0 0;
} }
.wrapper_header { .wrapper_header {
background : #FFFFFF; background : light-dark(#FFFFFF, #030C12);
color : #000000; color : light-dark(#000000, #FFFFFF);
height : 6em; height : 6em;
left : 0; left : 0;
position : absolute; position : absolute;
position : fixed; position : fixed;
top : 0; top : 0;
width : 100%; width : 100%;
} }
.wrapper_footer { .wrapper_footer {
background : #FFFFFF; background : light-dark(#FFFFFF, #030C12);
border-top : 2px solid #186196; border-top : 2px solid #186196;
bottom : 0; bottom : 0;
color : #000000; color : #000000;
height : 1.5em; height : 1.5em;
left : 0; left : 0;
position : absolute; position : absolute;
position : fixed; position : fixed;
width : 100% width : 100%
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB