Skip to content
Snippets Groups Projects
Commit 5ccfa736 authored by smtw's avatar smtw
Browse files

first attemp of style according to rc3 styleguide

parent dff6a891
No related branches found
No related tags found
1 merge request!1Feature/rc3style
Expand all Show whitespace changes
Inline Side-by-side
Showing
with 3399 additions and 1 deletion
mkdocs.yml
+ 1
− 1
View file @ 5ccfa736
......@@ -7,7 +7,7 @@ strict: true
theme:
name: null
custom_dir: 'themes/c3mkdocs/'
custom_dir: 'themes/rc3/'
navigation_depth: 3
static_templates:
......
themes/rc3/404.html 0 → 100644
+ 12
− 0
View file @ 5ccfa736
{% extends "base.html" %}
{% block content %}
<div class="row-fluid">
<div id="main-content" class="span12">
<h1 id="404-page-not-found" style="text-align: center">404</h1>
<p style="text-align: center"><strong>Page not found</strong></p>
</div>
</div>
{% endblock %}
themes/rc3/__init__.py 0 → 100644
+ 0
− 0
View file @ 5ccfa736
themes/rc3/base.html 0 → 100644
+ 181
− 0
View file @ 5ccfa736
<!DOCTYPE html>
<html lang="en">
<head>
{%- block site_meta %}
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% if page and page.is_homepage %}<meta name="description" content="{{ config['site_description'] }}">{% endif %}
{% if config.site_author %}<meta name="author" content="{{ config.site_author }}">{% endif %}
{% if page and page.canonical_url %}<link rel="canonical" href="{{ page.canonical_url }}">{% endif %}
{% if config.site_favicon %}<link rel="shortcut icon" href="{{ config.site_favicon|url }}">
{% else %}<link rel="shortcut icon" href="{{ 'img/favicon.ico'|url }}">{% endif %}
{%- endblock %}
{%- block htmltitle %}
<title>{% if page and page.title and not page.is_homepage %}{{ page.title }} - {% endif %}{{ config.site_name }}</title>
{%- endblock %}
{%- block styles %}
<link href="{{ 'css/bootstrap.min.css'|url }}" rel="stylesheet">
<link href="{{ 'css/font-awesome.min.css'|url }}" rel="stylesheet">
<link href="{{ 'css/base.css'|url }}" rel="stylesheet">
{%- for path in config['extra_css'] %}
<link href="{{ path|url }}" rel="stylesheet">
{%- endfor %}
{%- endblock %}
{%- block libs %}
<script src="{{ 'js/jquery-1.10.2.min.js'|url }}" defer></script>
<script src="{{ 'js/bootstrap.min.js'|url }}" defer></script>
{%- endblock %}
{%- block extrahead %} {% endblock %}
</head>
<body{% if page and page.is_homepage %} class="homepage"{% endif %}>
<div class="navbar fixed-top navbar-expand-lg navbar-{% if config.theme.nav_style == "light" %}light{% else %}dark{% endif %} bg-{{ config.theme.nav_style }}">
<div class="container">
{%- block site_name %}
<a class="navbar-brand" href="{{ nav.homepage.url|url }}" title="{{ config.site_name }}"><img src="img/rc3_logo_pink.svg" title="{{ config.site_name }}" /></a>
{%- endblock %}
{%- if nav|length>1 or (page and (page.next_page or page.previous_page)) or config.repo_url %}
<!-- Expander button -->
<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar-collapse">
<span class="navbar-toggler-icon"></span>
</button>
{%- endif %}
<!-- Expanded navigation -->
<div id="navbar-collapse" class="navbar-collapse collapse">
{%- block site_nav %}
{%- if nav|length>1 %}
<!-- Main navigation -->
<ul class="nav navbar-nav">
{%- for nav_item in nav %}
{%- if nav_item.children %}
<li class="dropdown{% if nav_item.active %} active{% endif %}">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">{{ nav_item.title }} <b class="caret"></b></a>
<ul class="dropdown-menu">
{%- for nav_item in nav_item.children %}
{% include "nav-sub.html" %}
{%- endfor %}
</ul>
</li>
{%- else %}
<li class="navitem{% if nav_item.active %} active{% endif %}">
<a href="{{ nav_item.url|url }}" class="nav-link">{{ nav_item.title }}</a>
</li>
{%- endif %}
{%- endfor %}
</ul>
{%- endif %}
{%- endblock %}
<ul class="nav navbar-nav ml-auto">
{%- block search_button %}
{%- if 'search' in config['plugins'] %}
<li class="nav-item">
<a href="#" class="nav-link" data-toggle="modal" data-target="#mkdocs_search_modal">
<i class="fa fa-search"></i> Search
</a>
</li>
{%- endif %}
{%- endblock %}
{%- block next_prev %}
{%- if page and (page.next_page or page.previous_page) %}
<li class="nav-item">
<a rel="prev" {% if page.previous_page %}href="{{ page.previous_page.url|url }}" class="nav-link"{% else %}class="nav-link disabled"{% endif %}>
<i class="fa fa-arrow-left"></i> Previous
</a>
</li>
<li class="nav-item">
<a rel="next" {% if page.next_page %}href="{{ page.next_page.url|url }}" class="nav-link"{% else %}class="nav-link disabled"{% endif %}>
Next <i class="fa fa-arrow-right"></i>
</a>
</li>
{%- endif %}
{%- endblock %}
{%- block repo %}
{%- if page and page.edit_url %}
<li class="nav-item">
<a href="{{ page.edit_url }}" class="nav-link">
{%- if config.repo_name == 'GitHub' -%}
<i class="fa fa-github"></i> Edit on {{ config.repo_name }}
{%- elif config.repo_name == 'Bitbucket' -%}
<i class="fa fa-bitbucket"></i> Edit on {{ config.repo_name }}
{%- elif config.repo_name == 'GitLab' -%}
<i class="fa fa-gitlab"></i> Edit on {{ config.repo_name }}
{%- else -%}
Edit on {{ config.repo_name }}
{%- endif -%}
</a>
</li>
{%- elif config.repo_url %}
<li class="nav-item">
<a href="{{ config.repo_url }}" class="nav-link">
{%- if config.repo_name == 'GitHub' -%}
<i class="fa fa-github"></i> {{ config.repo_name }}
{%- elif config.repo_name == 'Bitbucket' -%}
<i class="fa fa-bitbucket"></i> {{ config.repo_name }}
{%- elif config.repo_name == 'GitLab' -%}
<i class="fa fa-gitlab"></i> {{ config.repo_name }}
{%- else -%}
{{ config.repo_name }}
{%- endif -%}
</a>
</li>
{%- endif %}
{%- endblock %}
</ul>
</div>
</div>
</div>
<div class="container">
<div class="row">
{%- block content %}
<div class="col-md-3">{% include "toc.html" %}</div>
<div class="col-md-9" role="main">{% include "content.html" %}</div>
{%- endblock %}
</div>
</div>
<footer class="col-md-12">
{%- block footer %}
<hr>
{%- if config.copyright %}
<p>{{ config.copyright }}</p>
{%- endif %}
<p>Documentation built with <a href="https://www.mkdocs.org/">MkDocs</a>. <a href="https://events.ccc.de/impressum/">Impressum</a></p>
{%- endblock %}
</footer>
{%- block scripts %}
<script>
var base_url = {{ base_url | tojson }},
shortcuts = {{ config.theme.shortcuts | tojson }};
</script>
<script src="{{ 'js/base.js'|url }}" defer></script>
{%- for path in config['extra_javascript'] %}
<script src="{{ path|url }}" defer></script>
{%- endfor %}
{%- endblock %}
{% if 'search' in config['plugins'] %}{%- include "search-modal.html" %}{% endif %}
{%- include "keyboard-modal.html" %}
</body>
</html>
{% if page and page.is_homepage %}
<!--
MkDocs version : {{ mkdocs_version }}
Build Date UTC : {{ build_date_utc }}
-->
{% endif %}
themes/rc3/c3mkdocs_theme.yml 0 → 100644
+ 20
− 0
View file @ 5ccfa736
# Config options for 'mkdocs' theme
static_templates:
- 404.html
include_search_page: false
search_index_only: false
highlightjs: true
hljs_languages: []
hljs_style: github
navigation_depth: 2
nav_style: primary
shortcuts:
help: 191 # ?
next: 78 # n
previous: 80 # p
search: 83 # s
themes/rc3/content.html 0 → 100644
+ 9
− 0
View file @ 5ccfa736
{% if page.meta.source %}
<div class="source-links">
{% for filename in page.meta.source %}
<span class="label label-primary">{{ filename }}</span>
{% endfor %}
</div>
{% endif %}
{{ page.content }}
themes/rc3/css/base.css 0 → 100644
+ 441
− 0
View file @ 5ccfa736
@font-face {
font-family: 'orbitronregular';
src: url('../fonts/orbitron-variablefont_wght-webfont.woff2') format('woff2'),
url('../fonts/orbitron-variablefont_wght-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratbold';
src: url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
url('../fonts/montserrat-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratitalic';
src: url('../fonts/montserrat-italic-webfont.woff2') format('woff2'),
url('../fonts/montserrat-italic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratregular';
src: url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),
url('../fonts/montserrat-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
:root {
--primary-c1: rgba(178, 57, 255, 1);
--primary-c2: rgba(104, 0, 231, 1);
--primary-c3: rgba(5, 185, 236, 1);
--primary-c4: rgba(16, 14, 35, 1);
/*shaded versions*/
--primary-c1-s1: rgba(103, 2, 149, 1);
--primary-c2-s1: rgba(65, 0, 139, 1);
--primary-c3-s1: rgba(0, 118, 169, 1);
--primary-c1-s2: rgba(68, 9, 105, 1);
--primary-c2-s2: rgba(42, 0, 94, 1);
--primary-c3-s2: rgba(2, 93, 132, 1);
--primary-c1-s3: rgba(36, 0, 56, 1);
--primary-c2-s3: rgba(20, 0, 47, 1);
--primary-c3-s3: rgba(0, 42, 58, 1);
}
html {
/* csslint ignore:start */
/* The nav header is 3.5rem high, plus 20px for the margin-top of the
main container. */
scroll-padding-top: calc(3.5rem + 20px);
background-color: var(--primary-c4);
font-size: 100%;
/* csslint ignore:end */
}
body {
font-size: 100%;
line-height: 1.7rem;
font-family: "montserratregular";
background-color: var(--primary-c4);
color: var(--primary-c3);
}
/* Replacement for `body { background-attachment: fixed; }`, which has
performance issues when scrolling on large displays. See #1394. */
/*body::before {
content: ' ';
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: #f8f8f8;
background: url(../img/grid.png) repeat-x;
will-change: transform;
z-index: -1;
}
*/
body > .container {
margin-top: 20px;
min-height: 400px;
}
.navbar.fixed-top { /* csslint allow: adjoining-classes */
/* csslint ignore:start */
position: -webkit-sticky;
position: sticky;
/* csslint ignore:end */
}
.source-links {
float: right;
}
.col-md-9 img {
max-width: 100%;
display: inline-block;
padding: 4px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
margin: 20px auto 30px auto;
}
h1 {
color: #444;
font-weight: 400;
font-size: 42px;
font-family: "orbitronregular";
text-transform: uppercase;
color: var(--primary-c1);
}
h2, h3, h4, h5, h6 {
color: #444;
font-weight: 300;
font-family: "orbitronregular";
text-transform: uppercase;
color: var(--primary-c1);
}
hr {
border-top: 1px solid #aaa;
}
pre, .rst-content tt {
max-width: 100%;
background: #fff;
border: solid 1px #e1e4e5;
color: #333;
overflow-x: auto;
}
code.code-large, .rst-content tt.code-large {
font-size: 90%;
}
code {
padding: 2px 5px;
background: #fff;
border: solid 1px #e1e4e5;
color: #333;
white-space: pre-wrap;
word-wrap: break-word;
}
pre code {
display: block;
background: transparent;
border: none;
white-space: pre;
word-wrap: normal;
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 12px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
box-shadow: inset 0 -1px 0 rgba(0,0,0,.25);
}
a code {
color: #2FA4E7;
}
a:hover code, a:focus code {
color: #157AB5;
}
footer {
margin-top: 30px;
margin-bottom: 10px;
text-align: center;
font-weight: 200;
}
footer > hr {
border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), var(--primary-c1), rgba(0, 0, 0, 0));
}
footer a {
color: var(--primary-c3-s1);
text-decoration: none;
}
footer a:hover {
color: var(--primary-c1);
text-decoration: none;
}
.modal-dialog {
margin-top: 60px;
}
.navbar .navbar-nav .nav-link,
.navbar .navbar-nav .show >.nav-link
, .navbar .navbar-nav .active >.nav-link
, .navbar .navbar-nav .nav-link.show
, .navbar .navbar-nav .nav-link.active {
color: var(--primary-c1);
}
.navbar .navbar-nav .nav-link:hover
, .navbar .navbar-nav .nav-link:focus {
color: var(--primary-c3-s1);
}
.bg-secondary {
background-color: var(--primary-c2-s2) !important;
}
.navbar-brand img {
max-width: 3rem;
height: auto;
}
#toc-collapse .nav-link:hover {
color: var(--primary-c1);
}
.navbar {
font-family: "orbitronregular";
text-transform: uppercase;
border-bottom: 1px solid var(--primary-c1);
}
.bg-primary {
background-color: rgba(1, 2, 42, 1) !important; /*its !important in bootstrap min... sorry for that*/
background-image: none;
}
/*
* Side navigation
*
* Scrollspy and affixed enhanced navigation to highlight sections and secondary
* sections of docs content.
*/
.bs-sidebar.affix { /* csslint allow: adjoining-classes */
/* csslint ignore:start */
position: -webkit-sticky;
position: sticky;
/* csslint ignore:end */
/* The nav header is 3.5rem high, plus 20px for the margin-top of the
main container. */
top: calc(3.5rem + 20px);
}
.bs-sidebar.card { /* csslint allow: adjoining-classes */
padding: 0;
max-height: 90%;
overflow-y: auto;
}
/* Toggle (vertically flip) sidebar collapse icon */
.bs-sidebar .navbar-toggler span {
-moz-transform: scale(1, -1);
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.bs-sidebar .navbar-toggler.collapsed span { /* csslint allow: adjoining-classes */
-moz-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-o-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
/* First level of nav */
.bs-sidebar > .navbar-collapse > .nav {
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
width: 100%;
}
/* All levels of nav */
.bs-sidebar .nav > li > a {
display: block;
padding: 5px 20px;
z-index: 1;
}
.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
text-decoration: none;
border-right: 1px solid;
}
.bs-sidebar .nav > li > a.active,
.bs-sidebar .nav > li > a.active:hover,
.bs-sidebar .nav > li > a.active:focus {
font-weight: bold;
background-color: transparent;
border-right: 1px solid;
}
.bs-sidebar .nav .nav .nav {
margin-left: 1em;
}
.bs-sidebar .nav > li > a {
font-weight: bold;
}
.bs-sidebar .nav .nav > li > a {
font-weight: normal;
}
.headerlink {
font-family: FontAwesome;
font-size: 14px;
display: none;
padding-left: .5em;
}
h1:hover .headerlink, h2:hover .headerlink, h3:hover .headerlink, h4:hover .headerlink, h5:hover .headerlink, h6:hover .headerlink{
display:inline-block;
}
.admonition {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
text-align: left;
}
.admonition.note { /* csslint allow: adjoining-classes */
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.admonition.warning { /* csslint allow: adjoining-classes */
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
}
.admonition.danger { /* csslint allow: adjoining-classes */
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.admonition-title {
font-weight: bold;
text-align: left;
}
@media (max-width: 991.98px) {
.navbar-collapse.show { /* csslint allow: adjoining-classes */
overflow-y: auto;
max-height: calc(100vh - 3.5rem);
}
}
.dropdown-item.open { /* csslint allow: adjoining-classes */
color: #fff;
background-color: #2FA4E7;
}
.dropdown-submenu > .dropdown-menu {
margin: 0 0 0 1.5rem;
padding: 0;
border-width: 0;
}
.dropdown-submenu > a::after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a::after {
border-left-color: #fff;
}
@media (min-width: 992px) {
.dropdown-menu {
overflow-y: auto;
max-height: calc(100vh - 3.5rem);
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu > .dropdown-menu {
/* csslint ignore:start */
position: fixed !important;
/* csslint ignore:end */
margin-top: -9px;
margin-left: -2px;
border-width: 1px;
padding: 0.5rem 0;
}
.dropdown-submenu.pull-left { /* csslint allow: adjoining-classes */
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu { /* csslint allow: adjoining-classes */
left: -100%;
margin-left: 10px;
}
}
themes/rc3/css/bootstrap.min.css 0 → 100644
+ 12
− 0
View file @ 5ccfa736
This diff is collapsed.
themes/rc3/css/font-awesome.min.css 0 → 100644
+ 4
− 0
View file @ 5ccfa736
This diff is collapsed.
themes/rc3/css/stylesheet.css 0 → 100644
+ 48
− 0
View file @ 5ccfa736
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 11, 2020 */
@font-face {
font-family: 'orbitronregular';
src: url('orbitron-variablefont_wght-webfont.woff2') format('woff2'),
url('orbitron-variablefont_wght-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratbold';
src: url('montserrat-bold-webfont.woff2') format('woff2'),
url('montserrat-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratitalic';
src: url('montserrat-italic-webfont.woff2') format('woff2'),
url('montserrat-italic-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'montserratregular';
src: url('montserrat-regular-webfont.woff2') format('woff2'),
url('montserrat-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
\ No newline at end of file
themes/rc3/fonts/FontAwesome.otf 0 → 100644
+ 0
− 0
View file @ 5ccfa736
File added
themes/rc3/fonts/fontawesome-webfont.eot 0 → 100644
+ 0
− 0
View file @ 5ccfa736
File added
themes/rc3/fonts/fontawesome-webfont.svg 0 → 100644
+ 2671
− 0
View file @ 5ccfa736
This diff is collapsed.
themes/rc3/fonts/fontawesome-webfont.ttf 0 → 100644
+ 0
− 0
View file @ 5ccfa736
File added
themes/rc3/fonts/fontawesome-webfont.woff 0 → 100644
+ 0
− 0
View file @ 5ccfa736
File added
themes/rc3/fonts/fontawesome-webfont.woff2 0 → 100644
+ 0
− 0
View file @ 5ccfa736
File added
themes/rc3/fonts/montserrat-bold-webfont.woff 0 → 100644
+ 0
− 0
View file @ 5ccfa736
File added
themes/rc3/fonts/montserrat-bold-webfont.woff2 0 → 100644
+ 0
− 0
View file @ 5ccfa736
File added
themes/rc3/fonts/montserrat-italic-webfont.woff 0 → 100644
+ 0
− 0
View file @ 5ccfa736
File added
themes/rc3/fonts/montserrat-italic-webfont.woff2 0 → 100644
+ 0
− 0
View file @ 5ccfa736
File added
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment

Impressum - Datenschutzerklärung