diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/bootswatch.min.css | 16 | ||||
| -rw-r--r-- | assets/less/bootswatch.less | 72 |
2 files changed, 57 insertions, 31 deletions
diff --git a/assets/css/bootswatch.min.css b/assets/css/bootswatch.min.css index 9926ddca..a5480be9 100644 --- a/assets/css/bootswatch.min.css +++ b/assets/css/bootswatch.min.css @@ -1,15 +1 @@ -body{padding-top:50px} -#banner{border-bottom:none} -.page-header h1{font-size:4em} -.bs-docs-section{margin-top:8em} -.affix{top:70px} -footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em} -footer p{clear:left;margin-bottom:0} -.splash{padding:2em 0 2em;text-align:center}.splash h1{font-size:4em} -.splash #social{margin-top:4em;margin-bottom:2em} -.section-tout{padding:3em 0 4em;background-color:#e2f2f3} -.section-preview{padding:4em 0 4em} -.preview{margin-bottom:4em}.preview .image{width:100%} -.preview .options{padding:1em;background-color:#eee;background-color:#e2f2f3} -.bsa .one .bsa_it_ad{border:none !important;background-color:transparent !important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit !important} -.bsa .one .bsa_it_p{display:none} +body{padding-top:50px}#banner{border-bottom:0}.page-header h1{font-size:4em}.bs-docs-section{margin-top:8em}.affix{top:70px}footer{margin:5em 0}footer li{float:left;margin-right:1.5em;margin-bottom:1.5em}footer p{clear:left;margin-bottom:0}.splash{background-color:#19232f;background-color:#1c2533;padding:6em 0 2em;color:#fff;text-align:center}.splash .alert{margin:4em 0 2em;text-align:left}.splash h1{font-size:4em}.splash #social{margin-top:6em}.section-tout{padding:4em 0 3em;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.1);background-color:#e2f2f3}.section-tout [class^="icon-"]{margin-right:.5em}.section-tout p{margin-bottom:3em}.section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#e2f2f3;border:1px solid rgba(0,0,0,0.1);border-radius:6px}.section-preview .preview .image{padding:5px}.section-preview .preview .image img{border:1px solid rgba(0,0,0,0.1)}.section-preview .preview .options{text-align:center;padding:0 2em 2em}.section-preview .preview .options p{margin-bottom:2em}.section-preview .dropdown-menu{text-align:left}.section-preview .lead{margin-bottom:2em}@media(max-width:767px){.section-preview .image img{width:100%}}.bsa .one .bsa_it_ad{border:none!important;background-color:transparent!important}.bsa .one .bsa_it_ad .bsa_it_t,.bsa .one .bsa_it_ad .bsa_it_d{color:inherit!important}.bsa .one .bsa_it_p{display:none}
\ No newline at end of file diff --git a/assets/less/bootswatch.less b/assets/less/bootswatch.less index d5ff9aa7..8a648be1 100644 --- a/assets/less/bootswatch.less +++ b/assets/less/bootswatch.less @@ -38,43 +38,83 @@ footer { .splash { - padding: 2em 0 2em; + background-color: #19232F; + background-color: #1C2533; + padding: 6em 0 2em; + color: #fff; text-align: center; + .alert { + margin: 4em 0 2em; + text-align: left; + } + h1 { font-size: 4em; } #social { - margin-top: 4em; - margin-bottom: 2em; + margin-top: 6em; } } .section-tout { - padding: 3em 0 4em; + padding: 4em 0 3em; + border-top: 1px solid rgba(255, 255, 255, 0.1); + border-bottom: 1px solid rgba(0, 0, 0, 0.1); background-color: #E2F2F3; - // background-color: #2C3E50; - // color: #fff; + + [class^="icon-"] { + margin-right: 0.5em; + } + + p { + margin-bottom: 3em; + } } .section-preview { + padding: 4em 0 4em; - // background-color: #E2F2F3; -} -.preview { + .preview { + + margin-bottom: 4em; + background-color: #E2F2F3; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 6px; - margin-bottom: 4em; + .image { + padding: 5px; - .image { - width: 100%; + img { + border: 1px solid rgba(0, 0, 0, 0.1); + } + } + + .options { + text-align: center; + padding: 0 2em 2em; + + p { + margin-bottom: 2em; + } + } } - .options { - padding: 1em; - background-color: #eee; - background-color: #E2F2F3; + .dropdown-menu { + text-align: left; + } + + .lead { + margin-bottom: 2em; + } + + @media (max-width: 767px) { + + .image img { + width: 100%; + } } } |