123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236 |
- #item-info {
- font-family: 'Raleway', sans-serif;
- }
- #item-info.wrapper {
- padding-top: 50px;
- max-width: 600px;
- margin: auto;
- padding-bottom: 130px;
- }
- #item-info .container {
- box-shadow: 0 3px 8px 0 rgba(150, 150, 150, 0.2), 0 5px 15px 0 rgba(150, 150, 150, 0.19);
- border: 1px solid rgba(150, 150, 150, 0.3);
- margin-bottom: 15px;
- }
- #item-info .info-header {
- padding: 5px;
- padding-top: 15px;
- }
- #item-info .info-header h2 {
- border-bottom: 1px solid lightgray;
- padding-bottom: 10px;
- color: #4e555b;
- font-size: 25px;
- }
- #item-info .info-header span {
- font-size: 1.1em;
- }
- #item-info .info-header span.date {
- float: left;
- margin-right: 10px;
- }
- #item-info .info-header span.category {
- float: left;
- }
- #item-info .info-body {
- padding: 5px;
- margin-top: 5px;
- }
- #info-carousel img {
- max-height: 400px;
- min-height: 400px;
- }
- #info-carousel a.carousel-control {
- position: absolute;
- top: 48%;
- margin: auto;
- color: navajowhite;
- font-size: 1.8em;
- }
- #info-carousel a.left.carousel-control {
- left: 5%;
- }
- #info-carousel a.right.carousel-control {
- right: 5%;
- }
- .carousel-item {
- position: relative;
- margin: auto;
- }
- #item-info .info-footer {
- min-height: 120px;
- margin-top: 25px;
- font-size: 15px;
- padding-bottom: 25px;
- }
- #item-info .info-footer h3 {
- color: #5a6268;
- margin-top: 25px;
- margin-left: 5px;
- /*font-size: 20px;*/
- border-bottom: 1px solid lightgrey;
- padding-bottom: 7px;
- text-align: left;
- }
- #info-comments .card-header {
- padding-left: 5px;
- color: #5a6268;
- background-color: transparent;
- text-align: left;
- }
- #info-comments .card-header h3 {
- margin-bottom: 0;
- }
- #info-comments .card-body {
- min-height: 70px;
- font-size: 14px !important;
- }
- #info-comments .card-body textarea {
- width: 100%;
- }
- #leave-message {
- float: left;
- vertical-align: top;
- }
- #leave-message textarea {
- color: #4e555b;
- content: '';
- }
- #leave-message input[type="submit"] {
- top: 0;
- }
- #exchenger a {
- margin-top: 15px;
- font-size: 18px;
- }
- /*-------- MODAL -------------------------------*/
- #itemListModal .modal.fade.show .modal-dialog.modal-dialog-slideout {
- -webkit-animation-name: bounce;
- animation-name: bounce;
- -webkit-animation-duration: 1s;
- animation-duration: 1s;
- }
- @keyframes bounce {
- 0% {transform: translateY(-25%);}
- 20% {transform: translateY(15%);}
- 40% {transform: translateY(-15%);}
- 60% {transform: translateY(5%);}
- 80% {transform: translateY(-5%);}
- 100% {transform: translateY(0%);}
- }
- #alert.modal .modal-dialog .modal-content {
- border-radius: 2px !important;
- }
- #alert.modal .modal-dialog .modal-content .modal-header {
- padding-top: 5px;
- padding-bottom: 5px;
- }
- #alert .modal-dialog .modal.content .modal-body {
- }
- .offer.card {
- max-width: 500px;
- position:relative;
- overflow: visible !important;
- }
- .offer.card .card-header {
- position: relative;
- padding-left: 30px;
- padding-top: 10px;
- min-height: 50px;
- }
- .offer.card .card-header h5 {
- color: #5e5e5e;
- font-size: 1.1em;
- }
- .offer.card .card-header i.fas {
- position: absolute;
- left: -12px;
- top:12px;
- }
- .offer.card .card-header i.glyphicon-eye-open {
- display: inline-block;
- border: 2px dashed #9d9d9d;
- color: #7d7d7d;
- padding: 6px;
- border-radius: .3em;
- position: absolute;
- right: 5px;
- top:8px;
- font-size: 1.2em;
- }
- .offer.card .card-header i.glyphicon-eye-open.active {
- color: #195C9D;
- border: 2px solid #c15d22;
- box-shadow: 0 0 0.3em #c15d22;
- }
- .offer.card .card-header i.glyphicon-eye-open:hover {
- color: #195C9D;
- border: 2px solid #c15d22;
- box-shadow: 0 0 0.3em #c15d22;
- }
- @media screen and (max-width: 991px) {
- .offer.card .card-header {
- padding-right: 40px;
- font-size: 0.9em;
- }
- }
- .modal.fade .modal-body {
- position: relative;
- }
- .modal.fade .modal-body .offer.card {
- position: relative;
- left: 50px
- }
- .offer.card i.glyphicon-transfer{
- display: inline-block;
- border: 2px dashed #9d9d9d;
- color: #7d7d7d;
- padding: 6px;
- border-radius: .3em;
- position: absolute;
- right: 45px;
- top:8px;
- font-size: 1.2em;
- }
- .offer.card i.glyphicon-transfer:hover {
- background-color: #ca5354;
- color: #eee;
- border: 2px solid #ff7277;
- }
- @media screen and (min-width: 700px) {
- #itemModify .modal-content {
- width: 600px !important;
- }
- }
|