forked from Mirrors/apostrophe
Improve navbar
parent
131fa6e0bb
commit
b0ec3c683a
|
@ -0,0 +1,2 @@
|
||||||
|
.sass-cache/*
|
||||||
|
assets/sass/styles.css.map
|
|
@ -8,3 +8,7 @@
|
||||||
background: radial-gradient(ellipse at top left, rgba(105,155,200,1) 0%,rgba(181,197,216,1) 57%);
|
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 );
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699bc8', endColorstr='#b5c5d8',GradientType=1 );
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.background-2 {
|
||||||
|
background: whitesmoke;
|
||||||
|
}
|
|
@ -2,20 +2,17 @@ button {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
|
|
||||||
border:none;
|
border:none;
|
||||||
-webkit-border-radius: 15;
|
color: black;
|
||||||
-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;
|
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
background: #0099ff;
|
background: #ec6410;
|
||||||
padding: 10px 20px 10px 20px;
|
padding: 10px 20px 10px 20px;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
||||||
|
height: 100%;
|
||||||
}
|
}
|
||||||
button:hover {
|
button:hover {
|
||||||
background: #3cb0fd;
|
background: rgb(150, 55, 0);
|
||||||
|
color: whitesmoke;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,8 +1,8 @@
|
||||||
header {
|
header {
|
||||||
background-color: #ededed;
|
background-color: #f5f5f588;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10vh;
|
height: 10vh;
|
||||||
box-shadow: 0px -17px 20px 20px #29292978;
|
/* box-shadow: 0px -17px 20px 20px #29292978; */
|
||||||
|
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
|
@ -28,5 +28,5 @@ header a {
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: 5px;
|
height: 100%;
|
||||||
}
|
}
|
|
@ -520,10 +520,10 @@ body {
|
||||||
/* LAYOUT - Structure and layout files.
|
/* LAYOUT - Structure and layout files.
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
header {
|
header {
|
||||||
background-color: #ededed;
|
background-color: #f5f5f588;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 10vh;
|
height: 10vh;
|
||||||
box-shadow: 0px -17px 20px 20px #29292978;
|
/* box-shadow: 0px -17px 20px 20px #29292978; */
|
||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
@ -543,7 +543,7 @@ header a {
|
||||||
|
|
||||||
.buttons {
|
.buttons {
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: 5px; }
|
height: 100%; }
|
||||||
|
|
||||||
section {
|
section {
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
|
@ -571,23 +571,22 @@ section img {
|
||||||
background: radial-gradient(ellipse at top left, #699bc8 0%, #b5c5d8 57%);
|
background: radial-gradient(ellipse at top left, #699bc8 0%, #b5c5d8 57%);
|
||||||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699bc8', endColorstr='#b5c5d8',GradientType=1 ); }
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699bc8', endColorstr='#b5c5d8',GradientType=1 ); }
|
||||||
|
|
||||||
|
.background-2 {
|
||||||
|
background: whitesmoke; }
|
||||||
|
|
||||||
button {
|
button {
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
border: none;
|
border: none;
|
||||||
-webkit-border-radius: 15;
|
color: black;
|
||||||
-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;
|
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
background: #0099ff;
|
background: #ec6410;
|
||||||
padding: 10px 20px 10px 20px;
|
padding: 10px 20px 10px 20px;
|
||||||
text-decoration: none; }
|
text-decoration: none;
|
||||||
|
height: 100%; }
|
||||||
|
|
||||||
button:hover {
|
button:hover {
|
||||||
background: #3cb0fd;
|
background: #963700;
|
||||||
|
color: whitesmoke;
|
||||||
text-decoration: none; }
|
text-decoration: none; }
|
||||||
|
|
||||||
.donate {
|
.donate {
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -21,7 +21,7 @@
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body class="background-1">
|
<body class="background-2">
|
||||||
<header>
|
<header>
|
||||||
<img class="logo" src="images/uberwriter_logo.svg" alt="logo"></img>
|
<img class="logo" src="images/uberwriter_logo.svg" alt="logo"></img>
|
||||||
<h1>berWriter</h1>
|
<h1>berWriter</h1>
|
||||||
|
|
Loading…
Reference in New Issue