diff options
| -rw-r--r-- | assets/css/bootswatch.min.css | 9 | ||||
| -rw-r--r-- | assets/less/bootswatch.less | 233 | ||||
| -rw-r--r-- | index.html | 4 |
3 files changed, 136 insertions, 110 deletions
diff --git a/assets/css/bootswatch.min.css b/assets/css/bootswatch.min.css index 3821472d..daaed4ad 100644 --- a/assets/css/bootswatch.min.css +++ b/assets/css/bootswatch.min.css @@ -4,9 +4,11 @@ body{padding-top:50px} .bs-docs-section{margin-top:8em} 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:#1c2533;background:-webkit-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-o-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-ms-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-moz-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:linear-gradient(20deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background-attachment:fixed;padding:6em 0 2em;color:#fff;text-align:center}.splash .alert{margin:4em 0 2em} +.splash{padding:4em 0 2em;background-color:#1c2533;background:-webkit-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-o-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-ms-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:-moz-linear-gradient(70deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background:linear-gradient(20deg, #080f1f 30%, #2b4b5a 87%, #435e67 100%);background-attachment:fixed;color:#fff;text-align:center}.splash .alert{margin:4em 0 2em} .splash h1{font-size:4em} -.splash #social{margin-top:6em} +.splash #social{margin:2em 0 4em} +.splash .bsa{max-width:350px;margin:0 auto;background:none}.splash .bsa .one .bsa_it_ad{border:1px solid #3e4653 !important;border-color:rgba(255,255,255,0.2) !important} +.splash .bsa a{color:#fff} .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:#eaf1f1}.section-tout .fa{margin-right:.5em} .section-tout p{margin-bottom:3em} .section-preview{padding:4em 0 4em}.section-preview .preview{margin-bottom:4em;background-color:#eaf1f1;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)} @@ -14,5 +16,6 @@ footer p{clear:left;margin-bottom:0} .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{padding:0}.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_ad .bsa_it_i{margin-bottom:0 !important} .bsa .one .bsa_it_p{display:none} diff --git a/assets/less/bootswatch.less b/assets/less/bootswatch.less index 4242cb07..257fcdf6 100644 --- a/assets/less/bootswatch.less +++ b/assets/less/bootswatch.less @@ -1,136 +1,157 @@ body { - padding-top: 50px; + padding-top: 50px; } #banner { - border-bottom: none; + border-bottom: none; } .page-header { - h1 { - font-size: 4em; - } + h1 { + font-size: 4em; + } } .bs-docs-section { - margin-top: 8em; + margin-top: 8em; } footer { - margin: 5em 0; - - li { - float: left; - margin-right: 1.5em; - margin-bottom: 1.5em; - } - - p { - clear: left; - margin-bottom: 0; - } + margin: 5em 0; + + li { + float: left; + margin-right: 1.5em; + margin-bottom: 1.5em; + } + + p { + clear: left; + margin-bottom: 0; + } } .splash { - background-color: #1c2533; - background: -webkit-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); - background: -o-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); - background: -ms-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); - background: -moz-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); - background: linear-gradient(20deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); - background-attachment: fixed; - padding: 6em 0 2em; - color: #fff; - text-align: center; - - .alert { - margin: 4em 0 2em; - } - - h1 { - font-size: 4em; - } - - #social { - margin-top: 6em; - } + padding: 4em 0 2em; + background-color: #1c2533; + background: -webkit-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); + background: -o-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); + background: -ms-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); + background: -moz-linear-gradient(70deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); + background: linear-gradient(20deg,#080f1f 30%,#2b4b5a 87%,#435e67 100%); + background-attachment: fixed; + color: #fff; + text-align: center; + + .alert { + margin: 4em 0 2em; + } + + h1 { + font-size: 4em; + } + + #social { + margin: 2em 0 4em; + } + + .bsa { + max-width: 350px; + margin: 0 auto; + background: none; + + .one .bsa_it_ad { + border: 1px solid #3E4653 !important; + border-color: rgba(255, 255, 255, 0.2) !important; + } + + a { + color: #fff; + } + } } .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: #eaf1f1; - - .fa { - margin-right: 0.5em; - } - - p { - margin-bottom: 3em; - } + 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: #eaf1f1; + + .fa { + margin-right: 0.5em; + } + + p { + margin-bottom: 3em; + } } .section-preview { - - padding: 4em 0 4em; - - .preview { - - margin-bottom: 4em; - background-color: #eaf1f1; - border: 1px solid rgba(0, 0, 0, 0.1); - border-radius: 6px; - - .image { - padding: 5px; - - img { - border: 1px solid rgba(0, 0, 0, 0.1); - } - } - - .options { - text-align: center; - padding: 0 2em 2em; - - p { - margin-bottom: 2em; - } - } - } - - .dropdown-menu { - text-align: left; - } - - .lead { - margin-bottom: 2em; - } - - @media (max-width: 767px) { - - .image img { - width: 100%; - } - } + padding: 4em 0 4em; + + .preview { + + margin-bottom: 4em; + background-color: #eaf1f1; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 6px; + + .image { + padding: 5px; + + img { + border: 1px solid rgba(0, 0, 0, 0.1); + } + } + + .options { + text-align: center; + padding: 0 2em 2em; + + p { + margin-bottom: 2em; + } + } + } + + .dropdown-menu { + text-align: left; + } + + .lead { + margin-bottom: 2em; + } + + @media (max-width: 767px) { + + .image img { + width: 100%; + } + } } -.bsa .one { +.bsa { + padding: 0; + + .one { - .bsa_it_ad { - border: none !important; - background-color: transparent !important; + .bsa_it_ad { + border: none !important; + background-color: transparent !important; - .bsa_it_t, - .bsa_it_d { - color: inherit !important; - } - } + .bsa_it_t, + .bsa_it_d { + color: inherit !important; + } - .bsa_it_p { - display: none; - } + .bsa_it_i { + margin-bottom: 0 !important; + } + } + .bsa_it_p { + display: none; + } + } }
\ No newline at end of file @@ -85,7 +85,6 @@ <div class="row"> <div class="col-lg-12"> <h1>Free themes for Bootstrap</h1> - <div class="alert alert-info">Check out <a href="./yeti">Yeti</a>, the newest member of the Bootswatch family. <a href="http://news.bootswatch.com/post/67753136761/yeti-a-bootstrap-theme-inspired-by-foundation">More info...</a></div> <div id="social"> <span> <iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe> @@ -96,6 +95,9 @@ <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a> </span> </div> + <div class="bsa well"> + <div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div> + </div> </div> </div> |