|
|
| Line 124: |
Line 124: |
| | } | | } |
| | | | |
| − | /****************POPUP BILLEDER**********************/
| |
| − | /* The Modal (background) */
| |
| − | .modal {
| |
| − | display: none; /* Hidden by default */
| |
| − | position: fixed; /* Stay in place */
| |
| − | z-index: 1; /* Sit on top */
| |
| − | padding-top: 100px; /* Location of the box */
| |
| − | left: 0;
| |
| − | top: 0;
| |
| − | width: 100%; /* Full width */
| |
| − | height: 100%; /* Full height */
| |
| − | overflow: auto; /* Enable scroll if needed */
| |
| − | background-color: rgb(0,0,0); /* Fallback color */
| |
| − | background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
| |
| − | }
| |
| − |
| |
| − | /* Modal Content (Image) */
| |
| − | .modal-content {
| |
| − | margin: auto;
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | max-width: 700px;
| |
| − | }
| |
| − |
| |
| − | /* Caption of Modal Image (Image Text) - Same Width as the Image */
| |
| − | #caption {
| |
| − | margin: auto;
| |
| − | display: block;
| |
| − | width: 80%;
| |
| − | max-width: 700px;
| |
| − | text-align: center;
| |
| − | color: #ccc;
| |
| − | padding: 10px 0;
| |
| − | height: 150px;
| |
| − | }
| |
| − |
| |
| − | /* Add Animation - Zoom in the Modal */
| |
| − | .modal-content, #caption {
| |
| − | -webkit-animation-name: zoom;
| |
| − | -webkit-animation-duration: 0.6s;
| |
| − | animation-name: zoom;
| |
| − | animation-duration: 0.6s;
| |
| − | }
| |
| − |
| |
| − | @-webkit-keyframes zoom {
| |
| − | from {-webkit-transform:scale(0)}
| |
| − | to {-webkit-transform:scale(1)}
| |
| − | }
| |
| − |
| |
| − | @keyframes zoom {
| |
| − | from {transform:scale(0)}
| |
| − | to {transform:scale(1)}
| |
| − | }
| |
| − |
| |
| − | /* The Close Button */
| |
| − | .close {
| |
| − | position: absolute;
| |
| − | top: 15px;
| |
| − | right: 35px;
| |
| − | color: #f1f1f1;
| |
| − | font-size: 40px;
| |
| − | font-weight: bold;
| |
| − | transition: 0.3s;
| |
| − | }
| |
| − |
| |
| − | .close:hover,
| |
| − | .close:focus {
| |
| − | color: #bbb;
| |
| − | text-decoration: none;
| |
| − | cursor: pointer;
| |
| − | }
| |
| − |
| |
| − | /* 100% Image Width on Smaller Screens */
| |
| − | @media only screen and (max-width: 768px){
| |
| − | .modal-content {
| |
| − | width: 80%;
| |
| − | }
| |
| − | }
| |
| | | | |
| | | | |
| Line 243: |
Line 165: |
| | | | |
| | /***************TABLES****************/ | | /***************TABLES****************/ |
| | + | |
| | table { | | table { |
| | font-family: arial, sans-serif; | | font-family: arial, sans-serif; |
| Line 249: |
Line 172: |
| | border-radius: 8px; | | border-radius: 8px; |
| | width: 100%; | | width: 100%; |
| | + | line-height:16px; |
| | } | | } |
| | | | |
| Line 254: |
Line 178: |
| | border: 1px solid #dddddd; | | border: 1px solid #dddddd; |
| | text-align: left; | | text-align: left; |
| − | padding: 8px; | + | padding: 2px; |
| | } | | } |
| | | | |
| Line 499: |
Line 423: |
| | button.accordion { | | button.accordion { |
| | font-size:16px; | | font-size:16px; |
| − | }
| |
| − | /*****************TABLES****************/
| |
| − | table{
| |
| − | font-size:16px;
| |
| | } | | } |
| | | | |
