|
|
| Line 511: |
Line 511: |
| | | | |
| | | | |
| − | /***************************** FOOTER ********************************/
| |
| | | | |
| − | .footer {
| + | /*************************************************************/ |
| − | position: absolute;
| + | |
| − | width:100%;
| + | |
| − | height:50px;
| + | |
| − | right: 0;
| + | |
| − | bottom: 0;
| + | |
| − | left: 0;
| + | |
| − | padding: 1rem;
| + | |
| − | background-color: red;
| + | |
| − | text-align: center;
| + | |
| − | }
| + | |
| | | | |
| | | | |
| | | | |
| − | #info {
| |
| − | width: 350px;
| |
| − | height: 50px;
| |
| − | background-color: #fedcba;
| |
| − | position: absolute; /* (2.) */
| |
| − | bottom: 0px; /* (3.) */
| |
| − | right: 0px; /* (4.) */
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | #slider {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | strong {
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | label {
| |
| − | color: teal;
| |
| − | cursor: pointer;
| |
| − | text-decoration: none;
| |
| − | }
| |
| − | label:hover {
| |
| − | color: #000 !important;
| |
| − | }
| |
| − | * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
| |
| − | label, #active, img { -moz-user-select:none;-webkit-user-select:none; }
| |
| − | .catch { display: block; height: 0; overflow: hidden; }
| |
| − | #slider {
| |
| − | /* margin: 0 auto; */
| |
| − | }
| |
| − |
| |
| − | .respond {
| |
| − | /* margin: 0 auto; */
| |
| − | max-width: 370px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Responsive Styling */
| |
| − |
| |
| − |
| |
| − | @media only screen and (max-width: 850px) and (min-width: 450px) {
| |
| − |
| |
| − | #slider #controls {
| |
| − | margin: -25% 0 0 15%;
| |
| − | width: 30%;
| |
| − | height: 50px;
| |
| − | }
| |
| − |
| |
| − | #slider #controls label {
| |
| − | -moz-transform: scale(0.8);
| |
| − | -webkit-transform: scale(0.8);
| |
| − | -o-transform: scale(0.8);
| |
| − | -ms-transform: scale(0.8);
| |
| − | transform: scale(0.8);
| |
| − | }
| |
| − |
| |
| − | #slider #slides {
| |
| − | padding: 1% 0;
| |
| − | -webkit-border-radius: 0px;
| |
| − | -moz-border-radius: 0px;
| |
| − | border-radius: 0px;
| |
| − | }
| |
| − |
| |
| − | #slider #active {
| |
| − | margin: 22% 0 0;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @media only screen and (max-width: 450px) {
| |
| − |
| |
| − | #slider #controls {
| |
| − | margin: -28% 0 0 24%;
| |
| − | width: 50%;
| |
| − | height: 50px;
| |
| − | }
| |
| − |
| |
| − | #slider #active {
| |
| − | margin: 23% 0 0;
| |
| − | }
| |
| − |
| |
| − | #slider #slides {
| |
| − | padding: 1% 0;
| |
| − | -webkit-border-radius: 0px;
| |
| − | -moz-border-radius: 0px;
| |
| − | border-radius: 0px;
| |
| − | }
| |
| − |
| |
| − | #slider #slides .info {
| |
| − | opacity: 0 !important;
| |
| − | }
| |
| − |
| |
| − | #slider #controls label {
| |
| − | -moz-transform: scale(0.6);
| |
| − | -webkit-transform: scale(0.6);
| |
| − | -o-transform: scale(0.6);
| |
| − | -ms-transform: scale(0.6);
| |
| − | transform: scale(0.6);
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | @media only screen and (min-width: 850px) {
| |
| − |
| |
| − | body {
| |
| − | padding: 0 80px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /*************************************************************/
| |
| | | | |
| | | | |
