Browse Source

change colour scheme

max.mehl 6 months ago
parent
commit
8fded5eb89
No account linked to committer's email address
1 changed files with 28 additions and 7 deletions
  1. 28
    7
      static/css/custom.css

+ 28
- 7
static/css/custom.css View File

@@ -1,12 +1,35 @@
1
-div.avatar img {
2
-  max-height: 190px;
1
+/* COLOURS */
2
+html, body {
3
+  border-top: 3px solid #0D76EC;
4
+}
5
+div.footer {
6
+  border-bottom: 5px solid #0D76EC;
7
+}
8
+.container a {
9
+  color: #0D76EC;
10
+}
11
+.container a:hover {
12
+  color: #12437A;
13
+}
14
+div.container.links .label-success {
15
+  background-color: rgba(92, 139, 184, 0.6);
3 16
 }
4
-
5 17
 div.container h1 {
6 18
   font-weight: bold;
7
-  color: #27A822;
19
+  color: #0D76EC;
8 20
 }
9 21
 
22
+/* Avoid scrollbar jumps in centering 
23
+ * see https://css-tricks.com/eliminate-jumps-in-horizontal-centering-by-forcing-a-scroll-bar/
24
+ */
25
+html { 
26
+  margin-left: calc(100vw - 100%);
27
+}
28
+
29
+
30
+div.avatar img {
31
+  max-height: 190px;
32
+}
10 33
 .panel {
11 34
   box-shadow: none;
12 35
   -webkit-box-shadow: none;
@@ -28,9 +51,7 @@ div.contact p {
28 51
 }
29 52
 
30 53
 /* transparency of tags */
31
-div.container.links .label-success {
32
-  background-color: rgba(92, 184, 92, 0.6);
33
-}
54
+
34 55
 
35 56
 /* Scale social icons with hovering */
36 57
 .social-links li a {

Loading…
Cancel
Save