|
|
| Line 1: |
Line 1: |
| | | | |
| − | <style>
| |
| − | @import url('https://fonts.googleapis.com/css?family=Amatic+SC&display=swap');
| |
| − |
| |
| − | * {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − | body {
| |
| − | /*background-image: linear-gradient(to bottom right, #436B95, #001F46);*/
| |
| − | background-color: #080727;
| |
| − | }
| |
| − | html {
| |
| − | height: 100%;
| |
| − | }
| |
| − | body {
| |
| − | height: 100%;
| |
| − | margin: 0;
| |
| − | background-repeat: no-repeat;
| |
| − | background-attachment: fixed;
| |
| − | }
| |
| − | #gif {
| |
| − | width: 80%;
| |
| − | }
| |
| − |
| |
| − | .page {
| |
| − | margin: 0;
| |
| − | padding:50px;
| |
| − | text-align: center;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .title {
| |
| − | margin: 12px;
| |
| − | font-size: 1.5em;
| |
| − | font-family: 'Amatic SC', cursive;
| |
| − | color: white;
| |
| − | }
| |
| − |
| |
| − | .slideshow-container {
| |
| − | /*max-width: 645px;
| |
| − | max-height: 380px;*/
| |
| − |
| |
| − | position:relative;
| |
| − | margin: auto;
| |
| − | /*border: 5px solid #001f3f;
| |
| − | box-shadow: 0 0 10px #001f3f;
| |
| − | border-radius: 10px;*/
| |
| − | }
| |
| − |
| |
| − | .slide-container {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .prev, .next {
| |
| − | cursor: pointer;
| |
| − | position: absolute;
| |
| − | top: 50%;
| |
| − | width: auto;
| |
| − | padding: 16px;
| |
| − | color: white;
| |
| − | font-weight: bold;
| |
| − | font-size: 20px;
| |
| − | transition: 0.6s ease;
| |
| − | border-radius: 0 3px 3px 0;
| |
| − | user-select: none;
| |
| − | }
| |
| − |
| |
| − | .prev {
| |
| − | left: 0;
| |
| − | border-radius: 3px 0 0 3px;
| |
| − | }
| |
| − |
| |
| − | .next {
| |
| − | right: 0;
| |
| − | border-radius: 3px 0 0 3px;
| |
| − | }
| |
| − |
| |
| − | .prev:hover, .next:hover {
| |
| − | background-color: rgba(0,0,0,0.6);
| |
| − | }
| |
| − |
| |
| − | .slide-number {
| |
| − | color: #f2f2f2;
| |
| − | background-color: rgba(0,0,0,0.6);
| |
| − | font-size: 12px;
| |
| − | padding: 8px 12px;
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | }
| |
| − |
| |
| − | .slide-img {
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .slide-caption {
| |
| − | color: #f2f2f2;
| |
| − | background-color: #001f3f;
| |
| − | opacity: 0.7;
| |
| − | border-radius: 0 15px 15px 0;
| |
| − | font-size: 15px;
| |
| − | padding: 8px 12px;
| |
| − | position: absolute;
| |
| − | bottom: 8px;
| |
| − | width: 90%;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | .slide-selector {
| |
| − | padding: 10px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | button {
| |
| − | font-family: 'PT Sans', sans-serif;
| |
| − | font-size: 13px;
| |
| − | font-weight: 400;
| |
| − |
| |
| − | color: #191970;
| |
| − | position: relative;
| |
| − | background: rgba(0,0,0,0);
| |
| − | }
| |
| − | </style>
| |
