summaryrefslogtreecommitdiff
path: root/readable
diff options
context:
space:
mode:
authorThomas Park <thomas@thomaspark.me>2012-08-24 21:27:41 -0400
committerThomas Park <thomas@thomaspark.me>2012-08-24 21:27:41 -0400
commit0501a78aa63ee43167f6fd103f9e810f46c8bcaf (patch)
tree0c24e26b405accf8f25e95ede72b2546a5504d42 /readable
parent74c226b2c3495871e73d3b389c41ebcaff8bd120 (diff)
all: organized sections in less
Diffstat (limited to 'readable')
-rw-r--r--readable/bootstrap.css101
-rw-r--r--readable/bootstrap.min.css21
-rwxr-xr-xreadable/bootswatch.less132
3 files changed, 124 insertions, 130 deletions
diff --git a/readable/bootstrap.css b/readable/bootstrap.css
index d5e8e1f3..5d2241f5 100644
--- a/readable/bootstrap.css
+++ b/readable/bootstrap.css
@@ -4760,12 +4760,26 @@ h2 {
h3 {
font-size: 1.5em;
}
-h6 {
- color: #282828;
-}
small {
font-size: 13px;
}
+blockquote {
+ border-left: 6px solid #cdcdcd;
+}
+blockquote.pull-right {
+ border-right: 6px solid #cdcdcd;
+}
+blockquote p {
+ font-size: 1em;
+ line-height: 1.2em;
+}
+code,
+pre {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+ background-color: #ffffff;
+}
.muted,
.help-block,
.uneditable-input,
@@ -4879,18 +4893,6 @@ div.subnav .nav > li:active > a:hover {
div.subnav-fixed {
top: 50px;
}
-.dropdown-menu {
- border: 1px solid #D4D4D4;
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
- -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
- -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
- box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
-}
-.dropdown-menu .divider {
- margin: 5px 1px;
-}
.nav .dropdown .caret {
opacity: 1;
}
@@ -5046,6 +5048,23 @@ div.subnav-fixed {
.btn .caret {
margin-top: 13px;
}
+.table-bordered {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.table-bordered thead:first-child tr:first-child th:first-child,
+.table-bordered tbody:first-child tr:first-child td:first-child {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
+.table-bordered thead:last-child tr:last-child th:first-child,
+.table-bordered tbody:last-child tr:last-child td:first-child {
+ -webkit-border-radius: 0;
+ -moz-border-radius: 0;
+ border-radius: 0;
+}
input,
button,
select,
@@ -5066,34 +5085,17 @@ input[type="file"] {
border-top: 1px solid #D4D4D4;
padding-top: 2em;
}
-.table-bordered {
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
-}
-.table-bordered thead:first-child tr:first-child th:first-child,
-.table-bordered tbody:first-child tr:first-child td:first-child {
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
-}
-.table-bordered thead:last-child tr:last-child th:first-child,
-.table-bordered tbody:last-child tr:last-child td:first-child {
- -webkit-border-radius: 0;
- -moz-border-radius: 0;
- border-radius: 0;
-}
-.modal {
- background-color: #ffffff;
+.dropdown-menu {
+ border: 1px solid #D4D4D4;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
+ -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+ -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
-.modal-header {
- border-bottom: none;
-}
-.modal-footer {
- background-color: #fafdfa;
+.dropdown-menu .divider {
+ margin: 5px 1px;
}
.alert,
.label,
@@ -5142,16 +5144,6 @@ input[type="file"] {
-moz-border-radius: 0;
border-radius: 0;
}
-blockquote {
- border-left: 6px solid #cdcdcd;
-}
-blockquote.pull-right {
- border-right: 6px solid #cdcdcd;
-}
-blockquote p {
- font-size: 1em;
- line-height: 1.2em;
-}
.thumbnail {
background-color: #ffffff;
}
@@ -5164,12 +5156,17 @@ blockquote p {
-moz-box-shadow: none;
box-shadow: none;
}
-code,
-pre {
+.modal {
+ background-color: #ffffff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
- background-color: #ffffff;
+}
+.modal-header {
+ border-bottom: none;
+}
+.modal-footer {
+ background-color: #fafdfa;
}
.pull-right {
float: right;
diff --git a/readable/bootstrap.min.css b/readable/bootstrap.min.css
index 05e9438c..9f6d3e6c 100644
--- a/readable/bootstrap.min.css
+++ b/readable/bootstrap.min.css
@@ -804,8 +804,10 @@ body{word-spacing:-0.05em;}
h1{font-size:2.5em;}
h2{font-size:2em;}
h3{font-size:1.5em;}
-h6{color:#282828;}
small{font-size:13px;}
+blockquote{border-left:6px solid #cdcdcd;}blockquote.pull-right{border-right:6px solid #cdcdcd;}
+blockquote p{font-size:1em;line-height:1.2em;}
+code,pre{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:#ffffff;}
.muted,.help-block,.uneditable-input,blockquote,small{color:#999999;}
.page-header{border-bottom:2px solid #cdcdcd;}
.navbar .brand{font-weight:bold;line-height:1em;padding:15px 15px 7px;}.navbar .brand:hover{color:#c50001;}
@@ -826,7 +828,6 @@ div.subnav{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-
div.subnav .nav>li.active>a,div.subnav .nav>li:active>a{color:#9c0001;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background-color:transparent;}
div.subnav .nav>li>a:hover,div.subnav .nav>li.active>a:hover,div.subnav .nav>li:active>a:hover{background-color:transparent;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#c50001;}
div.subnav-fixed{top:50px;}
-.dropdown-menu{border:1px solid #D4D4D4;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);}.dropdown-menu .divider{margin:5px 1px;}
.nav .dropdown .caret{opacity:1;}
.nav-tabs li>a{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.nav-tabs li>a:hover{background-color:#fafdfa;}
@@ -857,16 +858,14 @@ div.subnav-fixed{top:50px;}
.btn-large [class^="icon-"],.btn-large [class*=" icon-"]{margin-top:6px;margin-right:2px;}
.btn-small [class^="icon-"],.btn-small [class*=" icon-"]{margin-top:3px;}
.btn .caret{margin-top:13px;}
+.table-bordered{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
input,button,select,textarea{font-family:Palatino,Georgia,"Times New Roman",Times,serif;}
input,textarea,select{color:#282828;}
select,input[type="file"]{height:auto;line-height:normal;}
.form-actions{border-top:1px solid #D4D4D4;padding-top:2em;}
-.table-bordered{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-.table-bordered thead:first-child tr:first-child th:first-child,.table-bordered tbody:first-child tr:first-child td:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-.table-bordered thead:last-child tr:last-child th:first-child,.table-bordered tbody:last-child tr:last-child td:first-child{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-.modal{background-color:#ffffff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-.modal-header{border-bottom:none;}
-.modal-footer{background-color:#fafdfa;}
+.dropdown-menu{border:1px solid #D4D4D4;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);box-shadow:1px 1px 1px rgba(0, 0, 0, 0.2);}.dropdown-menu .divider{margin:5px 1px;}
.alert,.label,.label:hover{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;border:1px solid #D4D4D4;color:#282828;text-shadow:none;}
.alert-heading{color:#282828;text-shadow:none;}
.label,.label:hover{background-color:#ffffff;font-weight:normal;font-size:16px;padding:4px;}
@@ -875,11 +874,11 @@ select,input[type="file"]{height:auto;line-height:normal;}
.label-success,.label-success:hover{background-color:#dff0d8;}
.label-info,.label-info:hover{background-color:#d9edf7;}
.well,.hero-unit{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:1px solid #D4D4D4;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
-blockquote{border-left:6px solid #cdcdcd;}blockquote.pull-right{border-right:6px solid #cdcdcd;}
-blockquote p{font-size:1em;line-height:1.2em;}
.thumbnail{background-color:#ffffff;}
.thumbnail,.thumbnail>img{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
-code,pre{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color:#ffffff;}
+.modal{background-color:#ffffff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
+.modal-header{border-bottom:none;}
+.modal-footer{background-color:#fafdfa;}
.pull-right{float:right;}
.pull-left{float:left;}
.hide{display:none;}
diff --git a/readable/bootswatch.less b/readable/bootswatch.less
index 85db1702..c09047f6 100755
--- a/readable/bootswatch.less
+++ b/readable/bootswatch.less
@@ -10,24 +10,33 @@ body {
word-spacing: -0.05em;
}
-h1 {
- font-size: 2.5em;
-}
+h1 { font-size: 2.5em; }
-h2 {
- font-size: 2em;
-}
+h2 { font-size: 2em; }
-h3 {
- font-size: 1.5em;
+h3 { font-size: 1.5em; }
+
+small {
+ font-size: 13px;
}
-h6 {
- color: @textColor;
+blockquote {
+
+ border-left: 6px solid @grayLighter;
+
+ &.pull-right {
+ border-right: 6px solid @grayLighter;
+ }
+
+ p {
+ font-size: 1em;
+ line-height: 1.2em;
+ }
}
-small {
- font-size: 13px;
+code, pre {
+ .border-radius(0);
+ background-color: @white;
}
.muted, .help-block, .uneditable-input, blockquote, small {
@@ -138,6 +147,7 @@ small {
}
div.subnav {
+
.box-shadow(none);
.border-radius(0);
background-color: @white;
@@ -167,16 +177,6 @@ div.subnav {
}
}
-.dropdown-menu {
- border: 1px solid #D4D4D4;
- .border-radius(0);
- .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
-
- .divider {
- margin: 5px 1px;
- }
-}
-
// NAV
// -----------------------------------------------------
@@ -345,6 +345,23 @@ div.subnav {
margin-top: 13px;
}
+// TABLES
+// -----------------------------------------------------
+
+.table-bordered {
+ .border-radius(0);
+}
+
+.table-bordered thead:first-child tr:first-child th:first-child,
+.table-bordered tbody:first-child tr:first-child td:first-child {
+ .border-radius(0);
+}
+
+.table-bordered thead:last-child tr:last-child th:first-child,
+.table-bordered tbody:last-child tr:last-child td:first-child {
+ .border-radius(0);
+}
+
// FORMS
// -----------------------------------------------------
@@ -366,41 +383,20 @@ select, input[type="file"] {
padding-top: 2em;
}
-// TABLES
+// DROPDOWNS
// -----------------------------------------------------
-.table-bordered {
- .border-radius(0);
-}
-
-.table-bordered thead:first-child tr:first-child th:first-child,
-.table-bordered tbody:first-child tr:first-child td:first-child {
- .border-radius(0);
-}
-
-.table-bordered thead:last-child tr:last-child th:first-child,
-.table-bordered tbody:last-child tr:last-child td:first-child {
- .border-radius(0);
-}
-
-// MODALS
-// -----------------------------------------------------
-
-.modal {
- background-color: @white;
+.dropdown-menu {
+ border: 1px solid #D4D4D4;
.border-radius(0);
-}
-
-.modal-header {
- border-bottom: none;
-}
+ .box-shadow(1px 1px 1px rgba(0, 0, 0, 0.2));
-.modal-footer {
- background-color: @bodyBackground;
+ .divider {
+ margin: 5px 1px;
+ }
}
-
-// MISCELLANEOUS
+// ALERTS, LABELS, BADGES
// -----------------------------------------------------
.alert,
@@ -431,35 +427,37 @@ select, input[type="file"] {
.label-info, .label-info:hover { background-color: @infoBackground; }
+// MISC
+// -----------------------------------------------------
+
.well, .hero-unit {
.box-shadow(none);
border: 1px solid #D4D4D4;
.border-radius(0);
}
-blockquote {
- border-left: 6px solid @grayLighter;
-
- &.pull-right {
- border-right: 6px solid @grayLighter;
- }
-
- p {
- font-size: 1em;
- line-height: 1.2em;
- }
-}
-
.thumbnail {
background-color: @white;
}
-.thumbnail, .thumbnail > img {
+.thumbnail,
+.thumbnail > img {
.border-radius(0);
.box-shadow(none);
}
-code, pre {
- .border-radius(0);
+.modal {
background-color: @white;
+ .border-radius(0);
+}
+
+.modal-header {
+ border-bottom: none;
}
+
+.modal-footer {
+ background-color: @bodyBackground;
+}
+
+// MEDIA QUERIES
+// -----------------------------------------------------