Skip to content

GitLab

Commit 9eea9591 authored by Thomas Park's avatar Thomas Park
Browse files

readable: reduced font-size and line-height, added word-spacing, thumbnail update

parent a08b2224
Expand all Hide whitespace changes
Inline Side-by-side
readable/bootstrap.css
View file @ 9eea9591
@import url(http://fonts.googleapis.com/css?family=Fanwood+Text);
/*!
* Bootstrap v2.0.3
*
......@@ -131,8 +132,8 @@ textarea {
body {
margin: 0;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 19px;
line-height: 1.6em;
font-size: 17px;
line-height: 1.3em;
color: #090000;
background-color: #fdfdfa;
}
......@@ -339,20 +340,20 @@ a:hover {
clear: both;
}
p {
margin: 0 0 0.8em;
margin: 0 0 0.65em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 19px;
line-height: 1.6em;
font-size: 17px;
line-height: 1.3em;
}
p small {
font-size: 17px;
font-size: 15px;
color: #999999;
}
.lead {
margin-bottom: 1.6em;
margin-bottom: 1.3em;
font-size: 20px;
font-weight: 200;
line-height: 2.4000000000000004em;
line-height: 1.9500000000000002em;
}
h1,
h2,
......@@ -377,21 +378,21 @@ h6 small {
}
h1 {
font-size: 30px;
line-height: 3.2em;
line-height: 2.6em;
}
h1 small {
font-size: 18px;
}
h2 {
font-size: 24px;
line-height: 3.2em;
line-height: 2.6em;
}
h2 small {
font-size: 18px;
}
h3 {
font-size: 18px;
line-height: 2.4000000000000004em;
line-height: 1.9500000000000002em;
}
h3 small {
font-size: 14px;
......@@ -399,7 +400,7 @@ h3 small {
h4,
h5,
h6 {
line-height: 1.6em;
line-height: 1.3em;
}
h4 {
font-size: 14px;
......@@ -416,8 +417,8 @@ h6 {
text-transform: uppercase;
}
.page-header {
padding-bottom: 0.6000000000000001em;
margin: 1.6em 0;
padding-bottom: 0.30000000000000004em;
margin: 1.3em 0;
border-bottom: 1px solid #cdcdcd;
}
.page-header h1 {
......@@ -426,7 +427,7 @@ h6 {
ul,
ol {
padding: 0;
margin: 0 0 0.8em 25px;
margin: 0 0 0.65em 25px;
}
ul ul,
ul ol,
......@@ -441,7 +442,7 @@ ol {
list-style: decimal;
}
li {
line-height: 1.6em;
line-height: 1.3em;
}
ul.unstyled,
ol.unstyled {
......@@ -449,18 +450,18 @@ ol.unstyled {
list-style: none;
}
dl {
margin-bottom: 1.6em;
margin-bottom: 1.3em;
}
dt,
dd {
line-height: 1.6em;
line-height: 1.3em;
}
dt {
font-weight: bold;
line-height: 0.6000000000000001em;
line-height: 0.30000000000000004em;
}
dd {
margin-left: 0.8em;
margin-left: 0.65em;
}
.dl-horizontal dt {
float: left;
......@@ -475,7 +476,7 @@ dd {
margin-left: 130px;
}
hr {
margin: 1.6em 0;
margin: 1.3em 0;
border: 0;
border-top: 1px solid #cdcdcd;
border-bottom: 1px solid #ffffff;
......@@ -499,18 +500,18 @@ abbr.initialism {
}
blockquote {
padding: 0 0 0 15px;
margin: 0 0 1.6em;
margin: 0 0 1.3em;
border-left: 5px solid #cdcdcd;
}
blockquote p {
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 2em;
line-height: 1.625em;
}
blockquote small {
display: block;
line-height: 1.6em;
line-height: 1.3em;
color: #999999;
}
blockquote small:before {
......@@ -535,9 +536,9 @@ blockquote:after {
}
address {
display: block;
margin-bottom: 1.6em;
margin-bottom: 1.3em;
font-style: normal;
line-height: 1.6em;
line-height: 1.3em;
}
small {
font-size: 100%;
......@@ -549,7 +550,7 @@ code,
pre {
padding: 0 3px 2px;
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
font-size: 18px;
font-size: 16px;
color: #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
......@@ -563,10 +564,10 @@ code {
}
pre {
display: block;
padding: 0.30000000000000004em;
margin: 0 0 0.8em;
font-size: 17.575px;
line-height: 1.6em;
padding: 0.15000000000000002em;
margin: 0 0 0.65em;
font-size: 15.725000000000001px;
line-height: 1.3em;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
......@@ -579,7 +580,7 @@ pre {
border-radius: 4px;
}
pre.prettyprint {
margin-bottom: 1.6em;
margin-bottom: 1.3em;
}
pre code {
padding: 0;
......@@ -592,7 +593,7 @@ pre code {
overflow-y: scroll;
}
form {
margin: 0 0 1.6em;
margin: 0 0 1.3em;
}
fieldset {
padding: 0;
......@@ -603,15 +604,15 @@ legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 2.4000000000000004em;
font-size: 28.5px;
line-height: 3.2em;
margin-bottom: 1.9500000000000002em;
font-size: 25.5px;
line-height: 2.6em;
color: #333333;
border: 0;
border-bottom: 1px solid #eee;
}
legend small {
font-size: 1.2000000000000002em;
font-size: 0.9750000000000001em;
color: #999999;
}
label,
......@@ -619,9 +620,9 @@ input,
button,
select,
textarea {
font-size: 19px;
font-size: 17px;
font-weight: normal;
line-height: 1.6em;
line-height: 1.3em;
}
input,
button,
......@@ -640,11 +641,11 @@ select,
.uneditable-input {
display: inline-block;
width: 210px;
height: 1.6em;
height: 1.3em;
padding: 4px;
margin-bottom: 9px;
font-size: 19px;
line-height: 1.6em;
font-size: 17px;
line-height: 1.3em;
color: #777777;
background-color: #ffffff;
border: 1px solid #cccccc;
......@@ -967,9 +968,9 @@ select:focus:required:invalid:focus {
box-shadow: 0 0 6px #f8b9b7;
}
.form-actions {
padding: 0.6000000000000001em 20px 1.6em;
margin-top: 1.6em;
margin-bottom: 1.6em;
padding: 0.30000000000000004em 20px 1.3em;
margin-top: 1.3em;
margin-bottom: 1.3em;
background-color: transparent;
border-top: 1px solid #ddd;
*zoom: 1;
......@@ -1004,7 +1005,7 @@ select:focus:required:invalid:focus {
}
.help-block {
display: block;
margin-bottom: 0.8em;
margin-bottom: 0.65em;
}
.help-inline {
display: inline-block;
......@@ -1049,11 +1050,11 @@ select:focus:required:invalid:focus {
.input-append .add-on {
display: inline-block;
width: auto;
height: 1.6em;
height: 1.3em;
min-width: 16px;
padding: 4px 5px;
font-weight: normal;
line-height: 1.6em;
line-height: 1.3em;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
vertical-align: middle;
......@@ -1194,14 +1195,14 @@ select:focus:required:invalid:focus {
margin-left: 0;
}
.control-group {
margin-bottom: 0.8em;
margin-bottom: 0.65em;
}
legend + .control-group {
margin-top: 1.6em;
margin-top: 1.3em;
-webkit-margin-top-collapse: separate;
}
.form-horizontal .control-group {
margin-bottom: 1.6em;
margin-bottom: 1.3em;
*zoom: 1;
}
.form-horizontal .control-group:before,
......@@ -1228,7 +1229,7 @@ legend + .control-group {
*padding-left: 160px;
}
.form-horizontal .help-block {
margin-top: 0.8em;
margin-top: 0.65em;
margin-bottom: 0;
}
.form-horizontal .form-actions {
......@@ -1242,12 +1243,12 @@ table {
}
.table {
width: 100%;
margin-bottom: 1.6em;
margin-bottom: 1.3em;
}
.table th,
.table td {
padding: 8px;
line-height: 1.6em;
line-height: 1.3em;
text-align: left;
vertical-align: top;
border-top: 1px solid #dddddd;
......@@ -1956,7 +1957,7 @@ table .span24 {
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: -0.19999999999999996em 1px;
margin: -0.35em 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
......@@ -1967,7 +1968,7 @@ table .span24 {
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 1.6em;
line-height: 1.3em;
color: #9c0001;
white-space: nowrap;
}
......@@ -2066,7 +2067,7 @@ table .span24 {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 1.6em;
line-height: 1.3em;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
......@@ -2094,8 +2095,8 @@ button.close {
*zoom: 1;
padding: 4px 10px 4px;
margin-bottom: 0;
font-size: 19px;
line-height: 1.6em;
font-size: 17px;
line-height: 1.3em;
*line-height: 20px;
color: #333333;
text-align: center;
......@@ -2185,7 +2186,7 @@ button.close {
}
.btn-large {
padding: 9px 14px;
font-size: 21px;
font-size: 19px;
line-height: normal;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
......@@ -2196,16 +2197,16 @@ button.close {
}
.btn-small {
padding: 5px 9px;
font-size: 17px;
line-height: -0.3999999999999999em;
font-size: 15px;
line-height: -0.7em;
}
.btn-small [class^="icon-"] {
margin-top: -1px;
}
.btn-mini {
padding: 2px 6px;
font-size: 17px;
line-height: -2.4em;
font-size: 15px;
line-height: -2.7em;
}
.btn-primary,
.btn-primary:hover,
......@@ -2453,8 +2454,8 @@ input[type="submit"].btn.btn-mini {
margin-left: 5px;
}
.btn-toolbar {
margin-top: 0.8em;
margin-bottom: 0.8em;
margin-top: 0.65em;
margin-bottom: 0.65em;
}
.btn-toolbar .btn-group {
display: inline-block;
......@@ -2603,7 +2604,7 @@ input[type="submit"].btn.btn-mini {
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 1.6em;
margin-bottom: 1.3em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
......@@ -2650,7 +2651,7 @@ input[type="submit"].btn.btn-mini {
}
.nav {
margin-left: 0;
margin-bottom: 1.6em;
margin-bottom: 1.3em;
list-style: none;
}
.nav > li > a {
......@@ -2668,7 +2669,7 @@ input[type="submit"].btn.btn-mini {
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 1.6em;
line-height: 1.3em;
color: #999999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
......@@ -2702,7 +2703,7 @@ input[type="submit"].btn.btn-mini {
.nav-list .divider {
*width: 100%;
height: 1px;
margin: -0.19999999999999996em 1px;
margin: -0.35em 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
......@@ -2743,7 +2744,7 @@ input[type="submit"].btn.btn-mini {
.nav-tabs > li > a {
padding-top: 8px;
padding-bottom: 8px;
line-height: 1.6em;
line-height: 1.3em;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
......@@ -2956,7 +2957,7 @@ input[type="submit"].btn.btn-mini {
*position: relative;
*z-index: 2;
overflow: visible;
margin-bottom: 1.6em;
margin-bottom: 1.3em;
}
.navbar-inner {
min-height: 40px;
......@@ -3148,7 +3149,7 @@ input[type="submit"].btn.btn-mini {
display: inline-block;
padding: 4px 10px 4px;
margin: 5px 5px 6px;
line-height: 1.6em;
line-height: 1.3em;
}
.navbar .btn-group {
margin: 0;
......@@ -3297,7 +3298,7 @@ input[type="submit"].btn.btn-mini {
}
.breadcrumb {
padding: 7px 14px;
margin: 0 0 1.6em;
margin: 0 0 1.3em;
list-style: none;
background-color: #fbfbfb;
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
......@@ -3332,8 +3333,8 @@ input[type="submit"].btn.btn-mini {
color: #333333;
}
.pagination {
height: 3.2em;
margin: 1.6em 0;
height: 2.6em;
margin: 1.3em 0;
}
.pagination ul {
display: inline-block;
......@@ -3356,7 +3357,7 @@ input[type="submit"].btn.btn-mini {
.pagination a {
float: left;
padding: 0 14px;
line-height: 1.2000000000000002em;
line-height: 0.6000000000000001em;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
......@@ -3395,7 +3396,7 @@ input[type="submit"].btn.btn-mini {
}
.pager {
margin-left: 0;
margin-bottom: 1.6em;
margin-bottom: 1.3em;
list-style: none;
text-align: center;
*zoom: 1;
......@@ -3730,7 +3731,7 @@ input[type="submit"].btn.btn-mini {
}
.thumbnails > li {
float: left;
margin-bottom: 1.6em;
margin-bottom: 1.3em;
margin-left: 20px;
}
.thumbnail {
......@@ -3762,7 +3763,7 @@ a.thumbnail:hover {
}
.label,
.badge {
font-size: 16.073999999999998px;
font-size: 14.382px;
font-weight: bold;
line-height: 14px;
color: #ffffff;
......@@ -4019,7 +4020,7 @@ a.badge:hover {
background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.accordion {
margin-bottom: 1.6em;
margin-bottom: 1.3em;
}
.accordion-group {
margin-bottom: 2px;
......@@ -4044,7 +4045,7 @@ a.badge:hover {
}
.carousel {
position: relative;
margin-bottom: 1.6em;
margin-bottom: 1.3em;
line-height: 1;
}
.carousel-inner {
......@@ -4156,7 +4157,7 @@ a.badge:hover {
.hero-unit p {
font-size: 18px;
font-weight: 200;
line-height: 2.4000000000000004em;
line-height: 1.9500000000000002em;
color: inherit;
}
.pull-right {
......@@ -4174,6 +4175,9 @@ a.badge:hover {
.invisible {
visibility: hidden;
}
body {
word-spacing: -0.05em;
}
h1,
h2,
h3,
......@@ -4227,7 +4231,7 @@ footer.footer {
box-shadow: none;
}
.navbar .brand {
font-size: 19px;
font-size: 17px;
font-weight: bold;
line-height: 1em;
padding: 10px 10px 11px;
......@@ -4572,7 +4576,7 @@ input[type="file"] {
.label:hover {
background-color: #ffffff;
font-weight: normal;
font-size: 19px;
font-size: 17px;
padding: 4px;
}
.label-important,
......
readable/bootstrap.min.css
View file @ 9eea9591
This diff is collapsed.
readable/bootswatch.less
View file @ 9eea9591
......@@ -6,6 +6,10 @@
// TYPOGRAPHY
// -----------------------------------------------------
body {
word-spacing: -0.05em;
}
h1, h2, h3, h4, h5, h6 {
line-height: 2em;
color: @textColor;
......
readable/thumbnail.png
View replaced file @ a08b2224 View file @ 9eea9591
readable/thumbnail.png

26.9 KB | W: | H:

readable/thumbnail.png

19.5 KB | W: | H:

readable/thumbnail.png
readable/thumbnail.png
readable/thumbnail.png
readable/thumbnail.png
  • 2-up
  • Swipe
  • Onion skin
readable/variables.less
View file @ 9eea9591
......@@ -49,9 +49,9 @@
@serifFontFamily: Georgia, "Times New Roman", Times, serif;
@monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace;
@baseFontSize: 19px;
@baseFontSize: 17px;
@baseFontFamily: @serifFontFamily;
@baseLineHeight: 1.6em;
@baseLineHeight: 1.3em;
@altFontFamily: @serifFontFamily;
@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment