diff options
author | Thomas Park <thomas@thomaspark.me> | 2012-08-24 21:27:41 -0400 |
---|---|---|
committer | Thomas Park <thomas@thomaspark.me> | 2012-08-24 21:27:41 -0400 |
commit | 0501a78aa63ee43167f6fd103f9e810f46c8bcaf (patch) | |
tree | 0c24e26b405accf8f25e95ede72b2546a5504d42 /readable | |
parent | 74c226b2c3495871e73d3b389c41ebcaff8bd120 (diff) |
all: organized sections in less
Diffstat (limited to 'readable')
-rw-r--r-- | readable/bootstrap.css | 101 | ||||
-rw-r--r-- | readable/bootstrap.min.css | 21 | ||||
-rwxr-xr-x | readable/bootswatch.less | 132 |
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 +// ----------------------------------------------------- |