Import ExectOS Web Site

Reviewed-on: #1
Reviewed-by: Piotr Likoski <likoski@noreply.codingworkshop.git>
Co-authored-by: Rafal Kupiec <belliash@codingworkshop.eu.org>
Co-committed-by: Rafal Kupiec <belliash@codingworkshop.eu.org>

themes/exectos/static/css/style.css

@@ -0,0 +1,239 @@
+@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 {
+    color            : light-dark(#333333, #FFFFFF);
+    background-color : light-dark(#FFFFFF, #030C12);
+    margin           : 0;
+    padding          : 0;
+}
+
+body {
+    font-family      : "Source Sans Pro", "Trebuchet MS", "Verdana", sans-serif;
+    margin           : 0;
+    padding          : 0;
+}
+
+code {
+	color            : #186196;
+	font-weight      : bold;
+}
+
+h1 {
+    font-size        : 28px;
+    margin-top       : 8px;
+    padding          : 1px;
+    vertical-align   : middle;
+}
+
+h2 {
+    border-bottom    : 1px solid #DDDDDD;
+    font-size        : 30px;
+    margin-left      : -1em;
+    margin-right     : -1em;
+    text-decoration  : bold;
+}
+
+h3 {
+    font-size        : 18px;
+    margin-left      : -1em;
+    margin-right     : -1em;
+    text-decoration  : bold;
+}
+
+img {
+    border           : 0px;
+    vertical-align   : middle;
+}
+
+pre {
+    background-color : #3C3C3C;
+    border-color     : #3D3D3D;
+    border-radius    : 4px;
+    color            : #ECECEC;
+    display          : block;
+    font-size        : 13px;
+    line-height      : 1.42857143;
+    margin           : 0 0 10px;
+    overflow         : auto;
+    padding          : 9.5px;
+    word-break       : break-all;
+    word-wrap        : break-word;
+}
+
+pre code {
+    color            : #ECECEC;
+	font-weight      : normal;
+}
+
+.content {
+    font-size        : 15px;
+    margin-left      : 30%;
+    margin-right     : 30%;
+    margin-top       : 1.5em;
+}
+
+.content img {
+    border           : 0px;
+    display          : block;
+    margin           : auto;
+    vertical-align   : middle;
+    text-align       : center;
+}
+
+.content li {
+    list-style-type  : square;
+}
+
+.copyright {
+    color            : #404040;
+    font-family      : "Source Sans Pro", "Trebuchet MS", "Verdana", sans-serif;
+    font-size        : 10px;
+    text-align       : center;
+    text-decoration  : none;
+}
+
+.copyright a {
+    color            : #404040;
+    text-decoration  : none;
+}
+
+.copyright a:hover {
+    color            : #404040;
+    text-decoration  : none;
+}
+
+.footer {
+    background       : light-dark(#FFFFFF, #030C12);
+    color            : light-dark(#000000, #FFFFFF);
+    clear            : both;
+    font-family      : sans-serif, verdana, Helvetica;
+    font-size        : 12px;
+    margin-left      : 10px;
+    margin-top       : 0.4em;
+    padding          : 0;
+    width            : 100%
+}
+
+.footer-left {
+    position         : absolute;
+    text-align       : left;
+    width            : 50%;
+}
+
+.footer-right {
+    left             : 50%;
+    position         : absolute;
+    text-align       : right;
+    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 {
+	margin-bottom    : 2.5em;
+	padding          : 6em 0 0 0;
+}
+
+.wrapper_header {
+	background       : light-dark(#FFFFFF, #030C12);
+	color            : light-dark(#000000, #FFFFFF);
+	height           : 6em;
+	left             : 0;
+	position         : absolute;
+	position         : fixed;
+	top              : 0;
+	width            : 100%;
+}
+
+.wrapper_footer {
+    background       : light-dark(#FFFFFF, #030C12);
+    border-top       : 2px solid #186196;
+    bottom           : 0;
+    color            : #000000;
+    height           : 1.5em;
+    left             : 0;
+    position         : absolute;
+    position         : fixed;
+    width            : 100%
+}