Skip to content

Commit

Permalink
#1334 Some more changes to Sixteen
Browse files Browse the repository at this point in the history
  • Loading branch information
Yannick committed Aug 21, 2015
1 parent bb76235 commit 2da7b8b
Show file tree
Hide file tree
Showing 2 changed files with 76 additions and 50 deletions.
53 changes: 33 additions & 20 deletions themes/Sixteen/accents/2.css
View file
Original file line number Diff line number Diff line change
@@ -1,38 +1,51 @@
/* Accent 2 - Blue */
.navbar-inverse, .footer, .alert-all, .modal-form .modal-header, .modal-form .modal-footer, .navbar-inverse .navbar-toggle, .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus, .btn-primary, .modal-backdrop, .enforce {
background-color: #2788cb;
/*
* Light: 6bfdde
* Semilight: 5ae7d8
* Neutral: 44ccd0
* Semidark: 2dafc7
* Dark: 1895c0
*/

.navbar-inverse {
background: #1895c0;
background: linear-gradient(to top, #2dafc7, #1895c0);
}

.navbar-secondary, .first-run-profile, .footer .copyright, .panel-default .panel-heading, .thread-jumbotron, .jumbotron, .user-card-profile, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header {
background-color: #1a79bc;
.first-run-profile {
background: #1895c0;
background: linear-gradient(to top, #44ccd0, #2dafc7);
}

.nav-tabs > li.active > a, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .navbar-default, .new-item .label-default, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
background-color: #136cab;
.footer {
background: #1895c0;
background: linear-gradient(to top, #44ccd0, #2dafc7);
}

@media screen and (max-width: 767px) {
.dropdown-menu .divider {
background-color: #136cab !important;
}
.footer .copyright {
background: #1895c0;
}

.list-group-forum a.list-group-item:hover, .list-group-topic .list-group-item:hover {
border-color: #2788cb;
a.list-group-item.active {
border-color: #2dafc7;
background-color: #2dafc7;
background: linear-gradient(to top, #2dafc7, #44ccd0);
}

.btn-primary {
border-color: #1a79bc;
a.list-group-item.active:hover {
border-color: #1895c0;
background-color: #1895c0;
background: linear-gradient(to top, #1895c0, #2dafc7);
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, [disabled].btn-primary, .category-header, a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus, .list-group-forum .list-group-item.active.new-item {
border-color: #136cab;
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
color: #2dafc7 !important;
}

a.list-group-item:hover, .col-sm-9 a, a:focus, .pagination > li > a, .pagination > li > span {
color: #1a79bc;
.nav-tabs > li > a::after, .alert-section {
background: #2dafc7;
}

a:hover, a:active {
color: #136cab;
.alert-section {
border-color: #1895c0;
}
73 changes: 43 additions & 30 deletions themes/Sixteen/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,10 +1,6 @@
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

/* General fixes */
* {
border-radius: 0 !important;
}

html {
overflow-y: scroll;
background-color: #e8e8e8;
Expand All @@ -15,7 +11,7 @@ body {
}

body, html {
font-family: "Segoe UI", "Open Sans", Helvetica, Arial, sans-serif;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
min-height: 100%;
}

Expand Down Expand Up @@ -57,8 +53,8 @@ h2 {

/* Text */
h1, h2, h3, h4, h5, h6 {
font-family: "Segoe UI Light", "Segoe UI", "Open Sans", Helvetica, Arial, sans-serif;
font-weight: 100;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-weight: 300;
}

.text-center {
Expand Down Expand Up @@ -221,7 +217,8 @@ h1, h2, h3, h4, h5, h6 {
.navbar-inverse {
border: none;
margin-bottom: 0;
background-color: #2788cb;
background: #1895c0;
background: linear-gradient(to top, #2dafc7, #1895c0);
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-brand {
Expand Down Expand Up @@ -380,9 +377,13 @@ h1, h2, h3, h4, h5, h6 {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 0;
margin-bottom: 7px;
border-left: 5px solid #f8f8f8;
background-color: #fbfbfb;
margin-bottom: 0;
border: 1px solid #ddd;
border-top-width: 0;
}

.forum-entry:last-child {
margin-bottom: 10px;
}

.forum-entry:hover {
Expand Down Expand Up @@ -443,7 +444,8 @@ a.list-group-item.active:hover {
h5.list-group-head {
text-transform: uppercase;
margin-left: 20px;
font-family: "Segoe UI Semibold";
font-family: "Open Sans";
font-weight: 600;
}

a.list-group-item-cat h4 {
Expand Down Expand Up @@ -576,12 +578,12 @@ h2.forum-title .btn {

/* First run */
.first-run {
border: none;
border: 1px solid #ddd;
border-width: 0 1px 1px 1px;
margin-top: 0 !important;
}

.first-run-content {
background: #eee;
margin-left: 0;
margin-right: 0;
}
Expand All @@ -591,7 +593,8 @@ h2.forum-title .btn {
}

.first-run-profile {
background: #1a79bc;
background: #1895c0;
background: linear-gradient(to top, #44ccd0, #2dafc7);
padding-bottom: 16px;
}

Expand Down Expand Up @@ -799,30 +802,39 @@ a.active.list-group-item, a.active.list-group-item:hover, a.active.list-group-it
}

/* Me */
.nav-tabs.activity-tab {
border: none;
.nav-tabs {
border-bottom: 2px solid #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border-width: 0;
}

.nav-tabs > li > a {
border: none;
color: #666;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li > a:focus {
.nav-tabs > li.active > a, .nav-tabs > li > a:hover {
border: none;
color: #fff !important;
color: #2dafc7 !important;
background: transparent;
}

.nav-tabs > li > a:hover {
border: none;
color: #fff;
background-color: #0d4382;
.nav-tabs > li > a::after {
content: "";
background: #2dafc7;
height: 2px;
position: absolute;
width: 100%;
left: 0px;
bottom: -1px;
transition: all 250ms ease 0s;
transform: scale(0);
}

.activity-header {
margin-top: 0;
padding: 10px 10px 15px;
color: #fff;
background-color: #0d4382;
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
transform: scale(1);
}

/* Inbox */
Expand Down Expand Up @@ -1070,7 +1082,8 @@ a.label {
/* Alerts */
.alert-section {
color: #fff;
border: none;
border-radius: 3px 3px 0 0;
margin-bottom: 0;
}

.alert-section .btn {
Expand Down

0 comments on commit 2da7b8b

Please sign in to comment.