kompot
/
publiccode.si
5
3
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated colours and styles

lektura
Marc Horne 2017-06-19 15:40:08 +02:00
parent 1fc6f7b83a
commit d692633d88
3 changed files with 93 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
static/css/creative.css
View File

@ -1,8 +1,8 @@
/*! /*!
* Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com) * Start Bootstrap - Creative Bootstrap Theme (http://startbootstrap.com)
* Code licensed under the Apache License v2.0. * Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/ */
html, html,
body { body {
@ -16,7 +16,7 @@ body {
hr { hr {
max-width: 50px; max-width: 50px;
border-color: #f05f40; border-color: #2093C4;
border-width: 3px; border-width: 3px;
} }
@ -25,7 +25,7 @@ hr.light {
} }
a { a {
color: #f05f40; color: #2093C4;
-webkit-transition: all .35s; -webkit-transition: all .35s;
-moz-transition: all .35s; -moz-transition: all .35s;
transition: all .35s; transition: all .35s;
@ -33,7 +33,8 @@ a {
a:hover, a:hover,
a:focus { a:focus {
color: #eb3812; color: #2093C4;
text-decoration: none;
} }
#about a { #about a {
@ -61,7 +62,7 @@ p {
} }
.bg-primary { .bg-primary {
background-color: #f05f40; background-color: #2093C4;
} }
.bg-dark { .bg-dark {
@ -91,6 +92,11 @@ aside {
margin: -4px 2px 0 0; margin: -4px 2px 0 0;
} }
.navbar-header img {
height: 30px;
margin: 10px 0;
}
.navbar-default { .navbar-default {
border-color: rgba(34,34,34,.05); border-color: rgba(34,34,34,.05);
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
@ -104,30 +110,30 @@ aside {
text-transform: uppercase; text-transform: uppercase;
font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif; font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
font-weight: 700; font-weight: 700;
color: #f05f40; color: #2093C4;
} }
.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:focus { .navbar-default .navbar-header .navbar-brand:focus {
color: #eb3812; color: #4CBD38;
} }
.navbar-default .nav > li>a, .navbar-default .nav > li>a,
.navbar-default .nav>li>a:focus { .navbar-default .nav>li>a:focus {
text-transform: uppercase; text-transform: uppercase;
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 500;
color: #222; color: #222;
} }
.navbar-default .nav > li>a:hover, .navbar-default .nav > li>a:hover,
.navbar-default .nav>li>a:focus:hover { .navbar-default .nav>li>a:focus:hover {
color: #f05f40; color: #2093C4;
} }
.navbar-default .nav > li.active>a, .navbar-default .nav > li.active>a,
.navbar-default .nav>li.active>a:focus { .navbar-default .nav>li.active>a:focus {
color: #f05f40!important; color: #2093C4!important;
background-color: transparent; background-color: transparent;
} }
@ -168,12 +174,12 @@ aside {
.navbar-default.affix .navbar-header .navbar-brand { .navbar-default.affix .navbar-header .navbar-brand {
font-size: 14px; font-size: 14px;
color: #f05f40; color: #2093C4;
} }
.navbar-default.affix .navbar-header .navbar-brand:hover, .navbar-default.affix .navbar-header .navbar-brand:hover,
.navbar-default.affix .navbar-header .navbar-brand:focus { .navbar-default.affix .navbar-header .navbar-brand:focus {
color: #eb3812; color: #4CBD38;
} }
.navbar-default.affix .nav > li>a, .navbar-default.affix .nav > li>a,
@ -183,7 +189,7 @@ aside {
.navbar-default.affix .nav > li>a:hover, .navbar-default.affix .nav > li>a:hover,
.navbar-default.affix .nav>li>a:focus:hover { .navbar-default.affix .nav>li>a:focus:hover {
color: #f05f40; color: #2093C4;
} }
} }
@ -208,6 +214,11 @@ header .header-content {
text-align: center; text-align: center;
} }
header .header-content img {
width: 100%;
max-width: 1000px;
}
header .header-content .header-content-inner h1 { header .header-content .header-content-inner h1 {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -222,8 +233,9 @@ header .header-content .header-content-inner hr {
header .header-content .header-content-inner p { header .header-content .header-content-inner p {
margin-bottom: 50px; margin-bottom: 50px;
font-size: 16px; font-size: 16px;
font-weight: 300; font-weight: 500;
color: rgba(255,255,255,.7); color: rgba(255,255,255,.9);
text-shadow: 1px 1px 2px black;
} }
@media(min-width:768px) { @media(min-width:768px) {
@ -289,7 +301,7 @@ header .header-content .header-content-inner p {
text-align: center; text-align: center;
color: #fff; color: #fff;
opacity: 0; opacity: 0;
background: rgba(240,95,64,.9); background: rgba(76, 189, 56, .9);
-webkit-transition: all .35s; -webkit-transition: all .35s;
-moz-transition: all .35s; -moz-transition: all .35s;
transition: all .35s; transition: all .35s;
@ -338,7 +350,7 @@ header .header-content .header-content-inner p {
} }
.text-primary { .text-primary {
color: #f05f40; color: #2093C4;
} }
.no-gutter > [class*=col-] { .no-gutter > [class*=col-] {
@ -400,9 +412,9 @@ fieldset[disabled] .btn-default.active {
} }
.btn-primary { .btn-primary {
border-color: #f05f40; border-color: #2093C4;
color: #fff; color: #fff;
background-color: #f05f40; background-color: #2093C4;
-webkit-transition: all .35s; -webkit-transition: all .35s;
-moz-transition: all .35s; -moz-transition: all .35s;
transition: all .35s; transition: all .35s;
@ -416,7 +428,7 @@ fieldset[disabled] .btn-default.active {
.open > .dropdown-toggle.btn-primary { .open > .dropdown-toggle.btn-primary {
border-color: #ed431f; border-color: #ed431f;
color: #fff; color: #fff;
background-color: #ee4b28; background-color: #2093C4;
} }
.btn-primary:active, .btn-primary:active,
@ -443,12 +455,12 @@ fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active, .btn-primary.disabled.active,
.btn-primary[disabled].active, .btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active { fieldset[disabled] .btn-primary.active {
border-color: #f05f40; border-color: #2093C4;
background-color: #f05f40; background-color: #2093C4;
} }
.btn-primary .badge { .btn-primary .badge {
color: #f05f40; color: #2093C4;
background-color: #fff; background-color: #fff;
} }

11
static/css/custom.css
View File

@ -14,9 +14,6 @@
display: inline-block; display: inline-block;
margin-right: 10px; margin-right: 10px;
} }
#language li::before {
content: "› ";
}
/* LEGAL SECTION */ /* LEGAL SECTION */
#legal { #legal {
@ -30,6 +27,14 @@
margin: 0px; margin: 0px;
font-size: 0.8em; font-size: 0.8em;
} }
#legal a {
color: #83bdd6;
}
#legal a:hover {
color: #2093C4;
}
#contact .fa { margin: 10px 0 }
/* SIGN FORM */ /* SIGN FORM */
#sign form { #sign form {

94
static/css/modals.css
View File

@ -1,81 +1,81 @@
/*! /*!
* The code below adds the modal functionality of the Freelancer Bootstrap Theme * The code below adds the modal functionality of the Freelancer Bootstrap Theme
* and was originally part of this theme. * and was originally part of this theme.
* *
* *
* Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com) * Start Bootstrap - Freelancer Bootstrap Theme (http://startbootstrap.com)
* Code licensed under the Apache License v2.0. * Code licensed under the Apache License v2.0.
* For details, see http://www.apache.org/licenses/LICENSE-2.0. * For details, see http://www.apache.org/licenses/LICENSE-2.0.
*/ */
body { body {
overflow-x: hidden; overflow-x: hidden;
} }
.img-centered { .img-centered {
margin: 0 auto; margin: 0 auto;
} }
.resources-modal .modal-content { .resources-modal .modal-content {
padding: 100px 0; padding: 50px 0;
min-height: 100%; min-height: 100%;
border: 0; border: 0;
border-radius: 0; border-radius: 0;
text-align: center; text-align: center;
background-clip: border-box; background-clip: border-box;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
} }
.resources-modal .modal-content h2 { .resources-modal .modal-content h2 {
margin: 0; margin: 0;
font-size: 3em; font-size: 3em;
} }
.resources-modal .modal-content img { .resources-modal .modal-content img {
margin-bottom: 30px; margin-bottom: 30px;
} }
.resources-modal .modal-content .item-details { .resources-modal .modal-content .item-details {
margin: 30px 0; margin: 30px 0;
} }
.resources-modal .close-modal { .resources-modal .close-modal {
position: absolute; position: fixed;
top: 25px; top: 25px;
right: 25px; right: 25px;
width: 75px; width: 30px;
height: 75px; height: 30px;
background-color: transparent; background-color: transparent;
cursor: pointer; cursor: pointer;
} }
.resources-modal .close-modal:hover { .resources-modal .close-modal:hover {
opacity: .3; opacity: .3;
} }
.resources-modal .close-modal .lr { .resources-modal .close-modal .lr {
z-index: 1051; z-index: 1051;
width: 1px; width: 1px;
height: 75px; height: 30px;
margin-left: 35px; margin-left: 15px;
background-color: #2c3e50; background-color: #2c3e50;
-webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg); -ms-transform: rotate(45deg);
transform: rotate(45deg); transform: rotate(45deg);
} }
.resources-modal .close-modal .lr .rl { .resources-modal .close-modal .lr .rl {
z-index: 1052; z-index: 1052;
width: 1px; width: 1px;
height: 75px; height: 30px;
background-color: #2c3e50; background-color: #2c3e50;
-webkit-transform: rotate(90deg); -webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg); -ms-transform: rotate(90deg);
transform: rotate(90deg); transform: rotate(90deg);
} }
.resources-modal .modal-backdrop { .resources-modal .modal-backdrop {
display: none; display: none;
opacity: 0; opacity: 0;
} }