Some Graphical Improvements

This commit is contained in:
Yiğit Kerem Oktay 2020-08-14 19:37:16 +03:00 committed by GitHub
parent a476a20737
commit 17a6115aab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 38 additions and 36 deletions

View File

@ -1,39 +1,40 @@
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:400&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese'); @import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,700&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
body { body {
background: #ffffff; background: #ffffff;
margin: 0; margin: 0;
height: 100%; margin-top: 80px;
line-height: 24px; height: 100%;
font-family: 'Open Sans', sans-serif; line-height: 24px;
font-family: 'Open Sans', sans-serif;
} }
img { img {
height: auto; height: auto;
max-width: 100%; max-width: 100%;
} }
a { a {
padding: 0; padding: 0;
margin: 0; margin: 0;
text-decoration: none; text-decoration: none;
} }
a:hover, a:hover,
a:focus { a:focus {
text-decoration: none; text-decoration: none;
color:#3566a8; color:#f5f4f4;
} }
.centered { .centered {
text-align: center text-align: center
} }
.navbar { .navbar {
padding-top: 5px; padding-top: 5px;
margin-bottom: 0px; margin-bottom: 0px;
} }
.navbar-brand { .navbar-brand {
@ -42,28 +43,32 @@ a:focus {
.navbar-default .navbar-nav > li > a { .navbar-default .navbar-nav > li > a {
color: #f5f4f4; color: #f5f4f4;
font-size: 1em; font-size: 1em;
} }
.navbar-default .navbar-nav > li > a:hover { .navbar-default .navbar-nav > li > a:hover {
color: #a7a7a7; color: #a7a7a7;
} }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
color: #ffffff; color: #f5f4f4;
background-color: transparent; background-color: transparent;
} }
.navbar-collapse .navbar-collapse
{ {
background: #2f60a3; background: #2f60a3;
} }
.navbar-default { .navbar-default {
z-index: 200; z-index: 200;
background-color: #2f60a3; background-color: gray;
border-color: transparent; border-color: transparent;
border-radius: 0px; border-radius: 0px 0px 30px 30px;
height: 77px; height: 77px;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
} }
@ -160,7 +165,7 @@ body a h1{
.navbar-header .btn .navbar-header .btn
{ {
margin-top: 15px; margin-top: 15px;
margin-right: 10px margin-right: 10px
} }
@ -243,11 +248,11 @@ body a h1{
border-left-color: transparent; border-left-color: transparent;
} }
.timeline .panel .panel-heading.icon * { .timeline .panel .panel-heading.icon * {
/*This shouldn't be relative in size...*/ /*This shouldn't be relative in size...*/
font-size: 20px; font-size: 20px;
vertical-align: middle; vertical-align: middle;
line-height: 40px; line-height: 40px;
} }
.timeline .panel .panel-heading.icon { .timeline .panel .panel-heading.icon {
position: absolute; position: absolute;
@ -296,10 +301,11 @@ body a h1{
/* Footer */ /* Footer */
#footerwrap { #footerwrap {
border-radius: 30px 30px 0px 0px;
min-height: 60px; min-height: 60px;
padding-top: 15px; padding-top: 15px;
padding-bottom: 10px; padding-bottom: 10px;
background: #2f60a3; background: gray;
} }
#footerwrap a{ #footerwrap a{
@ -564,7 +570,7 @@ i.danger{
} }
#footerwrap .dropdown-menu{ #footerwrap .dropdown-menu{
background: #337ab7 background: gray;
} }
#footerwrap .dropdown-menu a{ #footerwrap .dropdown-menu a{
@ -573,7 +579,7 @@ i.danger{
padding: 2px 5px; padding: 2px 5px;
display: block; display: block;
transition: 125ms ease-in-out background-color; transition: 125ms ease-in-out background-color;
background-color: #337ab7 background-color: gray;
} }
#footerwrap .dropdown-menu a:hover{ #footerwrap .dropdown-menu a:hover{
@ -616,7 +622,3 @@ label.form-name
{ {
line-height: 20px line-height: 20px
} }
.panel .panel-footer .label
{
display: inline-block;
}