Changed base font size from 14px to 15px, and increased the saturation of the link colour.

- Legacy-Id: 9409
This commit is contained in:
Henrik Levkowetz 2015-04-05 19:30:57 +00:00
parent e65cb9501b
commit 786208e3ba
4 changed files with 145 additions and 145 deletions

View file

@ -1087,7 +1087,7 @@ html {
}
body {
font-family: "PT Serif", serif;
font-size: 14px;
font-size: 15px;
line-height: 1.42857143;
color: #222;
background-color: #fff;
@ -1101,12 +1101,12 @@ textarea {
line-height: inherit;
}
a {
color: #54478e;
color: #4526c9;
text-decoration: none;
}
a:hover,
a:focus {
color: #362d5b;
color: #2f1a88;
text-decoration: underline;
}
a:focus {
@ -1149,8 +1149,8 @@ img {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
margin-top: 21px;
margin-bottom: 21px;
border: 0;
border-top: 1px solid #eee;
}
@ -1227,8 +1227,8 @@ h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
margin-top: 21px;
margin-bottom: 10.5px;
}
h1 small,
.h1 small,
@ -1250,8 +1250,8 @@ h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
margin-top: 10.5px;
margin-bottom: 10.5px;
}
h4 small,
.h4 small,
@ -1269,45 +1269,45 @@ h6 .small,
}
h1,
.h1 {
font-size: 28px;
font-size: 30px;
}
h2,
.h2 {
font-size: 24px;
font-size: 26px;
}
h3,
.h3 {
font-size: 20px;
font-size: 22px;
}
h4,
.h4 {
font-size: 17px;
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
font-size: 15px;
}
h6,
.h6 {
font-size: 14px;
font-size: 15px;
}
p {
margin: 0 0 10px;
margin: 0 0 10.5px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
margin-bottom: 21px;
font-size: 17px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
font-size: 22.5px;
}
}
small,
.small {
font-size: 85%;
font-size: 86%;
}
mark,
.mark {
@ -1403,14 +1403,14 @@ a.bg-danger:hover {
background-color: #d4584d;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
padding-bottom: 9.5px;
margin: 42px 0 21px;
border-bottom: 1px solid #eee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
margin-bottom: 10.5px;
}
ul ul,
ol ul,
@ -1434,7 +1434,7 @@ ol ol {
}
dl {
margin-top: 0;
margin-bottom: 20px;
margin-bottom: 21px;
}
dt,
dd {
@ -1470,9 +1470,9 @@ abbr[data-original-title] {
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 16.646px;
padding: 10.5px 21px;
margin: 0 0 21px;
font-size: 17.835px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
@ -1518,7 +1518,7 @@ blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
margin-bottom: 21px;
font-style: normal;
line-height: 1.42857143;
}
@ -1553,9 +1553,9 @@ kbd kbd {
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
padding: 10px;
margin: 0 0 10.5px;
font-size: 14px;
line-height: 1.42857143;
color: #000;
word-break: break-all;
@ -2258,7 +2258,7 @@ th {
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
margin-bottom: 21px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
@ -2441,7 +2441,7 @@ table th[class*="col-"] {
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
margin-bottom: 15.75px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
@ -2493,8 +2493,8 @@ legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
margin-bottom: 21px;
font-size: 22.5px;
line-height: inherit;
color: #333;
border: 0;
@ -2538,16 +2538,16 @@ input[type="checkbox"]:focus {
output {
display: block;
padding-top: 7px;
font-size: 14px;
font-size: 15px;
line-height: 1.42857143;
color: #555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
height: 35px;
padding: 6px 12px;
font-size: 14px;
font-size: 15px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
@ -2597,7 +2597,7 @@ input[type="search"] {
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
line-height: 34px;
line-height: 35px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
@ -2607,7 +2607,7 @@ input[type="search"] {
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
line-height: 31px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
@ -2617,7 +2617,7 @@ input[type="search"] {
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 45px;
line-height: 46px;
}
}
.form-group {
@ -2632,7 +2632,7 @@ input[type="search"] {
}
.radio label,
.checkbox label {
min-height: 20px;
min-height: 21px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
@ -2686,7 +2686,7 @@ fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
min-height: 34px;
min-height: 36px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
@ -2697,84 +2697,84 @@ fieldset[disabled] .checkbox label {
padding-left: 0;
}
.input-sm {
height: 30px;
height: 31px;
padding: 5px 10px;
font-size: 12px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
height: 31px;
line-height: 31px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
height: 31px;
padding: 5px 10px;
font-size: 12px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px;
}
select.form-group-sm .form-control {
height: 30px;
line-height: 30px;
height: 31px;
line-height: 31px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
height: 31px;
min-height: 34px;
padding: 5px 10px;
font-size: 12px;
font-size: 13px;
line-height: 1.5;
}
.input-lg {
height: 45px;
height: 46px;
padding: 10px 16px;
font-size: 17px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 45px;
line-height: 45px;
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 45px;
height: 46px;
padding: 10px 16px;
font-size: 17px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.form-group-lg .form-control {
height: 45px;
line-height: 45px;
height: 46px;
line-height: 46px;
}
textarea.form-group-lg .form-control,
select[multiple].form-group-lg .form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 45px;
min-height: 37px;
height: 46px;
min-height: 39px;
padding: 10px 16px;
font-size: 17px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
padding-right: 43.75px;
}
.form-control-feedback {
position: absolute;
@ -2782,21 +2782,21 @@ select[multiple].form-group-lg .form-control {
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback {
width: 45px;
height: 45px;
line-height: 45px;
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
width: 31px;
height: 31px;
line-height: 31px;
}
.has-success .help-block,
.has-success .control-label,
@ -2892,7 +2892,7 @@ select[multiple].form-group-lg .form-control {
color: #000;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
top: 26px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
@ -2963,7 +2963,7 @@ select[multiple].form-group-lg .form-control {
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
min-height: 28px;
}
.form-horizontal .form-group {
margin-right: -15px;
@ -2993,7 +2993,7 @@ select[multiple].form-group-lg .form-control {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-size: 15px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
@ -3315,7 +3315,7 @@ fieldset[disabled] .btn-danger.active {
}
.btn-link {
font-weight: normal;
color: #54478e;
color: #4526c9;
border-radius: 0;
}
.btn-link,
@ -3335,7 +3335,7 @@ fieldset[disabled] .btn-link {
}
.btn-link:hover,
.btn-link:focus {
color: #362d5b;
color: #2f1a88;
text-decoration: underline;
background-color: transparent;
}
@ -3349,21 +3349,21 @@ fieldset[disabled] .btn-link:focus {
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 17px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px;
}
@ -3441,7 +3441,7 @@ tbody.collapse.in {
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
font-size: 15px;
text-align: left;
list-style: none;
background-color: #fff;
@ -3459,7 +3459,7 @@ tbody.collapse.in {
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
margin: 9.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
@ -3516,7 +3516,7 @@ tbody.collapse.in {
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
font-size: 13px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
@ -3743,17 +3743,17 @@ tbody.collapse.in {
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 45px;
height: 46px;
padding: 10px 16px;
font-size: 17px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 45px;
line-height: 45px;
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
@ -3766,17 +3766,17 @@ select[multiple].input-group-lg > .input-group-btn > .btn {
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
height: 31px;
padding: 5px 10px;
font-size: 12px;
font-size: 13px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
height: 31px;
line-height: 31px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
@ -3804,7 +3804,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-size: 15px;
font-weight: normal;
line-height: 1;
color: #555;
@ -3815,12 +3815,12 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
font-size: 13px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 17px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
@ -3910,11 +3910,11 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #54478e;
border-color: #4526c9;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
margin: 9.5px 0;
overflow: hidden;
background-color: #e5e5e5;
}
@ -4072,7 +4072,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
margin-bottom: 21px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
@ -4180,9 +4180,9 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 17px;
line-height: 20px;
padding: 14.5px 15px;
font-size: 18px;
line-height: 21px;
}
.navbar-brand:hover,
.navbar-brand:focus {
@ -4227,12 +4227,12 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
}
}
.navbar-nav {
margin: 7.5px -15px;
margin: 7.25px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
line-height: 21px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
@ -4250,7 +4250,7 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
line-height: 21px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
@ -4266,15 +4266,15 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
padding-top: 14.5px;
padding-bottom: 14.5px;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-top: 7.5px;
margin-right: -15px;
margin-bottom: 8px;
margin-bottom: 7.5px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
@ -4364,20 +4364,20 @@ select[multiple].input-group-sm > .input-group-btn > .btn {
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
margin-top: 7.5px;
margin-bottom: 7.5px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
margin-top: 9.5px;
margin-bottom: 9.5px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
margin-top: 14.5px;
margin-bottom: 14.5px;
}
@media (min-width: 768px) {
.navbar-text {
@ -4598,7 +4598,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
margin-bottom: 21px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
@ -4617,7 +4617,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
margin: 21px 0;
border-radius: 4px;
}
.pagination > li {
@ -4630,7 +4630,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #54478e;
color: #4526c9;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
@ -4650,7 +4650,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
color: #362d5b;
color: #2f1a88;
background-color: #eee;
border-color: #ddd;
}
@ -4680,7 +4680,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 17px;
font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
@ -4695,7 +4695,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
font-size: 13px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
@ -4709,7 +4709,7 @@ fieldset[disabled] .navbar-inverse .btn-link:focus {
}
.pager {
padding-left: 0;
margin: 20px 0;
margin: 21px 0;
text-align: center;
list-style: none;
}
@ -4816,7 +4816,7 @@ a.label:focus {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-size: 13px;
font-weight: bold;
line-height: 1;
color: #fff;
@ -4846,7 +4846,7 @@ a.badge:focus {
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #54478e;
color: #4526c9;
background-color: #fff;
}
.list-group-item > .badge {
@ -4870,7 +4870,7 @@ a.badge:focus {
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-size: 23px;
font-weight: 200;
}
.jumbotron > hr {
@ -4894,13 +4894,13 @@ a.badge:focus {
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
font-size: 67.5px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
margin-bottom: 21px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
@ -4917,7 +4917,7 @@ a.badge:focus {
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #54478e;
border-color: #4526c9;
}
.thumbnail .caption {
padding: 9px;
@ -4925,7 +4925,7 @@ a.thumbnail.active {
}
.alert {
padding: 15px;
margin-bottom: 20px;
margin-bottom: 21px;
border: 1px solid transparent;
border-radius: 4px;
}
@ -5023,8 +5023,8 @@ a.thumbnail.active {
}
}
.progress {
height: 20px;
margin-bottom: 20px;
height: 21px;
margin-bottom: 21px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
@ -5035,8 +5035,8 @@ a.thumbnail.active {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
font-size: 13px;
line-height: 21px;
color: #fff;
text-align: center;
background-color: #2c254a;
@ -5308,7 +5308,7 @@ a.list-group-item-danger.active:focus {
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
margin-bottom: 21px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
@ -5330,7 +5330,7 @@ a.list-group-item-danger.active:focus {
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-size: 17px;
color: inherit;
}
.panel-title > a,
@ -5516,7 +5516,7 @@ a.list-group-item-danger.active:focus {
border: 0;
}
.panel-group {
margin-bottom: 20px;
margin-bottom: 21px;
}
.panel-group .panel {
margin-bottom: 0;
@ -5696,7 +5696,7 @@ a.list-group-item-danger.active:focus {
}
.close {
float: right;
font-size: 21px;
font-size: 22.5px;
font-weight: bold;
line-height: 1;
color: #000;
@ -5848,7 +5848,7 @@ button.close {
z-index: 1070;
display: block;
font-family: "PT Serif", serif;
font-size: 12px;
font-size: 13px;
font-weight: normal;
line-height: 1.4;
filter: alpha(opacity=0);
@ -5955,7 +5955,7 @@ button.close {
max-width: 276px;
padding: 1px;
font-family: "PT Serif", serif;
font-size: 14px;
font-size: 15px;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
@ -5984,7 +5984,7 @@ button.close {
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
font-size: 15px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -46,7 +46,7 @@
@text-color: @gray-darker;
//** Global textual link color.
@link-color: lighten(@brand-primary, 20%);
@link-color: lighten(saturate(@brand-primary, 35%), 25%);
//** Link hover color set via `darken()` function.
@link-hover-color: darken(@link-color, 15%);
//** Link hover decoration.
@ -72,7 +72,7 @@
@font-size-base: 14px;
@font-size-base: 15px;
@font-size-large: ceil((@font-size-base * 1.189)); // ~18px
@font-size-small: ceil((@font-size-base * 0.841)); // ~12px