Skip to content

brainfood / bootflat

Go to a project
Toggle navigation
Toggle navigation pinning
ade2e013 by bootflat
Options

modify Thumbnails‘s images and carousel's imagees

1 parent c646da25
Expand all
Inline Side-by-side
Showing 19 changed files with 24 additions and 11 deletions
...@@ -7,7 +7,6 @@ module.exports = function(grunt) { ...@@ -7,7 +7,6 @@ module.exports = function(grunt) {
7 'js/site.min.js': [ 7 'js/site.min.js': [
8 'js/jquery-1.10.1.min.js', 8 'js/jquery-1.10.1.min.js',
9 'js/bootstrap.min.js', 9 'js/bootstrap.min.js',
10 'js/holder.js',
11 'bootflat/js/icheck.min.js', 10 'bootflat/js/icheck.min.js',
12 'js/application.js' 11 'js/application.js'
13 ] 12 ]
......
...@@ -1381,6 +1381,9 @@ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-it ...@@ -1381,6 +1381,9 @@ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-it
1381 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 1381 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1382 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 1382 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
1383 } 1383 }
1384 .thumbnail a > img, .thumbnail > img {
1385 width: 100%;
1386 }
1384 .thumbnail .caption { 1387 .thumbnail .caption {
1385 font-size: 14px; 1388 font-size: 14px;
1386 } 1389 }
...@@ -1424,6 +1427,10 @@ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-it ...@@ -1424,6 +1427,10 @@ a.list-group-item-danger.active, a.list-group-item-danger:hover, a.list-group-it
1424 -moz-border-radius: 4px 4px 0 0; 1427 -moz-border-radius: 4px 4px 0 0;
1425 border-radius: 4px 4px 0 0; 1428 border-radius: 4px 4px 0 0;
1426 } 1429 }
1430 .jumbotron .carousel-inner > .item > a > img,
1431 .jumbotron .carousel-inner > .item > img {
1432 width: 100%;
1433 }
1427 .jumbotron .carousel-control.left { 1434 .jumbotron .carousel-control.left {
1428 -webkit-border-radius: 4px 0 0 0; 1435 -webkit-border-radius: 4px 0 0 0;
1429 -moz-border-radius: 4px 0 0 0; 1436 -moz-border-radius: 4px 0 0 0;
......
...@@ -42,6 +42,10 @@ $jumbotron-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; ...@@ -42,6 +42,10 @@ $jumbotron-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
42 & .carousel-inner > .item.active img { 42 & .carousel-inner > .item.active img {
43 @include radius($type: border-radius, $value: $jumbotron-radius $jumbotron-radius 0 0); 43 @include radius($type: border-radius, $value: $jumbotron-radius $jumbotron-radius 0 0);
44 } 44 }
45 .carousel-inner > .item > a >img,
46 .carousel-inner > .item > img {
47 width: 100%;
48 }
45 & .carousel-control.left { 49 & .carousel-control.left {
46 @include radius($type: border-radius, $value: $jumbotron-radius 0 0 0); 50 @include radius($type: border-radius, $value: $jumbotron-radius 0 0 0);
47 } 51 }
......
...@@ -19,6 +19,10 @@ $thumbnail-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default; ...@@ -19,6 +19,10 @@ $thumbnail-shadow: 0 1px 2px rgba(0, 0, 0, .2) !default;
19 border: none; 19 border: none;
20 @include box-shadow($value: $list-shadow); 20 @include box-shadow($value: $list-shadow);
21 21
22 & a > img, & > img {
23 width: 100%;
24 }
25
22 & .caption { 26 & .caption {
23 font-size: 14px; 27 font-size: 14px;
24 } 28 }
......
This diff could not be displayed because it is too large.
...@@ -1591,7 +1591,7 @@ ...@@ -1591,7 +1591,7 @@
1591 <div class="row"> 1591 <div class="row">
1592 <div class="col-sm-6 col-md-3"> 1592 <div class="col-sm-6 col-md-3">
1593 <div class="thumbnail"> 1593 <div class="thumbnail">
1594 <img class="img-rounded" data-src="holder.js/300x200/new" alt="300x200" src="" style="width: 300px; height: 200px; "> 1594 <img class="img-rounded" src="img/thumbnail-1.jpg" >
1595 <div class="caption text-center"> 1595 <div class="caption text-center">
1596 <h3>Thumbnail label</h3> 1596 <h3>Thumbnail label</h3>
1597 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id ...</p> 1597 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id ...</p>
...@@ -1601,7 +1601,7 @@ ...@@ -1601,7 +1601,7 @@
1601 </div> 1601 </div>
1602 <div class="col-sm-6 col-md-3"> 1602 <div class="col-sm-6 col-md-3">
1603 <div class="thumbnail"> 1603 <div class="thumbnail">
1604 <img class="img-rounded" data-src="holder.js/300x200/new" alt="300x200" src="" style="width: 300px; height: 200px; "> 1604 <img class="img-rounded" src="img/thumbnail-2.jpg">
1605 <div class="caption text-center"> 1605 <div class="caption text-center">
1606 <h3>Thumbnail label</h3> 1606 <h3>Thumbnail label</h3>
1607 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id ...</p> 1607 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id ...</p>
...@@ -1611,7 +1611,7 @@ ...@@ -1611,7 +1611,7 @@
1611 </div> 1611 </div>
1612 <div class="col-sm-6 col-md-3"> 1612 <div class="col-sm-6 col-md-3">
1613 <div class="thumbnail"> 1613 <div class="thumbnail">
1614 <img class="img-rounded" data-src="holder.js/300x200/new" alt="300x200" src="" style="width: 300px; height: 200px; "> 1614 <img class="img-rounded" src="img/thumbnail-3.jpg">
1615 <div class="caption text-center"> 1615 <div class="caption text-center">
1616 <h3>Thumbnail label</h3> 1616 <h3>Thumbnail label</h3>
1617 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id ...</p> 1617 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id ...</p>
...@@ -1621,7 +1621,7 @@ ...@@ -1621,7 +1621,7 @@
1621 </div> 1621 </div>
1622 <div class="col-sm-6 col-md-3"> 1622 <div class="col-sm-6 col-md-3">
1623 <div class="thumbnail"> 1623 <div class="thumbnail">
1624 <img class="img-rounded" data-src="holder.js/300x200/new" alt="300x200" src="" style="width: 300px; height: 200px; "> 1624 <img class="img-rounded" src="img/thumbnail-4.jpg">
1625 <div class="caption text-center"> 1625 <div class="caption text-center">
1626 <h3>Thumbnail label</h3> 1626 <h3>Thumbnail label</h3>
1627 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id ...</p> 1627 <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id ...</p>
...@@ -1790,21 +1790,21 @@ ...@@ -1790,21 +1790,21 @@
1790 <h2 class="example-title">Media list</h2> 1790 <h2 class="example-title">Media list</h2>
1791 <ul class="media-list"> 1791 <ul class="media-list">
1792 <li class="media"> 1792 <li class="media">
1793 <a class="pull-left" href="#"><img class="media-object img-rounded" data-src="holder.js/64x64/new" alt="64x64" src="" style="width: 64px; height: 64px; "></a> 1793 <a class="pull-left" href="#"><img class="media-object img-rounded" src="img/photo-1.jpg"></a>
1794 <div class="media-body"> 1794 <div class="media-body">
1795 <h4 class="media-heading">Media heading</h4> 1795 <h4 class="media-heading">Media heading</h4>
1796 <p>12 Apr, 2013 at 12:00</p> 1796 <p>12 Apr, 2013 at 12:00</p>
1797 <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p> 1797 <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
1798 <!-- Nested media object --> 1798 <!-- Nested media object -->
1799 <div class="media"> 1799 <div class="media">
1800 <a class="pull-left" href="#"><img class="media-object img-rounded" data-src="holder.js/64x64/new" alt="64x64" src="" style="width: 64px; height: 64px; "></a> 1800 <a class="pull-left" href="#"><img class="media-object img-rounded" src="img/photo-2.jpg"></a>
1801 <div class="media-body"> 1801 <div class="media-body">
1802 <h4 class="media-heading">Nested media heading</h4> 1802 <h4 class="media-heading">Nested media heading</h4>
1803 <p>12 Apr, 2013 at 12:10</p> 1803 <p>12 Apr, 2013 at 12:10</p>
1804 <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p> 1804 <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
1805 <!-- Nested media object --> 1805 <!-- Nested media object -->
1806 <div class="media"> 1806 <div class="media">
1807 <a class="pull-left" href="#"><img class="media-object img-rounded" data-src="holder.js/64x64/new" alt="64x64" src="" style="width: 64px; height: 64px; "></a> 1807 <a class="pull-left" href="#"><img class="media-object img-rounded" src="img/photo-3.jpg"></a>
1808 <div class="media-body"> 1808 <div class="media-body">
1809 <h4 class="media-heading">Nested media heading</h4> 1809 <h4 class="media-heading">Nested media heading</h4>
1810 <p>12 Apr, 2013 at 12:20</p> 1810 <p>12 Apr, 2013 at 12:20</p>
...@@ -1815,7 +1815,7 @@ ...@@ -1815,7 +1815,7 @@
1815 </div> 1815 </div>
1816 <!-- Nested media object --> 1816 <!-- Nested media object -->
1817 <div class="media"> 1817 <div class="media">
1818 <a class="pull-left" href="#"><img class="media-object img-rounded" data-src="holder.js/64x64/new" alt="64x64" src="" style="width: 64px; height: 64px; "></a> 1818 <a class="pull-left" href="#"><img class="media-object img-rounded" src="img/photo-2.jpg"></a>
1819 <div class="media-body"> 1819 <div class="media-body">
1820 <h4 class="media-heading">Nested media heading</h4> 1820 <h4 class="media-heading">Nested media heading</h4>
1821 <p>12 Apr, 2013 at 12:30</p> 1821 <p>12 Apr, 2013 at 12:30</p>
...@@ -1825,7 +1825,7 @@ ...@@ -1825,7 +1825,7 @@
1825 </div> 1825 </div>
1826 </li> 1826 </li>
1827 <li class="media"> 1827 <li class="media">
1828 <a class="pull-right" href="#"><img class="media-object img-rounded" data-src="holder.js/64x64/new" alt="64x64" src="" style="width: 64px; height: 64px; "></a> 1828 <a class="pull-right" href="#"><img class="media-object img-rounded" src="img/photo-4.jpg"></a>
1829 <div class="media-body"> 1829 <div class="media-body">
1830 <h4 class="media-heading">Media heading</h4> 1830 <h4 class="media-heading">Media heading</h4>
1831 <p>12 Apr, 2013 at 12:50</p> 1831 <p>12 Apr, 2013 at 12:50</p>
......
...@@ -4,7 +4,6 @@ ...@@ -4,7 +4,6 @@
4 4
5 !function ($) { 5 !function ($) {
6 $(function(){ 6 $(function(){
7 Holder.add_theme("new", { background: "#AC92EC", foreground: "#fff", size: 12 }).run();
8 7
9 $('.tooltip-demo').tooltip({ 8 $('.tooltip-demo').tooltip({
10 selector: "[data-toggle=tooltip]", 9 selector: "[data-toggle=tooltip]",
......
This diff could not be displayed because it is too large.