sarsoo/sarsooxyz.pyreact
1
0
Fork 0
Code Issues Pull Requests 2 Packages Projects Releases Wiki Activity

grey colour pallete

Browse Source
This commit is contained in:
aj 2019-03-02 19:19:32 +00:00
parent 1e353136a0
commit a151516fd6
2 changed files with 35 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
sarsoo/templates/base.html
View File

@ -4,11 +4,11 @@
<title>sarsoo/{% block title %}{% endblock %}</title> <title>sarsoo/{% block title %}{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='style.css') }}">
<link href="https://fonts.googleapis.com/css?family=Megrim|Roboto" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Megrim|Lato" rel="stylesheet">
</head> </head>
<body> <body>
<div> <div>
<a href="/" class="title">andy</a> <h1 class="title">andy</h1>
</div> </div>
<br><br> <br><br>
<ul class="navbar"> <ul class="navbar">

65
static/style.css
View File

@ -3,11 +3,11 @@
} }
html { html {
font-family: 'Roboto', arial; font-family: 'Lato', arial;
} }
body { body {
background-color: #111725; background-color: #202124;
} }
a { a {
@ -23,7 +23,7 @@ p {
} }
.button { .button {
background-color: white; background-color: #505050;
color: black; color: black;
border-radius: 10px; border-radius: 10px;
display: inline-block; display: inline-block;
@ -42,15 +42,14 @@ p {
} }
.row { .row {
margin-left: auto; margin: 30px;
margin-right: auto;
} }
.gallerystrip img { .gallerystrip img {
height: auto; height: auto;
border: 6px solid #484c55; border: 10px solid #313439;
margin: 5px; margin: 10px;
box-shadow: 7px 7px 8px #000000; box-shadow: 4px 4px 7px #070707;
} }
div.gallerystrip { div.gallerystrip {
@ -60,12 +59,12 @@ div.gallerystrip {
} }
div.profile { div.profile {
background-color: #041617; background-color: #131313;
height: auto; height: auto;
margin-top: 10px; margin-top: 10px;
border: 8px solid #1a2324; /*border: 8px solid #313439;*/
border-radius: 6px; border-radius: 0px;
box-shadow: 7px 7px 8px #000000; box-shadow: 7px 7px 8px black;
} }
div.profile img { div.profile img {
@ -75,23 +74,24 @@ div.profile img {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
margin-bottom: 10px; margin-bottom: 10px;
border: 8px solid #404c4d; border: 8px solid #212121;
box-shadow: 2px 6px 2px #888888; box-shadow: 4px 4px 3px #0c0c0c;
} }
a.title { h1.title {
color: white; color: white;
font-size: 14vw; font-size: 6em;
font-family: 'Megrim', arial; font-family: 'Megrim', arial;
text-shadow: 2px 2px 2px #aaa; text-shadow: 2px 2px 2px #aaa;
font-weight: bold; font-weight: bold;
display: block; display: block;
text-decoration: none; text-decoration: none;
background-color: #070c1a; background-color: #131313;
padding: 0px; padding: 0px;
width: 45vw; /*font-size: 16em;*/
height: 18vw; width: 3em;
height: 1.3em;
text-align: center; text-align: center;
margin: auto; margin: auto;
box-shadow: 4px 4px 8px #000000; box-shadow: 4px 4px 8px #000000;
@ -99,11 +99,12 @@ a.title {
} }
div.card { div.card {
background-color: grey; /*background-color: grey;*/
background-color: #131313;
box-shadow: 4px 4px 8px black; box-shadow: 4px 4px 8px black;
padding: 10px; padding: 10px;
margin: 5px; margin: 10px;
border-radius: 3px; /*border-radius: 3px;*/
} }
div.card h1 { div.card h1 {
@ -132,13 +133,12 @@ h1.sectiontitle {
ul.navbar { ul.navbar {
list-style-type: none; list-style-type: none;
border-radius: 5px 15px; border-radius: 5px 5px;
box-shadow: 5px 5px grey; /*box-shadow: 3px 3px 1px grey;*/
margin: 10px; margin: 10px;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
background-color: #1e2028; background-color: #131313;
} }
ul.navbar li { ul.navbar li {
@ -154,12 +154,13 @@ ul.navbar li a {
text-align: center; text-align: center;
padding: 14px 16px; padding: 14px 16px;
text-decoration: none; text-decoration: none;
text-shadow: 1px 1px 2px black;
-webkit-transition: background-color 0.4s; -webkit-transition: background-color 0.4s;
transition: background-color 0.4s; transition: background-color 0.4s;
} }
ul.navbar a:hover { ul.navbar a:hover {
background-color: #00030a; background-color: #080808;
} }
ul.navbar li.right {float: right;} ul.navbar li.right {float: right;}
@ -204,17 +205,17 @@ footer a {
.col-12 {width: 100%;} .col-12 {width: 100%;}
/* For desktop: */ /* For desktop: */
.col-pad-2 {width: calc(16.66% - 10px);} .col-pad-2 {width: calc(16.66% - 20px);}
.col-pad-3 {width: calc(25% - 10px);} .col-pad-3 {width: calc(25% - 20px);}
.col-pad-4 {width: calc(33.33% - 10px);} .col-pad-4 {width: calc(33.33% - 20px);}
.col-pad-5 {width: 41.66%;} .col-pad-5 {width: 41.66%;}
.col-pad-6 {width: calc(50% - 10px);} .col-pad-6 {width: calc(50% - 20px);}
.col-pad-7 {width: 58.33%;} .col-pad-7 {width: 58.33%;}
.col-pad-8 {width: 66.66%;} .col-pad-8 {width: 66.66%;}
.col-pad-9 {width: 75%;} .col-pad-9 {width: 75%;}
.col-pad-10 {width: 83.33%;} .col-pad-10 {width: 83.33%;}
.col-pad-11 {width: 91.66%;} .col-pad-11 {width: 91.66%;}
.col-pad-12 {width: calc(100% - 10px);} .col-pad-12 {width: calc(100% - 20px);}
} }
.row::after { .row::after {