This commit is contained in:
Ashley Blewer 2015-11-18 14:16:02 -08:00
parent 03c62f3470
commit c79f71b5e7
2 changed files with 5 additions and 5 deletions

View File

@ -14,12 +14,12 @@ div {
color: white; color: white;
} }
span .btn { .btn {
margin: 8px; margin: 8px;
} }
/* Bubble Float Top */ /* Bubble Float Top */
span .btn { .btn {
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
-webkit-transform: translateZ(0); -webkit-transform: translateZ(0);
@ -33,7 +33,7 @@ span .btn {
-webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;
transition-duration: 0.3s; transition-duration: 0.3s;
} }
span .btn:before { .btn:before {
content: "\f1c8"; content: "\f1c8";
position: absolute; position: absolute;
left: 1em; left: 1em;
@ -48,7 +48,7 @@ span .btn:before {
-webkit-transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out; transition-timing-function: ease-out;
} }
span .btn:hover:before, span .btn:focus:before, span .btn:active:before { .btn:hover:before, .btn:focus:before, .btn:active:before {
-webkit-transform: scale(1.3) translateZ(0); -webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0);
} }

View File

@ -41,7 +41,7 @@
<h5>Select from the following.</h5> <h5>Select from the following.</h5>
<!-- sample example --> <!-- sample example -->
<button type="button" class="btn btn-default" data-toggle="modal" data-target=".example">Sample example</button> <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Displays information about a media file" data-target=".example">Sample example</button>
<!-- Change the above data-target field, the button text, and the below div class (the word after modal fade) --> <!-- Change the above data-target field, the button text, and the below div class (the word after modal fade) -->
<div class="modal fade example" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel"> <div class="modal fade example" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
<div class="modal-dialog modal-lg"> <div class="modal-dialog modal-lg">