marko10_000
/
apostrophe
forked from Mirrors/apostrophe
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improve navbar

gh-pages
somas95 2018-05-30 21:52:26 +02:00
parent 131fa6e0bb
commit b0ec3c683a
7 changed files with 29 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored 100644
View File

@ -0,0 +1,2 @@
.sass-cache/*
assets/sass/styles.css.map

4
assets/sass/components/_backgrounds.scss
View File

@ -8,3 +8,7 @@
background: radial-gradient(ellipse at top left, rgba(105,155,200,1) 0%,rgba(181,197,216,1) 57%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699bc8', endColorstr='#b5c5d8',GradientType=1 );
}
.background-2 {
background: whitesmoke;
}

15
assets/sass/components/_buttons.scss
View File

@ -2,20 +2,17 @@ button {
margin-left: 5px;
border:none;
-webkit-border-radius: 15;
-moz-border-radius: 15;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 3px #666666;
-moz-box-shadow: 0px 0px 3px #666666;
box-shadow: 0px 0px 3px #666666;
color: #000000;
color: black;
font-size: 20px;
background: #0099ff;
background: #ec6410;
padding: 10px 20px 10px 20px;
text-decoration: none;
height: 100%;
}
button:hover {
background: #3cb0fd;
background: rgb(150, 55, 0);
color: whitesmoke;
text-decoration: none;
}

6
assets/sass/layout/_header.scss
View File

@ -1,8 +1,8 @@
header {
background-color: #ededed;
background-color: #f5f5f588;
width: 100%;
height: 10vh;
box-shadow: 0px -17px 20px 20px #29292978;
/* box-shadow: 0px -17px 20px 20px #29292978; */
position: fixed;
top: 0px;
@ -28,5 +28,5 @@ header a {
.buttons {
margin-left: auto;
margin-right: 5px;
height: 100%;
}

25
assets/sass/styles.css
View File

@ -520,10 +520,10 @@ body {
/* LAYOUT - Structure and layout files.
========================================================================== */
header {
background-color: #ededed;
background-color: #f5f5f588;
width: 100%;
height: 10vh;
box-shadow: 0px -17px 20px 20px #29292978;
/* box-shadow: 0px -17px 20px 20px #29292978; */
position: fixed;
top: 0px;
z-index: 1;
@ -543,7 +543,7 @@ header a {
.buttons {
margin-left: auto;
margin-right: 5px; }
height: 100%; }
section {
height: 100vh;
@ -571,23 +571,22 @@ section img {
background: radial-gradient(ellipse at top left, #699bc8 0%, #b5c5d8 57%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699bc8', endColorstr='#b5c5d8',GradientType=1 ); }
.background-2 {
background: whitesmoke; }
button {
margin-left: 5px;
border: none;
-webkit-border-radius: 15;
-moz-border-radius: 15;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 3px #666666;
-moz-box-shadow: 0px 0px 3px #666666;
box-shadow: 0px 0px 3px #666666;
color: #000000;
color: black;
font-size: 20px;
background: #0099ff;
background: #ec6410;
padding: 10px 20px 10px 20px;
text-decoration: none; }
text-decoration: none;
height: 100%; }
button:hover {
background: #3cb0fd;
background: #963700;
color: whitesmoke;
text-decoration: none; }
.donate {

2
assets/sass/styles.css.map
View File

File diff suppressed because one or more lines are too long

2
index.html
View File

@ -21,7 +21,7 @@
});
</script>
</head>
<body class="background-1">
<body class="background-2">
<header>
<img class="logo" src="images/uberwriter_logo.svg" alt="logo"></img>
<h1>berWriter</h1>