labs
/
hugo-labs
8
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

css

This commit is contained in:
shizuka 2018-11-13 17:23:30 +01:00
parent 70fc367a48
commit 77d5be0c11
2 changed files with 32 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
layouts/partials/sidebar.html
View File

@ -3,12 +3,12 @@
<div class="sidebar-header"> <div class="sidebar-header">
{{ if eq .Lang "en"}} {{ if eq .Lang "en"}}
<a class="sidebar-brand" href="/en/"> <a class="sidebar-brand" href="/en/">
<img src="/page-resources/wmi_black.png"> <img src="/page-resources/wmi_transparent.png">
{{ .Site.Title }} {{ .Site.Title }}
</a> </a>
{{else}} {{else}}
<a class="sidebar-brand" href="/"> <a class="sidebar-brand" href="/">
<img src="/page-resources/wmi_black.png"> <img src="/page-resources/wmi_transparent.png">
{{ .Site.Title }} {{ .Site.Title }}
</a> </a>
{{end}} {{end}}

62
static/css/labs.css
View File

@ -3,15 +3,20 @@ BODY {
letter-spacing: +.02rem; letter-spacing: +.02rem;
font-weight: 300; font-weight: 300;
font-size: 1.6rem; font-size: 1.6rem;
color: #4d5363; color: #000;
max-width: 160rem; /*160rem lub 68%*/ max-width: 160rem; /*160rem lub 68%*/
margin: auto; margin: auto;
vertical-align: middle; vertical-align: middle;
} }
:root{
--bg-color: #14396d;/*#14396d; #222d32; 252525, 292929*/
--child-color: #305d9a;/*#305d9a;#2c3b41; 444, 111*/
}
code { code {
font-size: 1.6rem; font-size: 1.6rem;
background-color: #f9f2f4; background-color: #f2f7ff;/*#f9f2f4;*/
color: #00c;
} }
p, li, ul, .table { p, li, ul, .table {
@ -80,11 +85,6 @@ td {
} }
.trans {
text-align: left;
float: left;
}
.input-group { .input-group {
padding-right: 4rem; padding-right: 4rem;
padding-left: 3rem; padding-left: 3rem;
@ -125,19 +125,19 @@ td {
color: #ba3232; color: #ba3232;
padding: 2.5rem 3.5rem; padding: 2.5rem 3.5rem;
text-align: left; text-align: left;
background-color: #fdf7f7; /*background-color: #fdf7f7;*/
font-size: 1.6rem; font-size: 1.6rem;
} }
.info { .info {
border-left: 0.6em solid #918f8a; /*#4d5363*/ border-left: 0.6em solid #305d9a;/*#918f8a; #4d5363*/
margin-left: auto; margin-left: auto;
margin-bottom: 1em; margin-bottom: 1em;
margin-top: 1em; margin-top: 1em;
color: black; color: #14396d;
padding: 2.5rem 3.5rem; padding: 2.5rem 3.5rem;
text-align: left; text-align: left;
background-color: #f2f2f2; /*background-color: #f2f2f2;*/
font-size: 1.6rem; font-size: 1.6rem;
} }
@ -150,11 +150,11 @@ td {
} }
a:link { a:link {
color: #e00; color: #00c;
} }
a:visited { a:visited {
color: #e00; color: #00c;
} }
a:hover { a:hover {
@ -175,8 +175,8 @@ a:hover {
text-align: center; text-align: center;
letter-spacing: 0.3rem; letter-spacing: 0.3rem;
font-weight: bold; font-weight: bold;
padding-bottom: 1rem; padding-bottom: 0.3rem;
background-color: #292929;/*rgb(186, 50, 50); #ba3232;*/ background-color: var(--bg-color);/*#292929; rgb(186, 50, 50); #ba3232;*/
} }
.sidebar-menu { .sidebar-menu {
@ -198,14 +198,15 @@ a:hover {
padding-left: 2rem; padding-left: 2rem;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */ overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
background-color: #292929; background-color: var(--bg-color);/*#292929;*/
border-right: 0.1rem solid #eee; /*border-right: 0.1rem solid #eee;*/
font-weight: 400; font-weight: 400;
font-size: 1.25rem; font-size: 1.25rem;
line-height: 1.55; line-height: 1.55;
width: 32rem; width: 32rem;
margin: 0 0; margin: 0 0;
} }
/* /*
.sidebar img { .sidebar img {
max-width: 42rem; max-width: 42rem;
@ -214,6 +215,7 @@ a:hover {
margin-right: margin-right:
} }
*/ */
.sidebar.active { .sidebar.active {
display: block; display: block;
} }
@ -222,7 +224,7 @@ a:hover {
display: block; display: block;
padding: 1rem 2rem; padding: 1rem 2rem;
text-decoration: none; text-decoration: none;
color: #ccc; color: #eee; /*ccc*/
} }
.sidebar-header a { .sidebar-header a {
@ -244,30 +246,33 @@ a:hover {
.sidebar li { .sidebar li {
line-height: 1.7rem; line-height: 1.7rem;
} }
.sidebar .sub-item > a{ .sidebar .sub-item > a{
padding-left: 4rem; padding-left: 4rem;
background-color: #111; background-color: var(--child-color);/*#252525;#111;*/
} }
.sidebar .subsub-item > a{ .sidebar .subsub-item > a{
padding-left: 6rem; padding-left: 6rem;
background-color: #111; background-color: var(--child-color);
} }
.sidebar .subsubsub-item > a{ .sidebar .subsubsub-item > a{
padding-left: 8rem; padding-left: 8rem;
background-color: #111; background-color: var(--child-color);
} }
.sidebar .active > a { .sidebar .active > a {
color: #fff; color: #000;
background-color: #ba3232; background-color: #fff;
font-weight: bold; font-weight: bold;
} }
.sidebar .active > a:hover{
color: #000;
}
.sidebar a:hover { .sidebar a:hover {
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
@ -315,11 +320,6 @@ a:hover {
vertical-align: middle; vertical-align: middle;
} }
#trans{
text-align: left;
float: left;
}
img { img {
width: 50rem; width: 50rem;
height: auto; height: auto;
@ -331,7 +331,7 @@ a:hover {
font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif; font-family: "Open Sans","Helvetica","Tahoma","Geneva","Arial",sans-serif;
font-size: 2rem; font-size: 2rem;
line-height: 2rem; line-height: 2rem;
background-color: #444; background-color: var(--bg-color);
border-color: #000; border-color: #000;
color: #fff; color: #fff;
border-radius: 1rem; border-radius: 1rem;
@ -341,8 +341,6 @@ a:hover {
padding-right: 1.5rem; padding-right: 1.5rem;
padding-left: 1.5rem; padding-left: 1.5rem;
} }
} }
.bs-callout { .bs-callout {